X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Как сделать что бы на всех мониторах было одинаково?
dim-dim
dim-dim
Topic Starter сообщение 21.3.2012, 13:17; Ответить: dim-dim
Сообщение #1


Бан за спам в ЛС
*****

Группа: Banned
Сообщений: 992
Регистрация: 29.12.2007
Из: Питер
Поблагодарили: 294 раза
Репутация:   55  


Добрый день.

Ни чего не понимаю в верстке sad.gif Подскажите пожалуйста как сделать что бы верхнее меню отображалось одиноково на всех мониторах, сайт http://nevacomfort.ru

Вот его код:
<div id="container">
      <div id="fixed-div">
<table class="fixed-div" width="100%"><tr><td width="60%" class="fixed-div">
&nbsp;&nbsp;
<a href="http://nevacomfort.ru/postelnoe_belyo.html">Постельное белье</a>  &middot;
<a href="http://nevacomfort.ru/slippers.html">Одноразовые тапочки</a> &middot;
<a href="http://nevacomfort.ru/soap.html">Мыло, гели, шампуни</a> &middot;
<a href="http://nevacomfort.ru/economic_stock.html">Хозтовары</a> &middot;
<a href="http://nevacomfort.ru/toilet_paper.html">Туалетная бумага</a> &middot;
<a href="http://nevacomfort.ru/polotenca.html">Полотенца</a></span>
</td>
<td width="20%" class="fixed-div">
<span class="phone">Телефон: <strong><small>+7 (812) </small>640-22-25</strong></span>
</td>
<td width="20%" class="fixed-div">
<span class="phone">Почта:  zakaz@nevacomfort.ru</span>
</td>
</tr></table>
</div>


И код CSS:
.fixed-div a:link, .fixed-div a:active, .fixed-div a:visited {color:#ffffff; text-decoration:underline; font-size:8pt; font-weight:bold; font-family:helvetica;}
.fixed-div .fixed-div a:hover {color:#ffffff; text-decoration:none; font-size:8pt;  font-weight:bold; font-family:helvetica; }


Был бы очень признателен за помощь smile.gif


--------------------
На нашем форуме запрещено заниматься массовой рассылкой личных сообщений (это расценивается как спам и влечет за собой один из видов наказания).
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
taxi2008
taxi2008
сообщение 21.3.2012, 13:21; Ответить: taxi2008
Сообщение #2


Оптимизатор
******

Группа: Active User
Сообщений: 2034
Регистрация: 29.7.2008
Поблагодарили: 470 раз
Репутация:   114  


Подскажите пожалуйста как сделать что бы верхнее меню отображалось одиноково на всех мониторах

У вас там что, несколько разноцветных мониторов или что? 32 монитора = 1 бит на 1 компьютер biggrin.gif я лично вас не поиму.. Может вы вообще имеете ввиду разрешение экрана? Ваш код мы бы и так могли бы посмотреть, но вот с чем сравнивать - я лично не понимаю.. Покажите на скринах, как может меню отображаться у вас

Сообщение отредактировал taxi2008 - 21.3.2012, 13:23
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
exsith
exsith
сообщение 21.3.2012, 14:42; Ответить: exsith
Сообщение #3


Частый гость
**

Группа: User
Сообщений: 97
Регистрация: 28.12.2011
Поблагодарили: 44 раза
Репутация:   4  


html:
CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link type="text/css" rel="StyleSheet" href="a.css" >
</head>
<body>
<div id="container">
<div id="fixed-div">
<table cellspacing="5" cellpadding="0" border="0">
<tr>
<td>
<a href="http://nevacomfort.ru/postelnoe_belyo.html">Постельное белье</a>
<a href="http://nevacomfort.ru/slippers.html">Одноразовые тапочки</a>
<a href="http://nevacomfort.ru/soap.html">Мыло, гели, шампуни</a>
<a href="http://nevacomfort.ru/economic_stock.html">Хозтовары</a>
<a href="http://nevacomfort.ru/toilet_paper.html">Туалетная бумага</a>
<a href="http://nevacomfort.ru/polotenca.html">Полотенца</a>
</td>
<td>
<span class="phone">Телефон: <strong><small>+7 (812)</small> 640-22-25</strong></span>
</td>
<td align="right">
<span class="phone">Почта: zakaz@nevacomfort.ru</span>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>

a.css:
CODE
body {
font-family: helvetica;
font-size: 8pt;
}
#container {
position: relative;
width: 100%;
}
#fixed-div {
width: 1000px;
position: fixed;
top: 0;
left: 50%;
margin-left: -500px;
background-color: #4e7dc6;
box-shadow: 3px 3px 2px #ccc;
}
#fixed-div a {
color: #fff;
text-decoration: underline;
font-weight:bold;
}
#fixed-div a:hover {
text-decoration:none;
}
#fixed-div table {
width: 100%;
height: 30px;
}
.phone {
font-size: 15px;
font-family: helvetica;
color: white;
}


--------------------
Twitter: @exsith


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dim-dim
dim-dim
Topic Starter сообщение 21.3.2012, 15:21; Ответить: dim-dim
Сообщение #4


Бан за спам в ЛС
*****

Группа: Banned
Сообщений: 992
Регистрация: 29.12.2007
Из: Питер
Поблагодарили: 294 раза
Репутация:   55  


Неужели ни кто не может мне помочь? sad.gif


--------------------
На нашем форуме запрещено заниматься массовой рассылкой личных сообщений (это расценивается как спам и влечет за собой один из видов наказания).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
paragon00
paragon00
сообщение 21.3.2012, 15:46; Ответить: paragon00
Сообщение #5


Новичок
*

Группа: User
Сообщений: 17
Регистрация: 20.3.2012
Поблагодарили: 4 раза
Репутация:   -1  


По коду видно, что знания вёрстки были получены очень поверхностные и получены очень давно (либо недавно, но по старым книгам). Переходите на блоки (div) и освоиться будет гораздо проще.

И для начала можно посоветовать перейти на фиксированную разметку. Начинать с резины не просто сложно, а невозможно, т.к. отсутствуют представления о базовых вещах (в том числе и создании навигации). Сейчас проблема в том, что железно заданы процентные величины, и по хорошему они должны быть ограничены свойствами min-width/max-width (не работает в ie6), но у вас этого нет, и страница подстраивается под всю доступную область. Из-за этого меню и ломается.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Max_Q
Max_Q
сообщение 21.3.2012, 15:48; Ответить: Max_Q
Сообщение #6


Участник
***

Группа: User
Сообщений: 118
Регистрация: 13.11.2011
Поблагодарили: 46 раз
Репутация:   13  


#fixed-div {
background-color: #4E7DC6;
box-shadow: 3px 3px 2px #CCCCCC;
height: 30px;
left: 7.5%;
position: fixed;
top: 0;
width: 85%;
min-width: 1065px;
z-index: 999;
}


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
exsith
exsith
сообщение 21.3.2012, 15:48; Ответить: exsith
Сообщение #7


Частый гость
**

Группа: User
Сообщений: 97
Регистрация: 28.12.2011
Поблагодарили: 44 раза
Репутация:   4  


(dim-dim @ 21.3.2012, 14:21) *
Неужели ни кто не может мне помочь? sad.gif

Постом выше полностью готовое решение


--------------------
Twitter: @exsith


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dim-dim
dim-dim
Topic Starter сообщение 21.3.2012, 16:29; Ответить: dim-dim
Сообщение #8


Бан за спам в ЛС
*****

Группа: Banned
Сообщений: 992
Регистрация: 29.12.2007
Из: Питер
Поблагодарили: 294 раза
Репутация:   55  


Низкий поклон, все работает smile.gif
p.s. Пора осваивать дивную верстку.
p.p.s У меня был включен древовидный режим отображения форума? не идел ответов smile.gif


--------------------
На нашем форуме запрещено заниматься массовой рассылкой личных сообщений (это расценивается как спам и влечет за собой один из видов наказания).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
paragon00
paragon00
сообщение 21.3.2012, 18:38; Ответить: paragon00
Сообщение #9


Новичок
*

Группа: User
Сообщений: 17
Регистрация: 20.3.2012
Поблагодарили: 4 раза
Репутация:   -1  


(dim-dim @ 21.3.2012, 12:29) *
Низкий поклон, все работает smile.gif
p.s. Пора осваивать дивную верстку.
p.p.s У меня был включен древовидный режим отображения форума? не идел ответов smile.gif


Предложенное выше решение будет работать до тех пор, пока ширина экрана позволяет уместить 1065px + "под все мониторы" должно быть 960px, но вы упираетесь в кол-во пунктов меню. Лучшим вариантом будет начать с нуля (попутно уделив время внешнему виду сайта). Главное - не перенасыщайте страницы лишней информацией. Пеереосмыслите вывод уже имеющейся.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как поднять доверие к сайту?
0 fair_exchange 82 Сегодня, 11:19
автор: fair_exchange
Открытая тема (нет новых ответов) Пошив одежды - что не так с сайтом ?
25 bridge8 1715 Вчера, 22:55
автор: Emtec
Открытая тема (нет новых ответов) Как мошенники зарабатывают на прямых трансляциях в Instagram
Не ждите порно в инстаграм, его нет
10 PostBrigada 1127 Вчера, 22:40
автор: JOHNY
Открытая тема (нет новых ответов) Маленький кейс как сделать много почтовых ящиков в Gmail
Один аккаунт = много ящиков
1 PostBrigada 511 Вчера, 21:34
автор: Pingunio
Горячая тема (нет новых ответов) Что лучше, фриланс, удаленка, или работа в офисе солидной компании?
97 Levizar 8033 Вчера, 13:51
автор: Smspva


 



RSS Текстовая версия Сейчас: 16.12.2017, 11:48
Дизайн