Håller på och knåpar på en webbplats till en förening som jag är involverad i och håller på och vidareutvecklar den kommande sidan. Har stött på ett ganska så störande problem.
Fråga 1
Jag har alltså två stycken DIV:ar brevid varandra, Vänster-Höger
Så långt är allt OK, men när jag fyller på med långa meningar av text i den vänstra DIV:en så lägger sig texten över texten i den högra DIV:en.
Håller på och blir knäpp nu, hållt på i snart 3 dagar och inte kommit någonstans.
Nästan så att man vill ta fram frontpage och börja köra allt i sköna tabeller och celler §jr
Fråga två
Finns det något smart knep för att få menylänken: Föreningswebb högerjusterad i menynraden? och låta resten av länkarna vara där dom är? Testade att omsluta föreningswebb-länken med en div align="right" men då hoppade den ned en rad, vilket jag inte ville..
Det blir knas för att du har långa ord utan mellanslag, tex engångfannsdetensagasomhandladeomenolyckligfigur och då får webbläsarna problem eftersom de inte vet var i ordet de kan eller ska byta till ny rad.
Du kan testa med word-wrap som finns i CSS 3. Annars vet jag inte. :( Att undvika långa ord är ju inte direkt nåt man borde behöva tänka på.
Fråga #2:
Gör om menyn till en lista (<ul>) och sätt float:left på dess <li>. Lägg till en klass eller ett id på <li>:n för "föreningswebb" med float:right.
1. Undvik långa ord eller minska storleken. Finns det någon praktiskt användning att ha långa ord alls? I annat fall får du gömma dem med overflow: hidden;.
2. Lägg Föreningswebb först. Sätt float: right; på den.