Help - Search - Members - Calendar
Full Version: Help with navpics
Forums > Resource Center > Support Center > Myspace Support > Myspace Resolved Topics
ich-rocke
hi
i have this problem how make to my navpics look like this "horizontal"

In firefox look fine but in Internet expolrer look like this

how fix this ? thx!
my code is:
CODE
<style> body { scrollbar-face-color:FFFFFF; scrollbar-highlight-color:CCCCCC; scrollbar-3dlight-color:999999;scrollbar-arrow-color:999999; scrollbar-darkshadow-color:999999; scrollbar-shadow-color:CCCCCC; scrollbar-track-color:000000; background-color:ff00000; background-image: url(http://www.oeneus.net/nwms/nwbg.jpg); background-position: center bottom; background-repeat: x-repeat; background-attachment: fixed; } body table { margin-top:410px; } table, tr, td, table table, table table td {border-width:0px; background-color: transparent;} table table table td{background-color:transparent;margin:0px;padding: 0 20px 15px 20px;} table table table table{border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;} table table table table td{padding:0px;margin:0px;} table table table { margin:0px; width: 100% !important; } body td table, body div table { margin-top: 0; } contactTable{visibility:hidden;} body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b,u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 { font-family: Arial; font-size: 11px; color: CCCCCC; font-weight: normal; font-style: normal; text-decoration: none; } .nametext {visibility:hidden;} .whitetext12, .orangetext15 {visibility:hidden;} a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover { font-size: 11px; color: 003366; font-style: normal; text-decoration: none; } a.navbar:hover, a.man:hover, a:hover { color: 003366; font-style: normal; text-decoration: none; } h1 { font-size:14px; font-weight: bold; font-variant: small-caps; } strong { color: 666666; font-weight: bold; } .category { font-size: 12px; font-weight: bold; } .sections { margin: 5px 5px 5px 5px; font-family: Arial; font-size:14px; font-weight: bold; color:666666; padding: 4px; } .spacer {height: 20px;} .mainp { color:666666; line-height: 1.5em; text-align:justify; text-align:justify; padding: 15px; z-index:2; } .mainp table td{ padding: 2px;} .masthead { width: 897px; height: 525px; background-image:url(http://i257.photobucket.com/albums/hh239/ich-rocke/BOCETO/top.jpg); background-repeat: no-repeat; position: absolute; left: 50%; top: 165px; margin-left: -450px; z-index:1; } .paper { width: 897px; height: 445px; background-image:url(http://i257.photobucket.com/albums/hh239/ich-rocke/BOCETO/top3-1.jpg); background-repeat: no-repeat; position: absolute; left: 50%; top: 550px; margin-left: -450px; } .cassette { width: 365px; height: 330px; background-color:000000; position: absolute; left: 50%; top: 995px; margin-left: -449px; z-index:1; } .aboutme { direction:rtl; width: 300px; height: 300px; position: absolute; left: 50%; top: 530px; margin-left: -415px; z-index:7; } .content { width:420px; background-image:url(http://img267.imageshack.us/img267/4954/wrinkledbkg05li9.jpg); background-repeat: y-repeat; position: absolute; } .friendComments { direction:rtl; width: 410px; height:1200; background-color:000000; position: absolute; top: 1465px; margin-left: -250px; } .friendsComments table { padding:1px } .friendsComments table img, a img { border-color:FFFFFF; max-width:75px; max-height:75px; } .navpics { position: absolute; left: 25%; top: 502px; margin-left: -10px; padding:0px; z-index:9; } .designby { position: absolute; left: 50%; top: 892px; margin-left: -50px; padding:0px; z-index:9; } .navpics li { list-style:none; margin-left:0px; } .navpics img, a img{ border:0px; padding: 0px; max-width:500px; max-height:400px;} object { position: relative; z-index: 6;} object.null{ position: relative;6;} .youtube {position;relative;} </style><div class="navpics"><li><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0zNTc1MTMxMzQ=" target="blank"><img src="http://i257.photobucket.com/albums/hh239/ich-rocke/BOCETO/addtofriends3.png" /></a><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MTMxMzM2MTgyJnB1YmxpYz0w" target="blank"><img src="http://i257.photobucket.com/albums/hh239/ich-rocke/BOCETO/addtofav-1.png" /></a><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0zNTc1MTMxMzQ=" target="blank"><img src="http://i257.photobucket.com/albums/hh239/ich-rocke/BOCETO/PICS.png" /></a></li> </div> <div class="masthead"></div> <div class="paper"></div> <div class="cassette"> <center><br /> <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="344" width="425" data="http://www.youtube.com/v/duFhZqNPY_0&hl=es&fs=1">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/duFhZqNPY_0&hl=es&fs=1" />
</object>
</td>

</tr>
</table>
</td>
</tr>
</table>
<br />



<table bordercolor="000000" cellspacing="0" cellpadding="0" width="435" border="0" class="friendSpace">
<tr>
<td class="text" align="left" width="435" bgcolor="ffffff" height="20">
<table cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99">
decaydancefbr
Change all your top: codes to this:

CODE
margin-top:###px;
ich-rocke
thanks but i don't understand what part of the code i have to change shrug.gif
fixtatik
the reason they're going underneath one another in IE is because you don't have a set width for your "navpics" div.

find this line in your code:
CODE
.navpics { position: absolute; left: 25%; top: 502px; margin-left: -10px; padding:0px; z-index:9; }

and just add to it width:700px;

there's a different way to fix it, that's more web-standards friendly, but this is the quickest and easiest way to do it.
Anarchy
It should look like this:

CODE
.navpics { position: absolute; left: 25%; top: 502px; margin-left: -10px; padding:0px; z-index:9; width:700px; }

By the way, is this the layout you're using? Because I see a different one on your profile. Nightwish is your display name, corrent?
ich-rocke
i used the "masthead" of Nightwish only
thank you so much !! works great !
Anarchy
We're here to help. _smile.gif

Topic closed & moved.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.