Forums Upgraded

[god_is_my_goldfish]

My new website

Notice the gap in the side bar graphic which only IE puts in there.

I'm going to document all my characters here, and maybe do some tutorials as well.

<{POST_SNAPBACK}>

 

Not a bad site at all. (oddly enough, not only does IE misrender the page, it also loads a lot slower in IE, probably due to it having issues with your javascript )

[Darkness_Falls]

Have you cleared your cookies and temporary internet files multiple times and run tests with each browser to make sure it's, indeed, the browser that makes it load slower? For example, loading the site for the first time with IE would've skewed things to make it look like IE was a slow piece. Could also be your connection.

 

Unless it's consistently slower every time you visit the page.

 

Oh well, it loads up fast for me on cable modem on IE, so I doubt it's IE. (Unless you're worried about it being 2 milliseconds slower or something.)

 

Regarding that gap, maybe the other browser's aren't rendering it correctly and IE is the only that is Hehe, yeah, I bet you'll go for that one.

[modetwo]

You need to update your footer link for the Nightblade website, oDDity. It's www.night-blade.com, not www.nightblade.com

[sparhawk]

I'm home or at work), but I don't maximise my browser, and I don't want to, either.

 

Me neither.

[oDDity]

That's not the only gap error. It's the ony one you can see becasue the background colour of the page is the same as the image backgrounds.

If I set the BG color of the page to black, you can see it's absolutely littered with gaps in IE. In, fact it virtually doens't get a single border correct.

It's quite ridiculous really. I cna't imagine al the extra work thousands of web developers have to go to all the time to fix these things.

[oDDity]

I was just wondering if everyone noticed the rollover gifs on the characters there. It's not obvious that they're dynamic images and people may just go straight to the menu without noticing it.

Also, if you click on the sidebar links you go to thumbnail galleries, but because of the java menu when you hover over it people may not realise it's clickable.

[Springheel]

I noticed the rollover gifs, but not until after I'd checked out the left-hand menus.

[FishFace]

Mmm, purdy site, oDD. Only thing I'd say is that I'm not too fond of JS menus... They feel kind of uncontrollable, and not as tactile as other ways of navigating. Nonetheless, I like the rollovers.

 

By the way, whoever complained about rollovers - you can disable them, at least in Firefox. Go to preferences, web features and under the javascript, "Advanced" menu, you can disable certain annoying things. Personally, I leave that option on, as buttons that use the rollover feature can be helpful as a GUI feature.

 

Anyways, anyone who think that IE is as good as or better than Firefox/Opera, needs to rescrew their head on. First off, I personally find tabbed browsing essential. Cluttering up the UI? How about cluttering the desktop and taskbar? I currently have open 9 tabs. Tabs allow me to open a bunch of links at the same time, then read them all at my leisure. I can keep other stuff open without having to clutter things up, and better yet, with an extension or two, I can control exactly what happens when I load tabs and so on. I don't get things obscuring what I'm reading unless I ask them to, for example.

Customisability is better than IE with extensions - most things you might not like can be fixed. Google search bar makes searching a tad quicker, and keyword bookmarks are fantastic. For example, I have one set for wikipedia: "wiki %s" translates to "http://en.wikipedia.org/wiki/%s." Other obvious choices are for dictionary.com, image search and suchlike.

I don't know whether IE has a bookmark toolbar, but that's handy, too - you can set folders for bookmarks to appear below the addressbar.

Web developer extension is VERY useful to web developers (surprise) shortcuts to W3C validators, a CSS editor, window resizer, and all sorts.

 

Well, whatever. Firefox/Opera - they rock. IE sucks, with all its rendering issues and insecurities included, as well as its inexcusable lack of features. Like PNG support. I'll cease my advert here.

[Darkness_Falls]

I'm curious what causes this. Is it bad coding, or IE? Can a pro take a look at the code and let me know? Does the page meet W3C.org standards for HTML coding? If not, would it look right in IE if it was corrected?

 

I'd fully understand if it's IE's "fault", and that's cool... but I'm really just curious; for personal knowledge.

 

I'm going to paste the code here before oDDity has a chance to alter the code and make a different version live that IE likes better:

 

<html>

<head>

<title>pixelwerks</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

<!--

body {

background-color: #CCCCCC;

}

-->

</style>

<link href="style01.css" rel="stylesheet" type="text/css">

<style type="text/css">

<!--

a:link {

color: #003333;

text-decoration: none;

}

a:visited {

text-decoration: none;

color: #003333;

}

a:hover {

text-decoration: underline;

color: #006633;

}

a:active {

text-decoration: none;

}

-->

</style>

<script language="JavaScript" type="text/JavaScript">

<!--

function mmLoadMenus() {

  if (window.mm_menu_0712155419_0) return;

                        window.mm_menu_0712155419_0_1 = new Menu("Builders",112,18,"Geneva, Arial, Helvetica, sans-serif",12,"#003333","#CCCCCC","#CCCCCC","#003333","center","middle",3,0,1000,-5,7,true,true,true,0,true,true);

    mm_menu_0712155419_0_1.addMenuItem("Prelate","location='pictures/pages/prelate01.htm'");

    mm_menu_0712155419_0_1.addMenuItem("Guard","location='pictures/pages/builderguard.htm'");

    mm_menu_0712155419_0_1.addMenuItem("Forge Worker","location='pictures/pages/forger01.htm'");

    mm_menu_0712155419_0_1.addMenuItem("Priest","location='pictures/pages/builderpriest02.htm'");

    mm_menu_0712155419_0_1.addMenuItem("Acolyte","location='pictures/pages/acolyte.htm'");

     mm_menu_0712155419_0_1.fontWeight="bold";

     mm_menu_0712155419_0_1.hideOnMouseOut=tr

ue;

     mm_menu_0712155419_0_1.bgColor='#003300';

     mm_menu_0712155419_0_1.menuBorder=1;

     mm_menu_0712155419_0_1.menuLiteBgColor='#006666';

     mm_menu_0712155419_0_1.menuBorderBgColor

='#003333';

    window.mm_menu_0712155419_0_2 = new Menu("Guards",93,18,"Geneva, Arial, Helvetica, sans-serif",12,"#003333","#CCCCCC","#CCCCCC","#003333","center","middle",3,0,1000,-5,7,true,true,true,0,true,true);

    mm_menu_0712155419_0_2.addMenuItem("City Watch","location='pictures/pages/citywatch01.htm'");

     mm_menu_0712155419_0_2.fontWeight="bold";

     mm_menu_0712155419_0_2.hideOnMouseOut=tr

ue;

     mm_menu_0712155419_0_2.bgColor='#003300';

     mm_menu_0712155419_0_2.menuBorder=1;

     mm_menu_0712155419_0_2.menuLiteBgColor='#006666';

     mm_menu_0712155419_0_2.menuBorderBgColor

='#003333';

    window.mm_menu_0712155419_0_3 = new Menu("Undead",80,18,"Geneva, Arial, Helvetica, sans-serif",12,"#003333","#CCCCCC","#CCCCCC","#003333","center","middle",3,0,1000,-5,7,true,true,true,0,true,true);

    mm_menu_0712155419_0_3.addMenuItem("Revenant","location='pictures/pages/rev01.htm'");

     mm_menu_0712155419_0_3.fontWeight="bold";

     mm_menu_0712155419_0_3.hideOnMouseOut=tr

ue;

     mm_menu_0712155419_0_3.bgColor='#003300';

     mm_menu_0712155419_0_3.menuBorder=1;

     mm_menu_0712155419_0_3.menuLiteBgColor='#006666';

     mm_menu_0712155419_0_3.menuBorderBgColor

='#003333';

    window.mm_menu_0712155419_0_4 = new Menu("Townsfolk",106,18,"Geneva, Arial, Helvetica, sans-serif",12,"#003333","#CCCCCC","#CCCCCC","#003333","center","middle",3,0,1000,-5,7,true,true,true,0,true,true);

    mm_menu_0712155419_0_4.addMenuItem("Noblewoman","location='pictures/pages/noblewoman01.htm'");

     mm_menu_0712155419_0_4.fontWeight="bold";

     mm_menu_0712155419_0_4.hideOnMouseOut=tr

ue;

     mm_menu_0712155419_0_4.bgColor='#003300';

     mm_menu_0712155419_0_4.menuBorder=1;

     mm_menu_0712155419_0_4.menuLiteBgColor='#006666';

     mm_menu_0712155419_0_4.menuBorderBgColor

='#003333';

  window.mm_menu_0712155419_0 = new Menu("root",116,18,"Geneva, Arial, Helvetica, sans-serif",12,"#003333","#CCCCCC","#CCCCCC","#003333","center","middle",3,0,1000,-5,7,true,true,true,0,true,true);

  mm_menu_0712155419_0.addMenuItem(mm_menu

_0712155419_0_1,"location='pictures/pages/buildergroup.htm'");

  mm_menu_0712155419_0.addMenuItem("Mages");

  mm_menu_0712155419_0.addMenuItem(mm_menu

_0712155419_0_2);

  mm_menu_0712155419_0.addMenuItem(mm_menu

_0712155419_0_3);

  mm_menu_0712155419_0.addMenuItem(mm_menu

_0712155419_0_4);

  mm_menu_0712155419_0.addMenuItem("Inventors Guild");

  mm_menu_0712155419_0.addMenuItem("Pagans");

   mm_menu_0712155419_0.fontWeight="bold";

   mm_menu_0712155419_0.hideOnMouseOut=true

;

   mm_menu_0712155419_0.childMenuIcon="arrows.gif";

   mm_menu_0712155419_0.bgColor='#003300';

   mm_menu_0712155419_0.menuBorder=1;

   mm_menu_0712155419_0.menuLiteBgColor='#006666';

   mm_menu_0712155419_0.menuBorderBgColor='#003333';

  window.mm_menu_0712160058_0 = new Menu("root",70,18,"Geneva, Arial, Helvetica, sans-serif",12,"#003333","#CCCCCC","#CCCCCC","#003333","center","middle",3,0,1000,-5,7,true,true,true,0,true,true);

  mm_menu_0712160058_0.addMenuItem("Thief 1","location='nightblade/pages/thief01.htm'");

  mm_menu_0712160058_0.addMenuItem("Thief 2","location='nightblade/pages/thief02.htm'");

  mm_menu_0712160058_0.addMenuItem("Thief 3","location='nightblade/pages/thiefjump.htm'");

  mm_menu_0712160058_0.addMenuItem("Thieves","location='nightblade/pages/thieves.htm'");

  mm_menu_0712160058_0.addMenuItem("Ursula","location='nightblade/pages/ursula.htm'");

   mm_menu_0712160058_0.fontWeight="bold";

   mm_menu_0712160058_0.hideOnMouseOut=true

;

   mm_menu_0712160058_0.bgColor='#003300';

   mm_menu_0712160058_0.menuBorder=1;

   mm_menu_0712160058_0.menuLiteBgColor='#006666';

   mm_menu_0712160058_0.menuBorderBgColor='#003333';

  window.mm_menu_0712172637_0 = new Menu("root",117,18,"Geneva, Arial, Helvetica, sans-serif",12,"#003333","#CCCCCC","#CCCCCC","#003333","center","middle",3,0,1000,-5,7,true,true,true,0,true,true);

  mm_menu_0712172637_0.addMenuItem("Assassin","location='misc/pages/assassin01.htm'");

  mm_menu_0712172637_0.addMenuItem("Shade","location='misc/pages/assassin02.htm'");

  mm_menu_0712172637_0.addMenuItem("Thief wallpaper","location='misc/pages/thiefwallpaper.htm'");

  mm_menu_0712172637_0.addMenuItem("Helmet","location='misc/pages/helmet.htm'");

  mm_menu_0712172637_0.addMenuItem("Orc","location='misc/pages/demonhead.htm'");

  mm_menu_0712172637_0.addMenuItem("Xombie","location='misc/pages/xombie.htm'");

   mm_menu_0712172637_0.fontWeight="bold";

   mm_menu_0712172637_0.hideOnMouseOut=true

;

   mm_menu_0712172637_0.bgColor='#003300';

   mm_menu_0712172637_0.menuBorder=1;

   mm_menu_0712172637_0.menuLiteBgColor='#006666';

   mm_menu_0712172637_0.menuBorderBgColor='#003333';

 

mm_menu_0712172637_0.writeMenus();

} // mmLoadMenus()

 

function MM_preloadImages() { //v3.0

  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

    var i,j=d.MM_p.length,a=MM_preloadImages.arg

uments; for(i=0; i<a.length; i++)

    if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}

}

 

function MM_swapImgRestore() { //v3.0

  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;

}

 

function MM_findObj(n, d) { //v4.01

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].docume

nt; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

  if(!x && d.getElementById) x=d.getElementById(n); return x;

}

 

function MM_swapImage() { //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

   if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//-->

</script>

<script language="JavaScript" src="mm_menu.js"></script>

</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/darkmodroll.jpg','images/nigtbladreroll.jpg','images/miscroll.jpg','forgertxt.gif','a1.gif','prelatetxt.gif','a2.gif','priesttxt.gif','a3.gif','acolytetxt.gif','a4.gif','guardtxt.gif','a5.gif')">

<script language="JavaScript1.2">mmLoadMenus();</script>

<!-- ImageReady Slices (pixelwerks.psd) -->

<table id="Table_01" width="968" height="945" border="0" cellpadding="0" cellspacing="0">

  <tr>

    <td rowspan="3"><img src="images/index_01.gif" width="99" height="384" alt=""></td>

    <td colspan="3"><a href="index.html"><img src="images/index_02.gif" alt="" width="550" height="175" border="0"></a></td>

    <td colspan="2" rowspan="2"><img src="images/index_03.gif" width="318" height="366" alt=""></td>

    <td><img src="images/spacer.gif" width="1" height="175" alt=""></td>

  </tr>

  <tr>

    <td rowspan="2"><img src="images/index_04.gif" width="145" height="209" alt=""></td>

    <td rowspan="2"><img src="images/index_05.gif" width="68" height="209" alt=""></td>

    <td><img src="images/index_06.gif" width="337" height="191" alt=""></td>

    <td><img src="images/spacer.gif" width="1" height="191" alt=""></td>

  </tr>

  <tr>

    <td colspan="2"><img src="txtblank.gif" name="txt1" width="66" height="17" id="txt1"><img src="txtblank.gif" name="tx2" width="66" height="17" id="tx2"><img src="txtblank.gif" name="txt3" width="66" height="17" id="txt3"><img src="txtblank.gif" name="txt4" width="66" height="17" id="txt4"> <img src="txtblank.gif" name="txt5" width="66" height="17" id="txt5"></td>

    <td><img src="images/index_08.gif" width="317" height="18" alt=""></td>

    <td><img src="images/spacer.gif" width="1" height="18" alt=""></td>

  </tr>

  <tr>

    <td rowspan="8"><img src="images/index_09.gif" width="99" height="465" alt=""></td>

    <td rowspan="2"><a href="darkmodgallery.htm" onMouseOver="MM_swapImage('darkmod','','images/darkmodroll.jpg',1);MM_showMenu(window.mm_menu_07121

55419_0,0,-130,null,'darkmod')" onMouseOut="MM_swapImgRestore();MM_startTimeout

();"><img src="images/index_10.gif" alt="" name="darkmod" width="145" height="32" border="0" id="darkmod"></a></td>

    <td rowspan="8"><img src="images/index_11.gif" width="68" height="465" alt=""></td>

    <td colspan="2"><img src="images/index_12.gif" width="338" height="1" alt=""></td>

    <td rowspan="8"><img src="images/index_13.gif" width="317" height="465" alt=""></td>

    <td><img src="images/spacer.gif" width="1" height="1" alt=""></td>

  </tr>

  <tr>

    <td rowspan="6"><a href="java script:;" onMouseOver="MM_swapImage('txt1','','forgertxt.gif',1);MM_swapImage('forg','','a1.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="s1.gif" name="forg" width="62" height="229" border="0" id="forg"></a><a href="java script:;" onMouseOver="MM_swapImage('tx2','','prelatetxt.gif',1);MM_swapImage('prel','','a2.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="s2.gif" name="prel" width="62" height="229" border="0" id="prel"></a><a href="java script:;" onMouseOver="MM_swapImage('txt3','','priesttxt.gif',1);MM_swapImage('pres','','a3.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="s3.gif" name="pres" width="76" height="229" border="0" id="pres"></a><a href="java script:;" onMouseOver="MM_swapImage('txt4','','acolytetxt.gif',1);MM_swapImage('acol','','a4.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="s4.gif" name="acol" width="68" height="229" border="0" id="acol"></a><a href="java script:;" onMouseOver="MM_swapImage('txt5','','guardtxt.gif',1);MM_swapImage('guard','','a5.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="s5.gif" name="guard" width="63" height="229" border="0" id="guard"></a> </td>

    <td rowspan="7"><img src="images/index_15.gif" width="1" height="464" alt=""></td>

    <td><img src="images/spacer.gif" width="1" height="31" alt=""></td>

  </tr>

  <tr>

    <td><img src="images/index_16.gif" width="145" height="27" alt=""></td>

    <td><img src="images/spacer.gif" width="1" height="27" alt=""></td>

  </tr>

  <tr>

    <td><a href="nightblade/nightbladegallery.htm" onMouseOver="MM_swapImage('nightbalde','','images/nigtbladreroll.jpg',1);MM_showMenu(window.mm_menu_07121

60058_0,25,-100,null,'nightbalde')" onMouseOut="MM_swapImgRestore();MM_startTimeout

();"><img src="images/index_17.gif" alt="" name="nightbalde" width="145" height="31" border="0" id="nightbalde"></a></td>

    <td><img src="images/spacer.gif" width="1" height="31" alt=""></td>

  </tr>

  <tr>

    <td><img src="images/index_18.gif" width="145" height="20" alt=""></td>

    <td><img src="images/spacer.gif" width="1" height="20" alt=""></td>

  </tr>

  <tr>

    <td><a href="misc/miscgallery.htm" onMouseOver="MM_swapImage('misc','','images/miscroll.jpg',1);MM_showMenu(window.mm_menu_07121

72637_0,20,30,null,'misc')" onMouseOut="MM_swapImgRestore();MM_startTimeout

();"><img src="images/index_19.gif" alt="" name="misc" width="145" height="21" border="0" id="misc"></a></td>

    <td><img src="images/spacer.gif" width="1" height="21" alt=""></td>

  </tr>

  <tr>

    <td rowspan="2"><img src="images/index_20.gif" width="145" height="334" alt=""></td>

    <td><img src="images/spacer.gif" width="1" height="99" alt=""></td>

  </tr>

  <tr>

    <td><img src="images/index_21.gif" width="337" height="235" alt=""></td>

    <td><img src="images/spacer.gif" width="1" height="235" alt=""></td>

  </tr>

  <tr>

    <td><img src="images/index_22.gif" width="99" height="30" alt=""></td>

    <td><img src="images/index_23.gif" width="145" height="30" alt=""></td>

    <td><img src="images/index_24.gif" width="68" height="30" alt=""></td>

    <td colspan="2" valign="bottom"><div align="center" class="bodymain"><a href="http://www.thedarkmod.com">darkmod.com</a> | <a href="http://www.nightblade.com">nightblade.com</a> | <a href="mailto:odditycg@gmail.com">contact me</a> </div></td>

    <td><img src="images/index_26.gif" width="317" height="30" alt=""></td>

    <td><img src="images/spacer.gif" width="1" height="30" alt=""></td>

  </tr>

  <tr>

    <td><img src="images/index_27.gif" width="99" height="66" alt=""></td>

    <td><img src="images/index_28.gif" width="145" height="66" alt=""></td>

    <td><img src="images/index_29.gif" width="68" height="66" alt=""></td>

    <td colspan="2"><img src="images/index_30.gif" width="338" height="66" alt=""></td>

    <td><img src="images/index_31.gif" width="317" height="66" alt=""></td>

    <td><img src="images/spacer.gif" width="1" height="66" alt=""></td>

  </tr>

</table>

<!-- End ImageReady Slices -->

</body>

</html>

[oDDity]

The table code was created in adobe image ready using slices, and then imported into dreamweaver. Dreamweaver gives two errors about 'the marginheight attribute of the body tag not being supported' in IE. I think it's becasue it's set to zero.

I can't be bothered debugging it since only that one small gap error is actually visible.

[modetwo]

Seriously guys, tables are outdated. You can do so much more and get better, faster and cleaner code with div's, p's and span's. You've even said yourself that IE doesn't render tables correctly, so why are you using it? Tables and table-data's should be used where they belong, in ltable data sheets/lists.

 

Look at the code I wrote for the Alien Swarm website (ignore some of the contents that isn't valid xhtml and contains tables - I wasn't the one adding that - and that's why I'm linking to the Awards page which hasn't been changed yet). I'm not saying it's perfect or anything, but it shows that you can do lots of/most things without the use of tables and td's. And atleast this website looks (almost, except some line heights which doesn't really matter) the same in all 3 major browsers.

[Darkness_Falls]

Coolio - looks like I'll have to do more research on div tags and spans...

[modetwo]

Coolio - looks like I'll have to do more research on div tags and spans...

Good choice, Sir. Start looking here:

 

http://www.westciv.com/style_master/academ...rial/index.html

http://htmldog.com/guides/htmlintermediate/spandiv/

http://www.w3schools.com/

And of course; http://www.alistapart.com/

[Darkness_Falls]

Most excellent. I'ma bookmark'em. Fortunately I know 'classic HTML' really well -- you know, tables and such. And I have some (somewhat limited) experience with CSS. This shouldn't be 'too' complicated... I hope.

 

I have recently heard the W3C and other web people have been hitting Microsoft hard the past while for allowing IE to be so "loose" -- where IE pretty much displays a lot of HTML (deprecated (depreciated?) HTML stuff, etc.) that it's not really supposed to. Like allowing <i> tags instead of <em>, and tables formatting layouts, or whatever.

 

With this crackdown, I heard we might expect the next version of IE to be more like the Firefoxes and Operas of the world that aren't as lenient with what they allow.

 

Anyone heard the same news?

[Domarius]

Using divs and spans seperates the content from the layout. You can totally change where everything is just by changing the CSS file. For example, you could change the location of the menu from the left hand side, to the right, on every page in your site, simly by changing a few settings in the CSS.

[obscurus]

Anyways, anyone who think that IE is as good as or better than Firefox/Opera, needs to rescrew their head on. First off, I personally find tabbed browsing essential. Cluttering up the UI? How about cluttering the desktop and taskbar? I currently have open 9 tabs. Tabs allow me to open a bunch of links at the same time, then read them all at my leisure. I can keep other stuff open without having to clutter things up, and better yet, with an extension or two, I can control exactly what happens when I load tabs and so on. I don't get things obscuring what I'm reading unless I ask them to, for example.

<{POST_SNAPBACK}>

 

 

I am a satisfied Firefox customer, but I am still not used to tabbed browsing, because I always end up closing the browser down completely when I meant to just close one tab So I'm still opening pages in new windows when I could just open a new tab, oh well, I guess I'll get used to it eventually. But Firefox is all I need in a browser - still being on 56K, I am not all that interested in all the bells and whistles browsers offer, I just like the simple, clutter free design of Firefox. But IE is a heap of shit. I actually don't have any axes to grind with Microsoft, most of their products are very good, if a little expensive. IE is just not one of their better efforts.

[oDDity]

I don't care about divs and spans Vs tables. This is the first site I've made and I doubt I'll be making another one, so it's hardly worth looking into.

The point remains that other browsers can render it correctly, while IE cannot.

[FishFace]

http://validator.w3.org/check?verbose=1&ur...lwerks.l2p.net/

 

So, invalid - most of it is actually missing ALT tags for your images, which aren't so critical but should be included anyway. The biggies are "topmargin" and "leftmargin" and so on, I don't know enough HTML to know what's going on there.

[oDDity]

I assumed dreamweaver sorted out the right code for you when you used the graphical layout window.

Still, opera and firefoc have no problem with any of it.

[modetwo]

I assumed dreamweaver sorted out the right code for you when you used the graphical layout window.

Still, opera and firefoc have no problem with any of it.

Dreamweaver sucks at making valid webpages.

[oDDity]

IT's quick and easy though, which s the main thing. WHo wants to go learn HTML to knock one website together.

As for alt tags for the images- I'm laiughing at the idea of anyone trying to browse my site, which is essentially a gallery, with images turned off.

[FishFace]

Yeah, like I said - alt tags are kind of a minor issue. Nonetheless, they're handy in certain situations... I think they are, anyway! I dunno, properties page for the image or something like that. Personally, if it wasn't much hassle, I'd fill out the alt tags anyway, even if it was just with the filename of the image That's what I do with my own gallery script, although in the future I may decide to do something fancier, using a database or some such nonsense. At the moment, there's no provision for image titles or descriptions, though.

 

By the way, oDD, I'm not sure it does come out correctly in firefox. Look at this screenshot I took after hitting Ctrl-A: http://www.fishface.g.la/gallery.php?img=pixelwerks.png (taken in Firefox 1.0.2, Gecko/20050524) The gap in the menu is visible, too...

 

Oh, you also get dithering artifacts when you hover... Not sure that that was intentional.

[Darkness_Falls]

ALT tags are handy for people hooked into slow internet connections. While the images are loading, it'll show the ALT tag text in the image placeholder. Since your gallery page is mainly images, that's all the more reason to use ALT tags -- so people know what is loading on that screen.

 

They can also click that thumbnail image placeholder with the ALT text and know that they'll be clicking to a larger version of the image. Otherwise, they have to wait for all the thumbnails to load to know what each one represents.

 

I normally just put what the picture is in the ALT tag. For instance, "Noble Women" ... or "Noble Women - Click for large version of image."

 

EDIT: Yo oDDity - I thought you might be interested... I heard a song called "Oddity" by Coal Chamber the other day. I didn't personally care for the song, but it cracked me up since I thought of you and your Scream avatar. Heh

[oDDity]

Well, you know what they say - 'little amuses the simple'

[FishFace]

I think the saying is "simple things amuse simple minds"

 

Anyways, yeah - that's what ALT tags are good for. Woo. Any idea what's going on with those gaps? They're there in mozilla, too.