<li> X aantal pixels naar links vanaf image

Door Danny von Gaal op 15-07-2015 17:14

1.330 views

Hello,

Ik heb een top menu gemaakt met twee links en dan een logo en dan weer twee links. Nu heb ik de eerste twee links de opzet margin-left: 20%; meegegeven. Alleen wanneer iemand nu zijn browser verkleint dan komen me links over me logo heen.

Ik heb mijn afbeelding gecentreerd, is het mogelijk dat ik mijn links zoveel aantal pixels naar links opschuif ten aanzien van mijn logo? Dus wanneer iets veranderd blijven mijn links even ver naast mijn logo staan.

Zie fiddle voor opheldering. Je moet het resultaat misschien even helemaal naar links schuiven om heel het menu naast elkaar te krijgen.

Eddy E

15-07-2015 21:06 gewijzigd op 15-07-2015 21:14

Wellicht een gek idee: zet dat logo ook gewoon in een <li>
Dus dan krijg je 5 dezelfde dingen, die veel logischer reageren.

Via een geforkte Fiddle: http://jsfiddle.net/nw9azc0p/2/

En met font-size: 3vw; heb je automatisch aanpassende lettergrootte.
Door de no-wrap op <nav><ul> blijven ze netjes naast elkaar.

Danny von Gaal

16-07-2015 09:04 gewijzigd op 16-07-2015 09:06

Bedankt Eddy,

Dit had ik al eens eerder gedaan maar toen kwam het niet zoals ik wilde. Maar het is natuurlijk wel de meeste logische manier. Ik ga hem gebruiken.

Edit: Er zitten ook een paar goeie tips in :)

Eddy E

16-07-2015 14:39

Met elkaar leren we meer van elkaar ;)

Reageren

Inloggen om te reageren