Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

[css]bildposition jämte brödtext

Skapad av Borttagen, 2011-10-14 13:14 i Webbutveckling & Programmering

3 032
11 inlägg
0 poäng
morphman86
Visningsbild
P 38 Göteborg Hjälte 6 450 inlägg
2011-10-14 13:14
0
Jag har en div class="article" i mitt HTML-dokument, i den vill jag att bilder automatiskt skall hamna till höger om text och få texten att flöda runt bilden, precis som i bloggar, tidningar m.m.. Hur får man till sådant i CSS? Jag har bilden i en div class="picRight", som bl.a. innehåller border och caption-text-formatering, men jag kan inte få bilden att lägga sig till höger om texten. Display: inline; får border och sådant att messa upp och bilden stannar under texten.

Detta borde vara lättare än jag gör det, men jag har suttit i två timmar med det och kollat diverse google-resultat utan att hitta rätt.

One pill makes you larger, one pill makes you small, but the pills that mother gave you don't do nothing at all

Direktlänk Svara på inlägg Gästbok
Skicka

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Toast
Visningsbild
P 32 Kalmar Hjälte 4 976 inlägg
2011-10-14 13:59
0

Svar till morphman86 [Gå till post]:
Det verkar som att det räcker med att du lägger till align="right" i bildtaggen så kommer den hålla sig till höger om texten.

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_image_float

๏̯͡๏)

Direktlänk Svara på inlägg Gästbok
Skicka
morphman86
Visningsbild
P 38 Göteborg Hjälte 6 450 inlägg
Trådskapare
2011-10-14 14:14
0

Svar till Toast [Gå till post]:
Tyvärr finns det ingen tagg i CSS som heter align. Det finns text-align, men inte bara align.
Den sida du länkade till visar ett väldigt dåligt exempel, då de använder presentationselement i HTML-kod, något som man aldrig bör göra av många olika orsaker (det mest uppenbara i detta fallet är för att då får man skriva om denna tagg i varje bild man lägger upp, samt att det endast är bilden, inte hela diven som hamnar till höger).

One pill makes you larger, one pill makes you small, but the pills that mother gave you don't do nothing at all

Direktlänk Svara på inlägg Gästbok
Skicka
csols
Visningsbild
P 29 Hjälte 2 524 inlägg
2011-10-14 14:27
0

Svar till morphman86 [Gå till post]:
Har du prövat med en float:right på bilden? Det borde kunna fungera, men har något svagt minne om att det finns ett bättre sätt :(

Herp

Direktlänk Svara på inlägg Gästbok
Skicka
morphman86
Visningsbild
P 38 Göteborg Hjälte 6 450 inlägg
Trådskapare
2011-10-14 14:33
0

Svar till csols [Gå till post]:
Har prövat detta och resultatet var att bilden istället hamnade under artikeln, trots att den ligger i samma div. Bottenborder på artikel-diven hamnade ovanför toppbordern på bild-diven.

One pill makes you larger, one pill makes you small, but the pills that mother gave you don't do nothing at all

Direktlänk Svara på inlägg Gästbok
Skicka
Kauge
Visningsbild
P 36 Lund Hjälte 628 inlägg
2011-10-14 15:28
0
Svar till morphman86 [Gå till post]:
Vill du ge ett bildexempel på hur det ser ut?

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
Creeper
Visningsbild
Hjälte 44 inlägg
2011-10-14 15:33
0
Jag gjorde en jsfiddle åt dig!

http://jsfiddle.net/2L3Yc/

SssSSssssS... BOOM!

Direktlänk Svara på inlägg Gästbok
Skicka
morphman86
Visningsbild
P 38 Göteborg Hjälte 6 450 inlägg
Trådskapare
2011-10-14 15:35
0
Svar till Kauge [Gå till post]:
Forum image
Sådär vill jag ha det. Bilden i exemplet är lagd mellan två P-taggar (</p><img /><p>)


Svar till Creeper [Gå till post]:
Tackar för den, men jag ville helst ha det i endast HTML och CSS, då det var till en slutrapport i just det ämnet.

One pill makes you larger, one pill makes you small, but the pills that mother gave you don't do nothing at all

Direktlänk Svara på inlägg Gästbok
Skicka
Kauge
Visningsbild
P 36 Lund Hjälte 628 inlägg
2011-10-14 15:36
0

Svar till morphman86 [Gå till post]:
Jag menade snarare hur det såg ut när du testa att floata bilden.

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka
morphman86
Visningsbild
P 38 Göteborg Hjälte 6 450 inlägg
Trådskapare
2011-10-14 15:41
0

Svar till Kauge [Gå till post]:
Bara för det så funkade det fint när jag försöker återskapa problemet >.<

One pill makes you larger, one pill makes you small, but the pills that mother gave you don't do nothing at all

Direktlänk Svara på inlägg Gästbok
Skicka
Kauge
Visningsbild
P 36 Lund Hjälte 628 inlägg
2011-10-14 15:41
0

Svar till morphman86 [Gå till post]:
;) Du kan tacka mig senare.

Ingen status

Direktlänk Svara på inlägg Gästbok
Skicka

Forum » Datorer & IT » Webbutveckling & Programmering » [css]bildposition jämte brödtext

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Rubrik

Inlägg

Fet Kursiv Spoiler Bild Film Kod Undersökning

Förhandsgranska Spara

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons