Halloj!

Håller på att lära mig/experimentera med en horizontell meny. Allt ser bra ut tills jag förminskar fönstret så att hela menyn inte får plats. Då bryts menyn och gör ett radbyte. Inte oväntat. Så jag lägger till white-space: nowrap; på <ul>, det har fungerat förut. Men nehej, det gick inte. Så nu har jag lagt till det på alla taggar/id:n/klasser jag hittade :) Funkar fortfarande inte, trots min brute-force-trial-and-error-metod!

Så jag föreställer mig att jag lyckats använda en annan tagg som gör att white-spacen inte erkänns.

Sidan finns på http://www.egenart.org/webdevel/4/ och css:en på http://www.egenart.org/webdevel/4/style.css

Om någon kan ge mig ett tips så skulle jag bli oerhört tacksam.

Kan nämna att jag med framgång använt nowrappen på http://www.egenart.org/webdevel/3/ men med en lite annan struktur på menyn etc. och som framförallt blir väldigt ful i FireFox!

Menyn borde ligga i en table. För att den inte ska brytas måste du ange en fast bredd, eller %-tal, på tabellen. Då bryts den inte.

Fungerar naturligtvis även på andra objekt.

//Mikael Sand

Jo, table är ett alternativ.

Men det är ju transitional XHTML. Jag har som ambition att separera layout från innehåll i möjligaste mån, det är en del av experimenterandet. Och jag är/vill vara övertygad om att det skall gå utan en "nödlösnings-tabell" :)

Mitt problem består i att jag inte har full kontroll över/kan mina CSS-taggars egenskaper i de olika browsrarna samt vilka taggar som har företräde över andra. Har (såklart) letat intensivt på nätet utan att få klara svar. Det finns en hel del exempel på horisontella menyer, framför andra http://css.maxdesign.com.au/listamatic och www.alistapart.com. Men med ett näraliggande exempel som grund var det inte helt enkelt att skapa en browserokänslig variant som jag ville ha det.

Alltså - en lösning som endast innebär en förändring i CSS:en skulle uppskattas oerhört ;)

MVH Jonas

Har nu testat och pillat så ögonen blöder. Så nu känns tabell-lösningen mycket mer attraktiv. Och det fungerar såklart klockrent. Glömde tacka för svaret för övrigt: tack!

För den som vill beskåda finns en variant på http://www.egenart.org/webdevel/6/

Stänger tråden!

Sätt en fast bredd på elementet som menyalternativen ligger i, så att det inte trycks ihop om sidan är mindre.