Tekst flyter rundt bilde...

[aog]

Hei.

 

Hva er trikse for å få tekst til å flyte rundt bilde?

 

________

|...............| Tekst her...

|..bilde......| Tekst her...

|...............| Tekst her...

|...............| Tekst her...

|_______ | Tekst her...

Tekst her...Tekst her.....

Tekst her...Tekst her.....

Tekst her...Tekst her.....

Tekst her...Tekst her.....

Tekst her...Tekst her.....

[EZAccess]

CSS:

floatLeft { float: left; }

 

HTML:

<img src="..." class="floatLeft" alt="" />

[pgdx]

img {
float: left;
}

[PoleCat]

Rettelse:

 

.floatLeft {

float: left;

margin: 10px;

}

 

(EZ glemte "." og litt margin kan være greit.)

 

EDIT: Toolshed: Bare dersom det er ønskelig på ALLE bildene.

Endret 21. juni 2004 av PoleCat

[pgdx]

Ok, da.

 

#innhold img { float:left; }

[aog]

CODE 

#innhold img { float:left; }

Det virker ikke. Da blir det slik:

 

________
|...............| Tekst her...
|..bilde......| Tekst her...
|...............| Tekst her...
|...............| Tekst her...
|________ | Tekst her...
                 Tekst her....
                 Tekst her....
                 Tekst her....
                 Tekst her....
                 Tekst her.... 

Endret 21. juni 2004 av aog

[Abruzzi]

Hvilket program bruker du for å lage hjemmeside?

[Haraldson]

________
|...............| Tekst her...
|..bilde......| Tekst her...
|...............| Tekst her...
|...............| Tekst her...
|________ | Tekst her...
                 Tekst her....
                 Tekst her....
                 Tekst her....
                 Tekst her....
                 Tekst her.... 

Kanskje kjipt for deg at det blir sånn, men her i går prøvde jeg å finne en måte for akkurat å få det slik. Hvordan gjorde du det?

[Arve Systad]

http://www.absentvoid.com/index.php?sectio...ypography#float

[Akke]

obs. en hr eller noe under som ikke skal komme opp på siden av bildet om teksten er for kort må ha en gjennomsiktig gif som tvinger den under. (1px høyt og hele bredden)

 

Dette er ihvertfall metoden jeg har kommet frem til.

[pgdx]

CODE 

#innhold img { float:left; }

Det virker ikke.

Det forutsetter at du har bildet og teksten i et element som har id=innhold.

[aog]

fikk det til nå.. takker

[pgdx]

fikk det til nå.. takker

Hva brukte du?

Selv om folk mener IE suger, så må da webdesignere ta hensyn til den store gruppen IE brukere. Det er da min mening.

I know you're entitled to your wrong opinion.

[aog]

CODE  
#innhold img { float:left; } 

 

Funker i IE

 

 

EDIT:

 

Selv om folk mener IE suger, så må da webdesignere ta hensyn til den store gruppen IE brukere. Det er da min mening.

 

I know you're entitled to your wrong opinion.

Mener du seriøst at du driter i IE brukere når du lager en webside?

Endret 21. juni 2004 av aog

[Haraldson]

EDIT:

I know you're entitled to your wrong opinion.

Mener du seriøst at du driter i IE brukere når du lager en webside?

Tror nok ikke han driter i de 90% som bruker IE, men at vi derimot, for å forandre denne hårreisende statistikken kanskje må begynne å - ja, nettopp, drite i IE-brukerne. Revolusjoner må også starte et sted...

Endret 21. juni 2004 av Mr.Berg

[Roberto]

CODE  
#innhold img { float:left; } 

 

Funker i IE

 

 

EDIT:

 

Selv om folk mener IE suger, så må da webdesignere ta hensyn til den store gruppen IE brukere. Det er da min mening.

 

I know you're entitled to your wrong opinion.

Mener du seriøst at du driter i IE brukere når du lager en webside?

Gutten driter ikke i brukerne men i IE

 

...noe forsåvidt jeg også gjør

[aog]

Men da vil det jo være feil av ham å si

I know you're entitled to your wrong opinion.