центриране на картинка и текст

[sle]

Здр. Искам да центрирам картинка в сайта си.. и върху нея да напиша текст.. как може да стане номера ?

 

[emagi]

Много относителен въпрос!!!
МОже да пробваш по следния начин:

<img src='пътя докартинката' border='0' style='position:absolute; margin-left:100px; margin-top:100px;' />

Защо просто не напишеш текста върху картинката, за да не си играеш .Тези стойности на margin-left и margin-top са "пробни".Ти може да пробваш всякакви ,докато напаснеш както искаш

 

[R3sp3k7]

С css си правиш картинката
Примерен код

.hu {
       width: 110px;
	height: 110px;

	background-image: url(img/boza.jpg);

}

и после с html правиш див и я позиционираш ето код

<div class="hu" align="center">Тук си пишеш</div>

Дано съм ти помогнал
:lol:

 

[emagi]

.hu {
width: 110px;
height: 110px;

background-image: url(img/boza.jpg);

}

<div class="hu" align="center">Тук си пишеш</div>

 

[R3sp3k7]

Оф да сбъркал съм понже се чудех class или id

 

[sle]

То става така както сте ми написали.. обаче изображението отива по в ляв :/ а тези над него са точно в центъра

 

[R3sp3k7]

Я дай демо нещо за да видя как е станало че немога да те разбера :lol:

 

[emagi]

ЗАдай му повече margin-left.Да кажем:

margin-left:150px;

 

[sle]

Излиза ми така

А искам да стане така:

и да е центрирано изображението с текста

 

[R3sp3k7]

ами значи си задай колкото искаш width като пример width: 500px; в css :lol:

 

[sle]

ок а ако го погледне някой с друга резолюция.. няма ли да му се размести всичко

 

[R3sp3k7]

няма защо да му се размсети :roll:

 

[sle]

мерси на всички

 

[shterev]

css:
.center_div { margin:0 auto; width:500px; height:300px;
background: url(snimka.gif) no-repeat left top;
text-align:center;
}


<div class="center_div">
центриран текст в центриран див.
</div>


п.с. вариянти много. тук височината и ширината са на картинката, следователно дива се центрира под всички резолюции , а текста в него също е центриран.