/    Sign up×
Community /Pin to ProfileBookmark

Header/Navigation

Copy linkTweet thisAlerts:
Oct 12.2005

Hi, I would like to know if someone can help me with this.

I changed the header that my web person did because I wasn’t happy with it. He’s now out of the picture and I’m pretty new at this. The navigation buttons (words) are outside of the header. What do I need to do to get them inside the header?

NEW:
[url]http://www.babyisis.com/index.php[/url]

OLD:
[url]http://www.babyisis.com/aboutUs.php[/url]

Any information would be greatly appreciated!

Thanks,
Aimee

to post a comment
HTML

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangOct 12.2005 — It's a horrible table hack:</head>
<body oncontextmenu="return false;">
<div align="center">
<!-- start Nav table -->
<table width="573" style="width:796px; height:150px; background:url(newheader2.gif) no-repeat; border:2px solid #9663AD;">
<tr>
<td width="220"> </td>
<td align="center" valign="bottom"><a href="index.php" class="subnavlinks">Home</a></td>
<td align="center" valign="bottom"><a href="aboutUs.php" class="subnavlinks">About Us</a></td>
<td align="center" valign="bottom"><a href="onlineCatalog.php" class="subnavlinks">Online Catalog</a></td>
<td align="center" valign="bottom"><a href="customerService.php" class="subnavlinks">Customer Service</a></td>
<td align="center" valign="bottom" width=""><a href='javascript:document.cart.submit();' class="subnavlinks">View Cart</a></td>
<td align="center" valign="bottom"><a href="contactUs.php" class="subnavlinks">Contact Us</a></td>
</tr>
</table>

Time to convert to CSS!
Copy linkTweet thisAlerts:
@the_treeOct 12.2005 — Horrible? It's down right disgusting. I'm ashamed of you Fang :p
ul#nav{
width:796px;
height: 150px;
margin: 10px;
padding: 130px 5px 5px 5px;
background: url(newheader2.gif) no-repeat center center #fff;
border:2px solid #9663AD;
list-style-type: none;
}
ul#nav li{
display: inline;
}
[code=html]<ul id="nav">
<li><a href="index.php">Home</a></li>
<li><a href="aboutUs.php">About Us</a></li>
<li><a href="onlineCatalog.php">Online Catalog</a></li>
<li><a href="customerService.php">Customer Service</a></li>
<li><a href="javascript:document.cart.submit();">View Cart</a></li>
<li><a href="contactUs.php">Contact Us</a></li>
</ul>[/code]
Copy linkTweet thisAlerts:
@AimeeauthorOct 12.2005 — Okay, now I'm really confused! What exactly is a table hack?

I copy and paste the above, but what I now have is a purple box with the navigation buttons inside, but my logo and title are missing.

I tried adding:

<td><img src="<?php print(IMG); ?>newheader2.gif" alt=></td>

And I got one on top of the other.

How do I incoporate this?

Aimee
Copy linkTweet thisAlerts:
@AimeeauthorOct 12.2005 — That doesn't work either.
Copy linkTweet thisAlerts:
@FangOct 12.2005 — Horrible? It's down right disgusting. I'm ashamed of you Fang[/QUOTE]
It felt so good, abusing tables again ?
×

Success!

Help @Aimee spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...