Главная arrow icon Вопросы arrow icon Технологии arrow icon Создание сайтов arrow icon Как поместить на середину страницы изображение,…

Как поместить на середину страницы изображение, созданное с помощью инструмента "раскройка" в фотошоп? - вопрос №315745

Здравствуйте,

подскажите пожалуйста, как написать код html, если у меня верстка страницы: изображение, путем инструмента «раскоройка» порезан на несколько частей, и имеющий ссылки на другие страницы сайта. Код страницы сформировал сам фотошоп: раскройка — поставить ссылки на нужные части — сохранить для web. Этот код я вставила на страницу, но рисунок появился слева страницы. Вопрос в том, как мне его подвинутьна середину страницы. Нужен какой-то тег? Напоминаю, что сложность в том, рисунок состоит из нескольких путем инструмента раскройка. Код прилагаю:

<html><br /><head><br /><title>ссылка-на-портфолио-РУССКИЙ-1</title><br /><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><br /><!-- Save for Web Styles (ссылка-на-портфолио-РУССКИЙ-1.jpg) --><br /><style type="text/css"><br /><!--<br /><br />div.________01 {<br /> position:absolute;<br /> left:0px;<br /> top:0px;<br /> width:900px;<br /> height:632px;<br />}<br /><br />div.alenmalierdesigner-01 {<br /> position:absolute;<br /> left:0px;<br /> top:0px;<br /> width:397px;<br /> height:417px;<br />}<br /><br />div.x441x441x44bx43bx43ax430-x43dx430-x43fx43ex440x442x444x43ex43bx438x43e-x420x423x421x421x41ax418x419-1-02 {<br /> position:absolute;<br /> left:397px;<br /> top:0px;<br /> width:114px;<br /> height:36px;<br />}<br /><br />div.alenmalierdesigner-03 {<br /> position:absolute;<br /> left:511px;<br /> top:0px;<br /> width:389px;<br /> height:414px;<br />}<br /><br />div.alenmalierdesigner-04 {<br /> position:absolute;<br /> left:397px;<br /> top:36px;<br /> width:114px;<br /> height:596px;<br />}<br /><br />div.alenmalierdesigner-05 {<br /> position:absolute;<br /> left:511px;<br /> top:414px;<br /> width:117px;<br /> height:218px;<br />}<br /><br />div.x441x441x44bx43bx43ax430-x43dx430-x43fx43ex440x442x444x43ex43bx438x43e-x420x423x421x421x41ax418x419-1-06 {<br /> position:absolute;<br /> left:628px;<br /> top:414px;<br /> width:241px;<br /> height:61px;<br />}<br /><br />div.alenmalierdesigner-07 {<br /> position:absolute;<br /> left:869px;<br /> top:414px;<br /> width:31px;<br /> height:218px;<br />}<br /><br />div.alenmalierdesigner-08 {<br /> position:absolute;<br /> left:0px;<br /> top:417px;<br /> width:8px;<br /> height:215px;<br />}<br /><br />div.x441x441x44bx43bx43ax430-x43dx430-x43fx43ex440x442x444x43ex43bx438x43e-x420x423x421x421x41ax418x419-1-09 {<br /> position:absolute;<br /> left:8px;<br /> top:417px;<br /> width:185px;<br /> height:59px;<br />}<br /><br />div.alenmalierdesigner-10 {<br /> position:absolute;<br /> left:193px;<br /> top:417px;<br /> width:204px;<br /> height:215px;<br />}<br /><br />div.alenmalierdesigner-11 {<br /> position:absolute;<br /> left:628px;<br /> top:475px;<br /> width:241px;<br /> height:157px;<br />}<br /><br />div.alenmalierdesigner-12 {<br /> position:absolute;<br /> left:8px;<br /> top:476px;<br /> width:185px;<br /> height:156px;<br />}<br /><br />--><br /></style><br /><!-- End Save for Web Styles --><br /></head><br /><body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;"><br /><!-- Save for Web Slices (ссылка-на-портфолио-РУССКИЙ-1.jpg) --><br /><div class="________01"><br /> <div class="alenmalierdesigner-01"><br /> <img src="http://u1779300.plsk.regruhosting.ru/alen-malier/amdesign/alenmalierdesigner01.jpg" width="397" height="417" alt=""><br /> </div><br /> <div class="x441x441x44bx43bx43ax430-x43dx430-x43fx43ex440x442x444x43ex43bx438x43e-x420x423x421x421x41ax418x419-1-02"><br /> <a href="http://u1779300.plsk.regruhosting.ru/dizayn-ot-anny-malier/art/"><br /> <img src="http://u1779300.plsk.regruhosting.ru/alen-malier/amdesign/alenmalierdesigner09.jpg" width="114" height="36" border="0" alt=""></a><br /> </div><br /> <div class="alenmalierdesigner-03"><br /> <img src="http://u1779300.plsk.regruhosting.ru/alen-malier/amdesign/alenmalierdesigner03.jpg" width="389" height="414" alt=""><br /> </div><br /> <div class="alenmalierdesigner-04"><br /> <img src="http://u1779300.plsk.regruhosting.ru/alen-malier/amdesign/alenmalierdesigner04.jpg" width="114" height="596" alt=""><br /> </div><br /> <div class="alenmalierdesigner-05"><br /> <img src="http://u1779300.plsk.regruhosting.ru/alen-malier/amdesign/alenmalierdesigner05.jpg" width="117" height="218" alt=""><br /> </div><br /> <div class="x441x441x44bx43bx43ax430-x43dx430-x43fx43ex440x442x444x43ex43bx438x43e-x420x423x421x421x41ax418x419-1-06"><br /> <a href="http://u1779300.plsk.regruhosting.ru/dizayn-ot-anny-malier/arhitektura/"><br /> <img src="http://u1779300.plsk.regruhosting.ru/alen-malier/amdesign/alenmalierdesigner13.jpg" width="241" height="61" border="0" alt=""></a><br /> </div><br /> <div class="alenmalierdesigner-07"><br /> <img src="http://u1779300.plsk.regruhosting.ru/alen-malier/amdesign/alenmalierdesigner07.jpg" width="31" height="218" alt=""><br /> </div><br /> <div class="alenmalierdesigner-08"><br /> <img src="http://u1779300.plsk.regruhosting.ru/alen-malier/amdesign/alenmalierdesigner08.jpg" width="8" height="215" alt=""><br /> </div><br /> <div class="x441x441x44bx43bx43ax430-x43dx430-x43fx43ex440x442x444x43ex43bx438x43e-x420x423x421x421x41ax418x419-1-09"><br /> <a href="http://u1779300.plsk.regruhosting.ru/dizayn-ot-anny-malier/dizayn/"><br /> <img src="http://u1779300.plsk.regruhosting.ru/alen-malier/amdesign/alenmalierdesigner14.jpg" width="185" height="59" border="0" alt=""></a><br /> </div><br /> <div class="alenmalierdesigner-10"><br /> <img src="http://u1779300.plsk.regruhosting.ru/alen-malier/amdesign/alenmalierdesigner10.jpg" width="204" height="215" alt=""><br /> </div><br /> <div class="alenmalierdesigner-11"><br /> <img src="http://u1779300.plsk.regruhosting.ru/alen-malier/amdesign/alenmalierdesigner11.jpg" width="241" height="157" alt=""><br /> </div><br /> <div class="alenmalierdesigner-12"><br /> <img src="http://u1779300.plsk.regruhosting.ru/alen-malier/amdesign/alenmalierdesigner12.jpg" width="185" height="156" alt=""><br /> </div><br /></div><br /><!-- End Save for Web Slices --><br /></body><br /></html>  С уважением,Ирина
Верно Алиса
31.07.12
Технологии / Создание сайтов
1 ответ

Ответы

Иван Сергеевич Маховский

У вас все элементы позиционируются по абсолютным координатам, надо сделать относительным. Кстати хтмл из фотошопа кривой получился
01.08.12

Alexander
от 500 p.
Рейтинг: 17 568
3-й в Технологиях
Читать ответы

✯ Анна ✯
от 0 p.
Рейтинг: 2 926
4-й в Технологиях
Читать ответы
Посмотреть всех экспертов из раздела Технологии > Создание сайтов
Похожие вопросы
Пользуйтесь нашим приложением Доступно на Google Play Загрузите в App Store
  • карты visa
  • карты master card
  • карты maestro
  • карты МИР
Мы используем файлы cookie. Пользуясь сайтом, вы принимаете условия нашего соглашения. Принять Детальнее