| Home | Register | FAQ | Members List | Search | Today's Posts | Mark Forums Read |
| DesignersTalk > Erm, help with something I know I shouldn't be doing... |
|
LinkBack | Thread Tools | Search this Thread |
15-08-2003, 15:01
|
#1 (permalink) |
|
Iris Folder
Join Date: Apr 2003
Location: smokey
Posts: 2,672
|
Erm, help with something I know I shouldn't be doing...
Lot's of images in a table to make up a page... sorry. However looks fine in Opera & IE on mac but screwed in Netscape and Safari, pesky unknown border thing going on. I think I've covered everything (and made a comedy style sheet to boot) but I can't seem to get rid... Well here's the CSS and a screen shot from Safari... laugh away /*Start Comedy Style Sheet */ body { margin : 0px; font-family:arial, verdana, sans-serif; font-size: 10px; color : #7e8b94; text-align: center; border: 0px; padding: 0px; border-style: none; } object{ margin: 0px; border: 0px; border-style: none; } img { border: 0px; margin: 0px; padding: 0px; border-style: none; } table { background-color:#ffffff; margin: 0px; padding: 0px; width: 100%; text-align: center; border: 0px; border-style: none; } tr { border: 0px; margin: 0px; padding: 0px; border-style: none; } td { text-align: center; border: 0px; margin: 0px; padding: 0px; border-style: none; } h1 { color: #ffffff; font-size: 5px; } h2 { color: #ffffff; font-size: 5px; } h3 { color: #ffffff; font-size: 5px; } /*div { text-align: center; vertical-align: middle; color: #7e8b94; font-size: 9px; }*/ a:link, a:visited, a:active { color: #7e8b94; font-size: 9px; font-weight: bold; text-decoration: none; border: 0px; margin: 0px; padding: 0px; } a:hover { color: #939393; border: 0px; margin: 0px; padding: 0px; } .base { color: #ffffff; font-size: 5px; border: 0px; margin: 0px; padding: 0px; } a.base { color: #ffffff; font-size: 5px; border: 0px; margin: 0px; padding: 0px; } /* end comedy style sheet */ It will be compacted once I've worked out the problem, just find it easier to work with long styles and then condense down later once it all works. The table is dead simple, just straight with <img> <a> in the various places, cellpadding and cellspacing are both set to zero. I'm having a thick day. And need top solve it quick quick quick... on Monday anyway Cheers D. |
|
|
|
|
18-08-2003, 05:01
|
#5 (permalink) |
|
Iris Folder
Join Date: Apr 2003
Location: smokey
Posts: 2,672
|
Ooops, sorry here we go, Ditched the table and threw it all in a div, still have the same problem in Safari and Netscape, could it be a line height problem? <div> <a href="main.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('kgMain','','entry/kGentry1-2.gif',1)"> <img src="entry/kGentry1-1.gif" alt="kevin Griffin Photography - site requires the flash 6 plugin" name="kgMain"> </a><br/> <a href="http://www.macromedia.com/go/getflashplayer" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('mmLink','','entry/kGentry2-2.gif',1)"> <img src="entry/kGentry2-1.gif" alt="get the flash plugin - macromedia.com" name="mmLink"></a><br/> <a href="mailto:kevin@kevingriffinphoto.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('kgEmail','','entry/kGentry3-2.gif',1)"> <img src="entry/kGentry3-1.gif" alt="kevin Griffin Photography - email kevin@kevingriffinphoto.com" name="kgEmail"></a><br/> <img src="entry/kGentry4-1.gif" alt="site design by taylorjames"><br/> <a href="http://www.taylorjames.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('tjLink','','entry/kGentry5-2.gif',1)"> <img src="entry/kGentry5-1.gif" alt="link to taylorjames.com - web design & photographic retouching" name="tjLink"></a><br/> <img src="entry/kGentry6-1.gif" alt="Pale base"><br/> </div> This just sits in the usual <body tag> nothing else to it. The page is hand written except for the javascript functions which are taken from Dreamweaver - as you can see... |
|
|
 |
