VPF::отображение дивов при разном разрешении

supervladislav

Дата 3.4.2008, 17:26 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

у меня есть меню на дивах ))))дело в том что последняя картинка при замене разрешения с 1400 *1500 на 1024 *800 сезжает вниз ,как от этого избавиться подскажите

Код


.ssilka1{margin-top:10px;}

Код


<div style="background-image:url(newknopki/ris1.png);background-position:center;background-repeat:no-repeat;width:150px;height:30px;float:left;"><div style="margin-top:10px;"><a href="index.html" class="ssilka1"> главная</a></div></div>
<div style="background-image:url(newknopki/ris1.png);background-position:center;background-repeat:no-repeat;width:150px;height:30px;float:left;"><div style="margin-top:10px;"><a href="production.html" class="ssilka1">продукция</a></div></div>
<div style="background-image:url(newknopki/ris1.png);background-position:center;background-repeat:no-repeat;width:150px;height:30px;float:left;"><div style="margin-top:10px;"><a href="production.html"class="ssilka1">примеры</a></div></div>
<div style="background-image:url(newknopki/ris1.png);background-position:center;background-repeat:no-repeat;width:150px;height:30px;float:left;"><div style="margin-top:10px;"><a href="production.html" class="ssilka1">вакансии</a></div></div>
<div style="background-image:url(newknopki/ris1.png);background-position:center;background-repeat:no-repeat;width:150px;height:30px;float:left;"><div style="margin-top:10px;"><a href="production.html" class="ssilka1">вопросы</a></div></div>
<div style="background-image:url(newknopki/ris1.png);background-position:center;background-repeat:no-repeat;width:150px;height:30px;float:left;"><div style="margin-top:10px;"><a href="production.html" class="ssilka1">контакты</a></div></div>

Это сообщение отредактировал(а) supervladislav - 3.4.2008, 17:30

bars80080

Дата 3.4.2008, 17:51 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

наверно опять же код представлен не весь, а потому приведённый пример никуда не съезжает

awers

Дата 3.4.2008, 20:47 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник
Сообщений: 1465
Регистрация: 22.3.2006
Где: Россия, Таганрог

Репутация: 2
Всего: 31

Цитата(supervladislav @ 3.4.2008, 18:26

)

Код


<div style="background-image:url(newknopki/ris1.png);background-position:center;background-repeat:no-repeat;width:150px;height:30px;float:left;"><div style="margin-top:10px;"><a href="index.html" class="ssilka1"> главная</a></div></div>
<div style="background-image:url(newknopki/ris1.png);background-position:center;background-repeat:no-repeat;width:150px;height:30px;float:left;"><div style="margin-top:10px;"><a href="production.html" class="ssilka1">продукция</a></div></div>
<div style="background-image:url(newknopki/ris1.png);background-position:center;background-repeat:no-repeat;width:150px;height:30px;float:left;"><div style="margin-top:10px;"><a href="production.html"class="ssilka1">примеры</a></div></div>
<div style="background-image:url(newknopki/ris1.png);background-position:center;background-repeat:no-repeat;width:150px;height:30px;float:left;"><div style="margin-top:10px;"><a href="production.html" class="ssilka1">вакансии</a></div></div>
<div style="background-image:url(newknopki/ris1.png);background-position:center;background-repeat:no-repeat;width:150px;height:30px;float:left;"><div style="margin-top:10px;"><a href="production.html" class="ssilka1">вопросы</a></div></div>
<div style="background-image:url(newknopki/ris1.png);background-position:center;background-repeat:no-repeat;width:150px;height:30px;float:left;"><div style="margin-top:10px;"><a href="production.html" class="ssilka1">контакты</a></div></div>

Ужс. Простите, а про CSS знаете что либо? <link href="style.css" ...

supervladislav

Дата 4.4.2008, 11:30 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

кодирую на них давно так со спеху написал ))))но вобще данный код находится в таблице бс параметром width 100% ,а скажите уважаемые можно ли сделать данные элементы позиционированными ,ну так чтоб они зафиксировались намертво и несезжали при раздном разрешении экрана ,какие лучше указывать параметры позиционирования,ну и в сколько слоёв можно уложиться

bars80080

Дата 4.4.2008, 11:41 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

вооот, таблица наверно ещё в чём-то (или рядом колонка), что ограничивает её ширину не до 1000 пикселов экрана, а ещё уже

Цитата(supervladislav @ 4.4.2008, 11:30

)

можно ли сделать данные элементы позиционированными

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

можно тупо всем дивам положить position: absolute; top: 0px; left: /разная координата для пунктов/
а все эти дивы упрятать внутрь одного с position: relative;
а влезет их туда сколько-угодно, но вот если их будет слишком много они скроются за краем экрана

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »