/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Please help – a problem with my width !!

Copy linkTweet thisAlerts:
Sep 08.2006

Hello,

I don’t know if it is just my Moz FF which is doing this but when I veiw the navigation buttons on my site they start off too wide and then change to the proper width after I click on the button. ?

The CSS that I am using is :

[code=php]
#nav a, #nav a:visited{
width:100px;
text-decoration:none;
border:2px solid #fff;
border-color:#def #678 #345 #cde;
background-color:#6666cc;
font-family:Tahoma, Tunga, sans-serif;
font-size:10px;
color:#fff;
font-weight:normal;
text-align:center;
display:block;
padding:0.25em;
margin:0.5em ;
}

#nav a:hover{
top:2px;
left:2px;
color:#fff;
border-color:#345 #cde #def #678;
background-color:#cc6699;
}
[/code]

Have I done something wrong here ?

How do I fix it ?

When you see the main page just click on the left-hand-side section buttons
– eg Rooms & Flats then you will see the ‘First page’ ‘Next page’ nav buttons

[url]www.yodbod.com[/url]

thanks for any advice ?

Dave

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@WebJoelSep 08.2006 — I haven't tried this, but at first glance:

[B]#nav a, #nav a:visited{

width:100px; (etc etc) [/B]

Above: You declare a width for #nav a and #nav a:visited,

but for:

[B]#nav a:hover{

top:2px;

left:2px;

color:#fff;

border-color:#345 #cde #def #678;

background-color:#cc6699;

}[/B]

you declared no width. Let's start there. Declare a width of 100px for a:hover and see if that helps.

and don't forget to add:

[B] padding:0.25em; margin:0.5em ; [/B]

to keep it the same as above example

[SIZE=1](sorry, -I have a raging flu from Hades and my head hurts too much to plug this into my editor and try it)[/SIZE]
Copy linkTweet thisAlerts:
@DaveinLondonauthorSep 08.2006 — Thanks - I have a couple of other css errors to fix - back soon !
×

Success!

Help @DaveinLondon 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.9,
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,
)...