img align burde være så nemt

<ole>

Align på et billede er ikke gangbar. Du skal bruge CSS i stedet. Men hvorfor float'er du dine DIV? Float er formodentlig den mest misbrugte feature i CSS, og den skaber næsten altid problemer.

/mvh
</bole>

- og så bør du altid holde dig fra at sætte dimansioner på BODY elementet. Det skaber også tit problemer  =)

Jamen da jeg ikke er en haj til CSS endnu, fandt jeg skabelonen på nettet og den var lavet med float.

Kan du anbefale nogen gangbar rute for mig herfra så jeg får det design jeg har nu?

Og tak for respons i øvrigt :o)

Ja, prøv at stille alle elementer op helt uden CSS. Så vil du stort set kunne få det til at se rigtigt ud.

Derefter tilføjer du meget forsigtigt det CSS, som er nødvendigt. Hvert eneste semikolon i koden skal være gennemtænkt og begrundet. Ellers farer du vild i koden og ved ikke, hvad der er skyld i hvad  =)

Det har jeg så forsøgt. Men hvordan får jeg billedet højrestillet og teksten til at kryben rundt om?

<h1>indhold</h1>

<img src="http://4.bp.blogspot.com/--owXoE04D_k/T-3epqrKyLI/AAAAAAAAANA/HLRMp2I9T4U/s1600/facebook-smiley-face.jpg" alt="et billede" />

<p>noget tekst</p>

Nej, nu fik jeg den til det vha. float:right; i selve img tagget i html. Og det funker. Men gør jeg det i CSS funker det ikke. Har opbygget det ganske stille og roligt. Fatter nul :o?

Hvis tekst i P elementet skal løbe venstre om et billede, kan du give billedet float:right - og lægge det ind i P elementet

"float:right; i selve img tagget i html" >> Det er helt i hegnet, og har intet med hverken HTML eller CSS at gøre.

Grunden til, at fatter nul, er, at du fatter nul af HTML og CSS. Drop sitet for nu og læs i stedet om helt grundlæggende HTML og CSS.

float:right i selve img tagget fandt jeg her http://www.squidoo.com/graphics-layout.

Jeg syntes ikke det er rigtigt jeg fatter nul af HTML og CSS. Det er rigtigt jeg er på nybegynder stadie og det er også rigtigt, at jeg ikke har fanget positionering. Jeg har læst om emnet forskellige steder, bl.a. på w3schools og andre steder. Måske er det bare mig, men det falder mig ikke nemt.

Men nu har jeg fået det til at virke med float:right defineret i CSS og nu kører det :o)

NB. Link til førnævnte side, denne gange uden punktum efter link

http://www.squidoo.com/graphics-layout

Og lukker samtidig spørgsmålet.

.

"float:right i selve img tagget fandt jeg her" >> Alle eksemplerne på det site viser float brugt som CSS. I CSS kan du sætte style properties i et stylesheet - men du kan også skrive dem i en style attribut i tagget. Begge dele er CSS  =)

I HTML - og uden CSS - ville det se sådan ud:


- men det er ikke valid kode, og det virker ikke.

Da WWW har gjort det fantastisk let at publicere, er der desværre opstået en veritabel skov af sites om webkode, som er skrevet af folk, der ikke har en brik begreb om, hvad de skriver om.

Om det er tilfældet med hensyn til w3schools.com, eller om tumpen bag bare er en kynisk forretningsmand, er jeg ikke helt sikker på. Under alle omstændigheder er der tale om et dybt utroværdigt site, som mange - herunder W3C - ønsker langt ned i det varmeste Helvede!

Desværre kan det være overordentlig vanskeligt at finde troværdige sites om webkode på begynderniveau. Først når du når en del ind i faget, kan du finde brugbare sites. Det skyldes dels, at niveauet så er for højt til, at begyndere kan skrive om det - og dels at du så har den fornødne erfaring til at skille skidt fra kanel.