WebsiteBaker Support (2.8.x) > Templates, Menus & Design

[REOPEND] Small but irritating problem landzilla template

(1/3) > >>

as-lahaye:
Hi,

check: www.studio-lahaye.nl/sbwb

When moving the mouse over the menu it shifts (just by a few pixels) but it is enough to move some text on the page "Zwangerschapsfoto's"

I guess it has something to do with the margins and sizes but I can't figure out wich I should edit in the CSS...

Somebody an idea?

aldus:
the only css i see is in line 323 - there is no rule "word-wrap" afask.
you will have to declare it like this:

--- Code: ---white-space: nowrap;

--- End code ---

maybe you are also in the need of declare "overflow: hidden" ... don't know.

Regards
Aldus

as-lahaye:
do i have to place 1 of them or both?

so the line "word-wrap" on line 323 has to be replaced with "white-space: nowrap;" or is this an addition?

same goes for overflow: hidden replace or add?

thnx for the quick responce


update:

Placed both, overflow and white-space
still the same problem..

aldus:
not both ... replace, as for the overflow: hidden add ...

as for the pixel-dance it has to do within the following rules:

--- Code: ---#navi li a:hover, #navi li a.current {
border-bottom:1px solid #9A6717;
border-left:5px solid #9A6717;
color:#505050;
}

--- End code ---
The border left steps all 5 pixel to right ... hm


Edit:

Got it work here:

--- Code: ---#navi li a:hover, #navi li a.current {
border-bottom:1px solid #9A6717;
border-left:5px solid #9A6717;
color:#505050;
display:block;
margin-left:-5px;
padding-left:6px;
}

--- End code ---

Declare as block, move to right left and adjust the left-padding ...

Regards
Aldus

Ruud:
It is much simpler than that.

The #navi li a tag has a 4 pixel left border,  the #navi li a:hover tag has a 5 pixel left border.

Just make them both the same and you're done.

Ruud

Navigation

[0] Message Index

[#] Next page