webForumDet fria alternativet

Centrera bild i <p> utan id eller class

6 svar · 586 visningar · startad av silfver

silfverMedlem sedan apr. 200312 679 inlägg
#1

Jag har ett litet problem. Jag har en layout som ser ut lite ungefär så här:

<p><img src="" alt="" /></p>
<p>Bildbeskrivning</p>

Problemet är att jag inte kan sätta id:n eller classer på de här styckena. Men däremot går det att omsluta dessa båda med en div, ifall det hjälper. :)

Jag vill ha en centrerad bild, men jag vill ha vänsterställd bildbeskrivning. Går att göra med enbart css och utan att ange id eller class?

Ni undrar förståss varför jag inte namnger styckena, men de genereras av Wordpress och jag vill helst slippa onödigt krångel för varje nytt inlägg.

Går det att lösa? :)

Jag har försökt med typ:

#display p img {text-align: center;}
p img {text-align: center}

Men det går ju inge vidare. :D

silfverMedlem sedan apr. 200312 679 inlägg
#2

Och för att göra det ännu krångligare, så skulle jag vilja att stycket med bildbeskrivningen ska ha en bestämd bredd, säg 400 px. :)

jawbreakerMedlem sedan jan. 2003296 inlägg
#3
p img {
	display: block;
	margin: 0 auto;
}

kanske?

silfverMedlem sedan apr. 200312 679 inlägg
#4

Jag upptäckte att man kunde centrera bilden i Wordpress. :r Ber om ursäkt för det. Men jag har fortfarande problem med bredden på stycket med bildbeskrivningen!

Antar dock att det är omöjligt att åtgärda?

jawbreakerMedlem sedan jan. 2003296 inlägg
#5

Om de alltid kommer i par, och om det går att omsluta varje par med en div, borde följande fungera tycker jag (med undantag för IE6):

div p + p { width: 400px; }
silfverMedlem sedan apr. 200312 679 inlägg
#6

Kanoners! IE-användare får väl stå ut med att texten sträcker sig lite längre. Tack! :)

jawbreakerMedlem sedan jan. 2003296 inlägg
#7

Ja, använder man IE6 får man skylla sig själv :)
Vassego.

131 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)