Hey guys I'm having some trouble moving the top menu bar directly though the css more to the right so it doesn't overlap with the logo directly.
I tried doing margin-left: 70% or left; 70%, but it doesn't even move. The links are named under class ".mainmenuitems" i believe.
Page should be attached.
By the way, any more suggestions would be strongly appreciated as well.
Thanks.Hi,
You may want to include your style sheet so that someone can help you.
One suggestion:
change:
a class=mainmenuitems
to:
a class="mainmenuitems"
-MikeThanks for the suggestion wart_hog but the stupid ecommerce company wont let me edit anything outside of the css file. This is bad because i'm just starting to migrate from tables and spacers to css. Oh yeah, and I just realized that my layout looks like crap unless it's solely on one screen resolution. :\
BTW, css attached, sorry about that.Well,
I can tell you for sure that you will not be able to accomplish this with only altering your CSS file. The problem is in your table layout. I dug through the code for toooooo long. The only way I could fix it was to open the HTML doc in a WYSIWYG editor and start moving the little boxes around. If you are ever granted permission to your HTML docs, You can replace the entire "links" table with the following:<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="53" class="bannerrow"><nobr>
<div class="bannerrow"><img src=http://www.webdeveloper.com/forum/archive/index.php/"images\logo.gif" border="0" alt="pd sixty distributor inc" width="355" height="53"></div>
</nobr>
</td>
<td width=""> </td>
<td width="100%" align="right" valign="top">
<nobr><a class="mainmenuitems" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Home</a> </nobr>
<nobr><a class="mainmenuitems" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Invoices</a> </nobr>
<nobr><a class="mainmenuitems" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Open Orders</a> </nobr>
<nobr><a class="mainmenuitems" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Credit Info</a> </nobr>
<nobr><a class="mainmenuitems" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Ship-to Info</a> </nobr>
<nobr><a class="mainmenuitems" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Shopping</a> </nobr>
<nobr><a class=mainmenuitems href=http://www.webdeveloper.com/forum/archive/index.php/"#">View Cart</a> </nobr>
<nobr><a class="mainmenuitems" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Help</a> </nobr>
</td>
</tr>
</table>
Tables = a bad idea for layout
Tables inside of tables inside of tables = NOOOOOOOOOOOOOOOOOOO!!!!!!
Hope you get your page working,
-Mike
I tried doing margin-left: 70% or left; 70%, but it doesn't even move. The links are named under class ".mainmenuitems" i believe.
Page should be attached.
By the way, any more suggestions would be strongly appreciated as well.
Thanks.Hi,
You may want to include your style sheet so that someone can help you.
One suggestion:
change:
a class=mainmenuitems
to:
a class="mainmenuitems"
-MikeThanks for the suggestion wart_hog but the stupid ecommerce company wont let me edit anything outside of the css file. This is bad because i'm just starting to migrate from tables and spacers to css. Oh yeah, and I just realized that my layout looks like crap unless it's solely on one screen resolution. :\
BTW, css attached, sorry about that.Well,
I can tell you for sure that you will not be able to accomplish this with only altering your CSS file. The problem is in your table layout. I dug through the code for toooooo long. The only way I could fix it was to open the HTML doc in a WYSIWYG editor and start moving the little boxes around. If you are ever granted permission to your HTML docs, You can replace the entire "links" table with the following:<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="53" class="bannerrow"><nobr>
<div class="bannerrow"><img src=http://www.webdeveloper.com/forum/archive/index.php/"images\logo.gif" border="0" alt="pd sixty distributor inc" width="355" height="53"></div>
</nobr>
</td>
<td width=""> </td>
<td width="100%" align="right" valign="top">
<nobr><a class="mainmenuitems" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Home</a> </nobr>
<nobr><a class="mainmenuitems" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Invoices</a> </nobr>
<nobr><a class="mainmenuitems" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Open Orders</a> </nobr>
<nobr><a class="mainmenuitems" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Credit Info</a> </nobr>
<nobr><a class="mainmenuitems" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Ship-to Info</a> </nobr>
<nobr><a class="mainmenuitems" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Shopping</a> </nobr>
<nobr><a class=mainmenuitems href=http://www.webdeveloper.com/forum/archive/index.php/"#">View Cart</a> </nobr>
<nobr><a class="mainmenuitems" href=http://www.webdeveloper.com/forum/archive/index.php/"#">Help</a> </nobr>
</td>
</tr>
</table>
Tables = a bad idea for layout
Tables inside of tables inside of tables = NOOOOOOOOOOOOOOOOOOO!!!!!!
Hope you get your page working,
-Mike