/    Sign up×
Community /Pin to ProfileBookmark

navigation stretch

Copy linkTweet thisAlerts:
Feb 02.2007

Is there any way to stretch the navigation so that it fits the length of the top are. Also I only want the navigation to be on one line

here is the site
[url]http://www.realdealpokertour.com/dev/[/url]

you can find the style at [url]http://www.realdealpokertour.com/dev/nav.css[/url]

Thanks…

to post a comment
CSS

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@canadahatFeb 02.2007 — the link is not working for me.
Copy linkTweet thisAlerts:
@WebJoelFeb 02.2007 — invalid URL try "www" not "wwww"
Copy linkTweet thisAlerts:
@canadahatFeb 02.2007 — figured out the link problem it's www - not wwww -

anyway in safari the menu is all one line...

I tried this locally and it worked -

#navlist {

list-style: none;
margin: 10px auto;
width: 100%;
height: 1.6em;
background-image: url(http://www.realdealpokertour.com/dev/images/nav/navBarBg.gif);


}

#navlist li {

float: left;

display: block;

/* border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
border-top: 1px solid #A8B090; */
height: 1.5em;

}

#navlist a {

display: block;

text-decoration: none;

/* color: #333333; */

background-repeat: repeat-x;

background-position: left bottom;

padding: 0 0.4em;

line-height: 1.5em;

font-style: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: White; font-weight: bold;

}


#navlist a:hover {

background-image: url(http://www.realdealpokertour.com/dev/images/nav/navBarBgHover.gif);

color: #000000;

}

also your text in the real deal box is flowing out beyond it's bounds and is under the three playing cards...
Copy linkTweet thisAlerts:
@WebJoelFeb 02.2007 — Ugly. Inline style (recommend adding to external CSS). Not tested on Firefox, -but okay in IE

<!-- NavList -->


<ul id="navlist" style="width:643px; margin:5px auto 5px auto;">

<li style="width:90px; text-align:center;" ><a href="index.php">Home</a></li>

<li style="width:90px; text-align:center;"><a href="register.php">Register</a></li>

<li style="width:90px; text-align:center;"><a href="locations.php">Locations</a></li>

<li style="width:90px; text-align:center;"><a href="standings.php">Standings</a></li>

<li style="width:90px; text-align:center;"><a href="houseleagues.php">House&nbsp;&nbsp;Leagues</a></li>

<li style="width:90px; text-align:center;"><a href="gallery.php">Gallery</a></li>

<li style="width:90px; text-align:center;"><a href="contact.php">Contact</a></li>

</ul>

<!-- End NavList -->[/QUOTE]
Copy linkTweet thisAlerts:
@canadahatFeb 02.2007 — Ugly. Inline style (recommend adding to external CSS). Not tested on Firefox, -but okay in IE[/QUOTE]

what's ugly about it ? I'm using safari and seems fine here - the css code is nearly the same as what is already built... only i've moved the background image to the container and set the width of the container to 100%...
Copy linkTweet thisAlerts:
@realtime158authorFeb 02.2007 — Fixed the wwww to www i over looked that sorry guys.
Copy linkTweet thisAlerts:
@WebJoelFeb 03.2007 — what's ugly about it ? ...[/QUOTE] I am referring to [I]my use[/I] of repetative inline-code on every <li> ("ugly", synomonous with "written quickly and not broadly tested") to affect the desired changes instead of placing it [I]externally[/I] in one of the 2 or 3 CSS files serving this site. Externally, this could be said in about one sentence, something maybe like [B]#navlist ul li {width:90px; text-align:center;}[/B], thereby seperated from the HTML. I wasn't insulting your code or methodologies, -neither of which I saw posted when I hit "reply" from my end. ?

-Worked on Safari as-was, eh? Well, I think OP is more worried about the other 70% or 80% of us (the IE-on-pc, Firefox, Mozilla, NS, etc.) not seeing the navigation at 'full width'. ? Just curious though, -would what I did above change the way Safari sees the navigation?
×

Success!

Help @realtime158 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 5.18,
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: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

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

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...