Problemer med bilde/tekst plassering, Tables?

[Jokka1990]

Har mekket en side, men har litt problemer med plassering av bilde i content feltet.

 

Er sikkert et klassisk problem for mange andre også.

 

 

I bildet har jeg illustrert hvordan jeg vil ha det.

Jeg vil kunne plassere tekst rundt bildet mitt.

 

Der har jeg brukt tables illustrasjon. Slik jeg har gjort det før, men det er veldig strevsomt, og jeg har hørt mye negativt om tables.

 

Om jeg bruker et bilde ellers og vil legge tekst rundt slik jeg har gjort så kommer jo teksten slik:

 

 

Jeg vil ikke at teksten skal starte nederst i bildet.

 

Er det noen koder jeg kan bruke rett i html filen for å få rettet opp dette?

Eller er det andre ting jeg kan gjøre?

[attach]

Bruk float: left på bildet. Hvis du ikke bruker css for seg selv, kan du skrive følgende inni <img>:

 

<img src="bildet.jpg" style="float: left; margin: 0 5px 5px 0;" />

 

Den første 5px er mellomrom til høyre for bildet og den andre under. Det kan du selvfølgelig forandre.

Endret 3. mars 2007 av attach

[Jokka1990]

Jeg har en css fil utenom, men jeg har ikke sagt hva den skal gjøre med bildene.

 

Den koden virket ikke. Da bugger bildet seg.

Eller foresten så virket den. Men den sitter på en måte ikke fast i diven min.. Akkurat som om den bare "ligger" der.. Vanskelig å forklare..

 

Og så bugger teksten seg.. Den fortsetter utenfor der jeg har sagt den skal være. Men det er bare om jeg kopierer teksten inn (bruker Macromedia Dreamweaver).

 

 

 

Klikk for å se/fjerne innholdet nedenfor

Endret 7. mars 2007 av mX_D

[attach]

Merkelig. Skjønner ikke helt hva du mener. Du må nesten vise et eksempel.

 

Det ligger ikke en pre-kode rundt teksten, da?

 

Og husk:

Du er selvsagt litt selvdigger så dette kommer du til å fullføre

[Jokka1990]

La ut et bilde i forrige innlegget..

 

Vil du se koden også? Isåfall hvilken del av den?

 

Er jeg selvdigger? Hvordan visste du det?

[eigan]

Men teksten vil ikke hoppe ned så lenge det ikke er noe ord å hoppe ned, lag mellomrom i ordet.

 

Kopierer du dette innlegget skal det gå bra, fordi her har jeg flere ord, og ikke ett.

 

På bilde må du bruker margin-left / right / top eller bottom for å justere det på plass tenker jeg..

Endret 7. mars 2007 av Mr Chief

[attach]

Du har jo ikke mellomrom i teksten der. Hvis du regner med å skrive så lange ord, så må du bruke overflow eller word-wrap: break-word, men sistnevnte løsning er kun IE, tror jeg.

 

Det er forresten ingenting galt med bildet, så der skjønner jeg ikke hvor du vil.

 

Hvordan jeg visste det? Du har jo skrevet det selv på sida di.

 

EDIT: Mulighet for marginer ligger i koden jeg ga deg. Bare endre på tallene.

Endret 7. mars 2007 av attach

[Jokka1990]

Det er forresten ingenting galt med bildet, så der skjønner jeg ikke hvor du vil.

8097305[/snapback]

 

Klikk for å se/fjerne innholdet nedenfor

 

Der var det jeg mente, men det fungerer fint når jeg legger tekst til så alt er egentlig helt fint Ikke noe problem.

 

Takk for hjelpen gutter

På bilde må du bruker margin-left / right / top eller bottom for å justere det på plass tenker jeg..

<p align="justify"><img src="pics/jokka.jpg" alt="" width="100" height="80" style="float: left; margin: 0 10px 10px 0;" />

 

Hva mener du egentlig?

Endret 7. mars 2007 av mX_D

[eigan]

Tenkte den kanskje stod feil, fordi den ikke stod på samme linje som teksten, bilde gikk litt høyere enn teksten.

Altså sette høyere margin på top..

 

Du burde skrive style kodene i en egen css fil.

[Jokka1990]

Du burde skrive style kodene i en egen css fil.

8099255[/snapback]

Hvordan burde jeg ha de da? Noen eks?

[eigan]

Du kan feks alle stedene hvor du har benyttet deg av style="(...)" dette kan du ta inn i en css fil.

Men du må lage klasser og id'er..

Les på diverse sider..

 

w3schools

htmldog.com