Sliter med horisontal meny

[Jesper Karsrud]

Morn morn.

 

Sitter her med siden til Nordstrand Menighets Ungdomsfellesskap, og har støtt på et problem med en meny. Denne skal inn i en liten bar mellom innhold og header, men den nekter å legge seg på linje med et annet element som også skal inn i samme bar.

 

Link til designet slik det er ment å se ut.

Link til designet slik det ser ut nå.

 

Obs! Den ser ikke ut i IE atm, dette fikses på så fort jeg har fått til denne menyen. Tar ett problem av gangen

[Arve Systad]

Ser ut som ei slags konflikt mellom bredde, padding og margins.

 

Uansett, utan at det eigentleg har noko i denne tråden å gjere: Eg synest ikkje sida ser særlig fin ut, for å sei det slik. Om du skal ta betalt for denne sida bør det enten vere veldig lite, eller du bør starte på nytt. Ikkje for å vere frekk, men dette ser veldig sånn "fjortis-med-frontpage-og-photoshop" ut

[Jesper Karsrud]

Dette er et helt frivillig prosjekt i menigheten, som jeg takket ja til å være med på, og er et samarbeid mellom flere personer. Det er heller ikke meningen at det skal være så fancy, men oversiktlig og enkelt. Kunne sikkert kjørt en annen stil, men denne falt i smak hos alle.

 

Men er det kanskje noen andre som vet en løsning på problemet? Har sittet med det i 30 min nå, og kommet litt nærmere, men det er fortsatt ikke perfekt, noe som er _veldig_ irriterende.

[pgdx]

Det ser ut som om du må floate .navi til venstre og gjøre det samme med alle andre menysakene. Eller du kan velge display:inline;

[Jesper Karsrud]

Ahh, tusen takk! Da fungerte det Hvorfor tenkte jeg ikke på det i går

[ratix]

h1 {
width: 802px;
height: 177px;
background: url(gfx/header.png) 0 0 no-repeat;
margin-bottom: 10px;
}

#main {
width: 445px;
float: left;
margin: 5px !important;
padding-left: 5px;
}

#right {
width: 153px;
float: left;
margin: 5px !important;
padding-left: 5px;
}


#footer {
background: url(gfx/footer.png);
width: 802px;
height: 40px;
margin-top: 10px;
padding-top: 5px;
padding-left: 5px;

}

hmm?

[Jesper Karsrud]

Hmm? Hvor har du det der fra? Jeg har fått fikset det, da..

[ratix]

Hmm? Hvor har du det der fra? Jeg har fått fikset det, da..

Jeg forandret litt på fire avsnitt av css-koden din.