[swan]

På min blogg http://goo.gl/Mfiwc finns, under själva innehållet, en <p>-tagg med id=applebadge. Jag har tänkt att göra om innehållet i denna badge lite grann och vill samtidigt högerställa den så att texten ovanför "flyter" runt omkring den.

Problemet är att jag inte kan flytta upp "applebadge"-diven några styckten upp i HTML-koden. Själva div:en appendas till innehållet av en wordpress-plugin, så den måste ligga under innehållet.

Är ni med på vad jag menar?

Så det enda jag kan göra är att justera div:en med CSS. Frågan är: Hur gör jag så att den blir högerställd och så att texten ovanför flyter runt omkring den.

ps. div:en är ganska bred nu, men jag kommer att göra innehållet mindre brett inom kort. då kommer det att bli snyggare när texten flyter runt omkring ds.

[kristoferaberg]

#applebadge {
  float: right;
}

http://www.w3schools.com/css/css_float.asp

[swan]

Tack kristoferaberg. Det var min första tanke också. Problemet är att applebadge då hamnar till höger om texten under. Men jag vill att den skall hamna till höger om texten ovanför. Går det att "flytta upp" applebadge med css?

Jag har provat med "float:right;margin-top:-100px" men då hamnar texten ovanför ovanpå och inte runt omkring...

[allstars]

float right och flytta upp stycket i markupen

[swan]

Är det det enda sättet? Som jag skrev i ursprungsinlägget så kan jag inte göra det eftersom det här är en WP-plugin som appendar på innehållet...

För att jag skall kunna placera in div:en på rätt ställe så måste jag på något sätt flytta upp iden efteråt. Och det verkar väligt komplicerat.

[pelmered]

Vet inte om jag fattade precis men testa detta:

#container { /* den container(antagligen en div) som #applebadge är i */
  position: relative;
}

#applebadge {
  position: absolute;
  top: 10px; /* Här kan du ange vilken höjd du vill ha den på */
  left: 0;
}

Risken finns dock att badgen då hamnar över innehållet då.