Форум Сайтостроение Веб-строительство

Вопрос гуру CSS

Mishael
На сайте с 08.11.2001
Offline
217
Mishael
453

Нужно с помощью CSS сделать так, чтобы результат кода:

qqqqqqqq<img class="qwe" src="читото">wwwwwwww

выглядел внешне как результат кода:

<p align="left">qqqqqqqq</p>

<p align="center"><img src="читото"></p>

<p align="left">wwwwwwww</p>

Т.е. есть внутри текста картинка неизвестного размера, нужно чтобы текст до и после был выровнен слева, сама картинка по центру, и текст был только выше и ниже, а не рядом.

Спасибо.

Мой надежный веломагазин (https://veliki.com.ua/) на CMS Melbis Shop 6 (http://www.melbis.com/)
viКing
На сайте с 20.03.2008
Offline
124
viКing
#1

img.qwe {

display:block;

margin: 0 auto;

}

как то так,

ну я чтобы текст был выравнен слева, то это можно задать правило для родительского контейнера, хотя по умолчанию он и так будет слева.

Mishael
На сайте с 08.11.2001
Offline
217
Mishael
#2

не :( не работает. Может какие-то ограничения на родительский контейнер?

viКing
На сайте с 20.03.2008
Offline
124
viКing
#3

правила точно работают, я во всех популярных браузерах проверил 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"><head>

<head>

<style type="text/css">

img.qwe {

display:block;

margin: 0 auto;

}

</style>

</head>

<body>

qqqqqqqq<img class="qwe" src="index_files/logo.png" width='100' height='100'>wwwwwwww

</body>

</html>

вероятно где то в другом месте переопределяется, поставьте !important

Brand from Amber
На сайте с 18.08.2007
Offline
293
Brand from Amber
#4

Mishael, оттакот (т.е. как-то так):

<style>
img.qwe {
display:block;
text-align:center;
margin: 0 auto;
}
</style>

qqqqqqqq<img class="qwe" src="читото">wwwwwwww
выглядел внешне как результат кода:

<p align="left">qqqqqqqq</p>
<p align="center"><img src="читото"></p>
<p align="left">wwwwwwww</p>
Лучший способ понять что-то самому - объяснить это другому.
Mishael
На сайте с 08.11.2001
Offline
217
Mishael
#5

спасибо работает

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий