CSS og valign av tekst

[Lystig]

Jeg har ett ekkelt problem, jeg har mange bilder som skal stå på rad nedenfor hverandre, til høyre for bildet vil jeg ha informasjon om bildet. Jeg har prøvd med vertical-align:top; på bildet, men da blir det bare sånn->>

________
|            | Linje 1 
|            |
|_______|
Linje 2
Linje 3

Det jeg ønsker er at alle linjene står ved siden av bildet (sånn som det blir hvis man bruker <img src="..." align="left">). Hvis jeg bruker <img align="left"> så hopper bildet mitt ut av "rammen" og roter opp alt

 

Hjeeeelp

[jorgis]

float:left;

[Lystig]

Vel, det gikk men nå stikker bildet ut av div'en

 

 

har prøvd med min-height, men det gikk ikke :/

[Haraldson]

Har du fast høyde på diven bildet er i?

[Lokaltog]

Har hatt samme problemet jeg også, at elementer med float: flyter ut av en div, selv om den ikke har fast høyde. (Problemet gjelder spesielt i Opera).

 

Noen som har en løsning på dette problemet?

[Lystig]

Mr. Berg, jeg har ikke definert noen høyde for div'en.

Ekstremt plagsomt.

[Haraldson]

Noen som har en løsning på dette problemet?

Legge en hva-som-helst nederst i diven med egenskaper clear:both; og width:100%;?

 

Er ikke helt sikker på om det funker her da...

[Lystig]

takk Mr.Berk, når jeg lå til <p style="clear:both;"></p> nederst i div'en funker det som det skal

[Lystig]

argh, nytt problem når jeg bruker clear:both... IE har funnet ut at teksten ikke skal vises før den blir highlightet, etter jeg har highlightet den så er den der.

[jorgis]

Er bildet inni en <p>, som den skal? Hvis bildet er inni en <p> sammen med teksten skal bildet plassere seg sånn du vil med float:left;

[Lystig]

bildet og teksten er inni samme <p>, bildet vises, det gjør ikke teksten.

se selv: http://trheim-lan.com/css/index.php?s=6 (bruk IE)

[Cucum(r)]

Prøv å legg til z-index: 2; på ramme2 i CSS.

 

Formateringen av nyhetene var forresten utrolig dårlig.

Endret 18. juli 2004 av SirIce

[Arve Systad]

takk Mr.Berk, når jeg lå til <p style="clear:both;"></p> nederst i div'en funker det som det skal

Du skal heller legge til et hr element med slik styling:

hr {
clear:both;
visibility:hidden;
}

 

en tom p som kun der der for å fikse bugs er ikkje semantisk.

[Lystig]

der ja, gjorde noen andre endringer også, men nå vises alt rett i både Safari og IE

[haugsand]

arve87 har et godt poeng, siden spesifikasjonene sier at tomme p-element skal ignoreres av nettleserne.