spry menu items verspringen bij resize window

Status
Niet open voor verdere reacties.
J

joekeskoekes

Gebruiker
Lid geworden
16 jan 2008
Berichten
8
hallo,
ik heb een horizontal spry menu bar met 7 menu items.
Als ik het preview venster van rechts naar links verklein, springen de laatste 3 spry menu items van de menu bar onder de eerste 4 items!
Bovendien is er nu een witte balk te zien in de menu bar!

weet iemand hoe ik hiervan af kan komen?
De menu bar zou vastm moeten blijven staat, ook als ik mijn window resize.

alvast bedankt!
 
bedankt voor het snelle antwoord.

ik weet echter niet hoe ik het geheel in een div zet...
van div's ken ik helemaal niets eigenlijk... :o
 
de webiste is nog niet online, dus ik kan je geen url sturen...

of bedoel je dat niet?
 
Dan schiet het niet op natuurlijk.

Anders een zipje maken
van de html pagina en het menu.
Is het menu gewoon in de html file opgenomen, opslaan als txt file, dan kun je die hier ook als bijlage wegzetten.

:cool:
 
kan je hier iets mee doen?

sorry voor de last hoor, maar ben niet zo vertrouwd met forums (en dreamweaver ;-))
 

Bijlagen

In de html file dit aanpassen:
Door de vaste
width:980px
loopt het menu niet meer weg.

<body style="margin:0:padding:0;">
<div style="width:980px; margin:auto;">

<table width="980" height="100%" border="1" cellspacing="0" cellpadding="0" >

rest van je code
en onderaan de afsluitende div

</div>
</body>
</html>

De css file heb ik aangepast.
Hernoem je originel naar SpryMenuBarHorizontal_old.css
zodat je er altijd op terug kunt vallen.

Bijlage css file.

:cool:

///edit

Je hebt geen doctype in je pagina.

Zet dit als eerste in je pagina:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
dus voor de
<html>
 

Bijlagen

Laatst bewerkt:
bedankt voor de moeite, hoor, maar nadat ik de aanpassingen die je voorstelde doorvoerde, was het logo bovenaan van plaats veranderd en de kleuren van mijn menu items (:hover)waren geel ipv wit geworden enzo... ik denk niet dat dat de bedoeling was, tenzij jij de witte vette tekst niet mooi vond ;-))

ik moet wel zeggen dat het menu niet meer mee opschoof bij de window resize... alleen stond mijn zevende en laatste menu item nu vast onder het eerste menu item.

bovendien gaf dit <body style="margin:0;padding:0;"> steeds een error...

terug naar af feitelijk...

groetjes & nogmaals bedankt voor de moeite
 
Heb je wel het doctype erboven gezet?

Menu heb ik aangepast (rand) om te zien wat er gebeurt, de breedte kun je nu zien.
Afstand tussen de linken was te groot.

Dus je moet er wat mee spelen om het goed te krijgen.

:cool:
 
Ik krijg altijd deze error...
ik moet DW afsluiten via de taskmanager, want ik kan hier niet voorbij...

There is an error at line 24, column 35 (absolute position 935 of... "(naam van de template).dwt": Nested editable regions.

op line 24 staat: <body style="margin:0;padding:0;">
 
Dan maak je van
<body style="margin:0;padding:0;">
weer gewoon
<body >
style is bedoeld om geen ruimte aan de zijkant van je window te krijgen.
Mag dus weg.

:cool:
 
jaaa! nu werkt het wel. Het menu blijft staan! DANKU!
(heb wel de width op 1120px gezet, want anders stond mijn laatste menu item onder mijn eerste)

wat nu nog wel een 'probleem' is, is het volgende:
ik wilde onderaan de pagina een blauwe balk, maar die staat nu onder de text en niet meer at the bottom van het scherm.
die height=100% lijkt niet meer te worden toegepast.

bovendien staat alles nu ook gecentreerd en ik zie nergens hoe ik dat weer kan links alignen...

ik zal mij eens moeten verdiepen in die <div>-toestanden, denk ik

of weet jij mss wat en hoe?
 
width op 1120px gezet
Klik om te vergroten...

Je kunt beter de afstand TUSSEN de linken in je css veranderen.(tussenruimte)
Anders komt er op een 17"scherm een scrolrand aan de onderkant.
(Daarom had ik de gele border toegevoegd, zie je wat er gebeurt)

Height 100% zou je in de div kunnen toevoegen.

Voor de rest is het try-and-error.

:cool:
 
yes!
het is gelukt!

zonder div of code aan te passen eigenlijk:
je kan gewoon in de sprymenubar.css de width onder 'box' wijzigen naar de gewenste aantal pixels ipv op de default waarde (auto) te laten staan...

dat ik daar niet eerder op gekomen was ;-)

hartelijk bedankt voor je hulp en geduld!

groetjes!
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan