Верстка, помогите избавиться от сомнений | Программирование | Форум

Автор

Сообщение

MMM_Corp

(15.0)

Сообщения: 800
Страна: Украина

04.05.2008 в 12:09

Доброго временны суток коллеги.

В общем помогите избавиться от сомнений, мне надо чтобы на рисунке (которой гружу с сервера) в определённой позиции относительно рисунка бил прямоугольник (рисую его дивом), в общем вроде все в норме, но поскольку я не опытный в HTML совсем, посему прошу оценить и указать на недостатки.

Код:

Разработано на основе изучения: http://www.walterzorn.com/dragdrop/demos/drawonimg... и экспериментов.

Спасибо.

Sir_Michael

(9.2)

Сообщения: 1053
Страна: Россия

04.05.2008 в 12:18 [Отредактировано: 04.05.2008 в 12:23]

Если рисунок (тот, что в img) является оформлением, не контентом, то правильно будет так:

Код:

Разумеется, то что в "style" нужно выносить в внешнюю таблицу стилей.

Если же изображение - часть контента, то все правильно, причем внутренний обертывающий <div> можно опустить, ну и alt для img, пусть даже пустой, лучше указать.

MMM_Corp

(15.0)

Сообщения: 800
Страна: Украина

04.05.2008 в 12:35

Да, рисунок является контентом, а не оформлением.
Большое спасибо!

П.С. Обёртка нужна для того чтобы документ не мелькал когда я меняю рисунок (меняю аяксом). Скажите, вот чтот ещё не получаеться обёрточный див

Код:

заставить висеть по центре по ширине, align не срабатывает, скажите как это исправить, если это не затруднит. Спасибо.

Sir_Michael

(9.2)

Сообщения: 1053
Страна: Россия

04.05.2008 в 12:40 [Отредактировано: 04.05.2008 в 12:42]

Css:

Код:

body {text-align:center}
#myCanvas {
margin:0 auto;
width:800px; // остальное сюда же
text-align:left;
}

text-align - нужно для выравнивания в прежних версиях IE.

MMM_Corp

(15.0)

Сообщения: 800
Страна: Украина

04.05.2008 в 12:43

Понял, спасибо

Автор	Сообщение
MMM_Corp (15.0) Сообщения: 800 Страна: Украина	04.05.2008 в 12:09 Доброго временны суток коллеги. В общем помогите избавиться от сомнений, мне надо чтобы на рисунке (которой гружу с сервера) в определённой позиции относительно рисунка бил прямоугольник (рисую его дивом), в общем вроде все в норме, но поскольку я не опытный в HTML совсем, посему прошу оценить и указать на недостатки. Код: <div id="myCanvas" style="position:relative; height:300px;width:800px;"> <div ><img src="475090_q3934f2800p2527x2590n4753s910e1701.jpg" width="800" height="300" /></div> <div id="anotherCanvas" style="position:absolute; top:193px; left:614px; height:102px; width:177px;"></div> </div> Разработано на основе изучения: http://www.walterzorn.com/dragdrop/demos/drawonimg... и экспериментов. Спасибо.
Sir_Michael (9.2) Сообщения: 1053 Страна: Россия	04.05.2008 в 12:18 [Отредактировано: 04.05.2008 в 12:23] Если рисунок (тот, что в img) является оформлением, не контентом, то правильно будет так: Код: <div id="myCanvas" style="position:relative;width:800px;height:300px;background:url(475090_q3934f2800p2527x2590n47 53s910e1701.jpg) no-repeat;"> <div id="anotherCanvas" style="position:absolute;top:193px; left:614px;width:177px;height:102px;"></div> </div> Разумеется, то что в "style" нужно выносить в внешнюю таблицу стилей. Если же изображение - часть контента, то все правильно, причем внутренний обертывающий <div> можно опустить, ну и alt для img, пусть даже пустой, лучше указать.
MMM_Corp (15.0) Сообщения: 800 Страна: Украина	04.05.2008 в 12:35 Да, рисунок является контентом, а не оформлением. Большое спасибо! П.С. Обёртка нужна для того чтобы документ не мелькал когда я меняю рисунок (меняю аяксом). Скажите, вот чтот ещё не получаеться обёрточный див Код: <div id="myCanvas" style="position:relative; height:300px;width:800px;"> заставить висеть по центре по ширине, align не срабатывает, скажите как это исправить, если это не затруднит. Спасибо.
Sir_Michael (9.2) Сообщения: 1053 Страна: Россия	04.05.2008 в 12:40 [Отредактировано: 04.05.2008 в 12:42] Css: Код: body {text-align:center} #myCanvas { margin:0 auto; width:800px; // остальное сюда же text-align:left; } text-align - нужно для выравнивания в прежних версиях IE.
MMM_Corp (15.0) Сообщения: 800 Страна: Украина	04.05.2008 в 12:43 Понял, спасибо