webForumDet fria alternativet
Logga in / Bli medlem

Centrera bild i <p> utan id eller class

HTML & CSS

6 svar · 586 visningar · startad av silfver

Medlem sedan apr. 200312 679 inlägg
Frågan#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

Medlem 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. :)

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

kanske?

Medlem 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?

Medlem 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; }
Medlem 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! :)

Medlem sedan jan. 2003296 inlägg
#7

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

270 ms totalt · 4 externa anrop · v20260731065814-full.05830320
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
140 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)