Kom ihåg mig?
Home Menu

Menu


Placera bilder inuti textstycken.

Ämnesverktyg Visningsalternativ
Oläst 2008-12-03, 14:10 #1
nukems avatar
nukem nukem är inte uppkopplad
Medlem
 
Reg.datum: Apr 2007
Inlägg: 196
nukem nukem är inte uppkopplad
Medlem
nukems avatar
 
Reg.datum: Apr 2007
Inlägg: 196
Ungefär som man gör i ett bildbehandlingsprogram.

Jag brukar göra detta med tabeller, det blir aldrig exakt. Men det ser tillräckligt bra ut och det ser framförallt likadant ut i alla webläsare.

Finns det något CSS verktyg för att fritt med musen lägga en bild var man vill i en text och så lägger sig texten snyggt runt om ?
nukem är inte uppkopplad   Svara med citatSvara med citat
Oläst 2008-12-03, 16:07 #2
Magnus_A Magnus_A är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: May 2006
Inlägg: 2 604
Magnus_A Magnus_A är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: May 2006
Inlägg: 2 604
Inte säker på att du kan få texten att flyta på båda sidor om en bild men här är lite exempel på enklare "flytningar".
http://css-tricks.com/all-about-floats/
Vad ska du med musen till förresten?
Magnus_A är inte uppkopplad   Svara med citatSvara med citat
Oläst 2008-12-12, 17:21 #3
kw_wasabis avatar
kw_wasabi kw_wasabi är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Feb 2008
Inlägg: 2 134
kw_wasabi kw_wasabi är inte uppkopplad
Klarade millennium-buggen
kw_wasabis avatar
 
Reg.datum: Feb 2008
Inlägg: 2 134
Om jag fattat det rätt så kan du skapa en div med t.ex float right. Om den yttersta diven har en bredd på 700px och bild-diven 200px så kommer texten i p-taggarna lägga sig till vänster om bilden. När texten sedan har kommit nedanför bilden så sträcker den sig över hela den yttersta diven.

jag brukar ochså lägga en margin-left och en margin-bottom på bild-diven för att få lite "luft" mellan text och bild.

Kod:
<div>
    <div style="float: right;">
        <img src="bild.jpg">
    </div>
    <p>Stycke 1</p>
    <p>Stycke 2</p>
    <p>etc.</p>
</div>
kw_wasabi är inte uppkopplad   Svara med citatSvara med citat
Oläst 2008-12-15, 21:52 #4
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
det är bättre att du skapar regler för hur bilder skall te sig i en textmassa med hjälp av float: left|right. Använd med fördel classer för bilderna om de inte skall bete sig på samma sätt. Den metoden beskriven ovan lämpar sig bra om man skall ha bildtext under, annars räcker att man sätter style eller class på bilden själv.

Glöm inte att ha element för att reseta floaten, så det inte blir tokigt om flödestexten blir för kort.
allstars är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 13:12.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017