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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


Добрый день.

Ни чего не понимаю в верстке 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


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

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

Сообщение отредактировал taxi2008 - 21.3.2012, 13:23


--------------------
ХОСТИНГ, на котором держу свои сайты
Своим рефералам предоставлю 3 месяца хостинга бесплатно!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
exsith
exsith
сообщение 21.3.2012, 14:42; Ответить: exsith
Сообщение #3


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


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


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


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

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


#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


(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


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


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


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


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1119 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2289 25.3.2024, 6:52
автор: Skyworker
Горячая тема (нет новых ответов) Во что сегодня инвестировать?
Делимся своими приносящими прибыль вариантами
69 traveliver 4447 25.3.2024, 6:48
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3913 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3638 24.3.2024, 20:55
автор: Liudmila


 



RSS Текстовая версия Сейчас: 28.3.2024, 23:06
Дизайн