help requested to better align top menu

Forums: Web Development, Html, Css
Email this Topic • Print this Page

Hi Craven! Well, I've slithered from under my rock and I'm seeking your help yet again Smile

I've designed a new site logo that is wider than the square I had previously used - so it pushes the "home, forums, etc." menus over - to the point that they are scrolled to the right.
i'm going to put the old smaller logo back until i get this issue resolved - basically, i believe it's just adding a hard return and properly moving the menu choices - i tried inserting a <br /> but since i don't know what i'm doing, nothing really happened and i'd rather not screw things up.

here's the relevant part of the fetch page (which i'd basically duplicate for the headers template:

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">

<tr>

<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">

<tr>

<td><a href="http://www.gadgetaddict.com/"><img src="forums/templates/subSilver/images/logo_phpBB.gif" border="0" alt="Gizmo, the Gadget Addict!" vspace="1" /></a></td> <br />

<td align="center" width="100%" valign="middle"><span class="maintitle">www.gadgetaddict.com</span><br /><span class="gen">get your daily fix<br /> </span>

<table cellspacing="0" cellpadding="2" border="0">

<tr>

<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
<a href="http://www.gadgetaddict.com/" class="mainmenu"><img src="forums/templates/subSilver/images/icon_mini_portal.gif" width="12" height="13" border="0" align="top" alt="Home Page" hspace="3" />Home </a>
<a href="http://www.gadgetaddict.com/mobile/" class="mainmenu"><img src="./forums/templates/subSilver/images/mobileicon.gif" width="12" height="13" border="0" align="top" alt="Forum Index" hspace="3" />Mobile </a>
<a href="http://www.gadgetaddict.com/forums/" class="mainmenu"><img src="./forums/templates/subSilver/images/icon_mini_forums.gif" width="12" height="13" border="0" align="top" alt="Forum Index" hspace="3" />Forums </a>
<a href="forums/faq.php" class="mainmenu"><img src="forums/templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="FAQ" hspace="3" />FAQ</a></span><span class="mainmenu"> <a href="forums/search.php" class="mainmenu"><img src="forums/templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="Search" hspace="3" />Search</a> <a href="forums/memberlist.php" class="mainmenu"><img src="forums/templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="Memberlist" hspace="3" />Memberlist</a> <a href="forums/groupcp.php" class="mainmenu"><img src="forums/templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="Groups" hspace="3" />Usergroups</a>

as always, you're help and advise is GREATLY appreciated - thank you!

Topic Stats
Top Replies
Link to this Topic

Type: Discussion • Score: 1 • Views: 2,403 • Replies: 11

No top replies

An HTML line break is '<br>', and you're using '<br />'. That might be part of the problem.

0 Replies

<br /> is a forced linebreak(also compliant xhtml IIRC)

gadget,

I'll have a look shortly.

0 Replies

thanks monger - maybe that's why it didn't work.
Err, say sister, is that a gun you're pointing at me, or are you just un-happy to see me? Smile

0 Replies

hey - how come everybody's avatar is changing so quickly - it's faster than i can write up quips!

0 Replies

btw - off topic - i'm planning another giveaway on my site, i'll try to find an appropriate forum here to announce - anyway, one of the things i'm going to do is a treasure hunt in the forums - i plan to have folks search for my 2 favorite sites and e-mail me for extra entries - are you cool with me putting in able2know as one of them? maybe i'll require the slogan "ask questions, get answers" as one of the responses - i can't imagine you wouldn't be okay with this, but thought i'd check first...it could potentially drive some folks over here....

0 Replies

um, still help? Smile

0 Replies

Ok, your problem is that the cells have a nowrap tag: nowrap="nowrap"

So your linebreaks are ignored.

0 Replies

If you remove those nowrap tags It will probably just become liquid (kinda like "shrink to fit") and you probably won't need the line breaks.

Try it and let us know how it goes.

0 Replies

And as to the earlier question I am not sure I follow but, hey, if ya wanna send people this way I have no qualm.

0 Replies

i bow to the heavens and praise those that have brought us Craven, for lo, with Craven, we have free web advise THAT WORKS and is appreciated.
Yay, I see unto thee, thank you Craven - for making Gadgetaddict that much less shlocky! Smile

Thanks CdK - removing nowrap worked like a champ!

0 Replies

BTW, by removing the nowrap you probably don't need to force teh lien breaks as depending on the screen resolution of the visitor the lines will break automatically.

Anotehr thing is that teh nowrap is there for a reason, it can get ugly without it so you might consider putting all those links in a single wrapping cell instead of two.

0 Replies

help requested to better align top menu

Related Topics

Quick Links

My Account

able2know