Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 24.01.2018, 01:20   #1
Ростислав019
Новичок
 
Регистрация: 24.01.2018
Сообщений: 1
Репутация: 10
Стрелка Плывет меню в div

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

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content="text/html; charset=utf-8">
<title >Товар</title>
<link href='csss/tovar.css' type='text/css' rel='stylesheet'>
</head>
<body>
 
<div>


<div id='zagolovok'><h1>Товар</h1></div>

<div id='menu'>
|<span id='hlavnaya'><a href='index.html' name='#index'>Главная</a></span>|
<span id='asortiment'><a href='товар.html' name='#tovar'>Товар</a></span>|
<span id='zakaz'><a href='заказ.html' name='#zakaz'>Заказ</a></span>|
<span id='onas'><a href='о нас.html' name='#onas' >О нас</a></span>|
</div>


<div id='text'>

Текст
</div>

</div>
</body>
</html>

код в ксс
Код:

#zagolovok{
text-align:center;	
}

#menu{
width:auto;
height:40px;
display:block;
position:relative;
text-align:center;
}

#hlavnaya{
margin:0 100px 0 100px;	
}

#asortiment{
margin:0 100px 0 100px;		
}

#onas{
margin:0 100px 0 100px;		
}

#zakaz{
margin:0 100px 0 100px;		
}

#hlavnaya a, #asortiment a, #onas a, #zakaz a{
text-decoration:none;	
}

#text{
text-align:justify;
margin:20px 80px auto 80px;	
font-size:110%;
}

#menu, #hlavnaya, #tovar, #zakaz, #text{
font-family:Palatino Linotype;	
}


#tovar1{
float:left;	
margin:auto 20px auto auto;
}

#tovar2{
float:left;	
margin:auto 20px auto 0px;
}

#tovar3{
float:left;	
margin:auto 20px auto 0px;
}

Теперь код хтмл где все ок:
Код:

<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv='Content-Type' content="text/html; charset=utf-8">
  <title>Special for You</title>
  <link href='csss/index.css' type='text/css' rel='stylesheet'>
 </head>
<body>

<div>


  <div id='zagolovok'> <h1> Главная</h1> </div>

<div id='menu'>
|<span id='hlavnaya'><a href='index.html' name='#index'>Главная</a></span>|
<span id='asortiment'><a href='товар.html' name='#tovar'>Товар</a></span>|
<span id='zakaz'><a href='заказ.html' name='#zakaz'>Заказ</a></span>|
<span id='onas'><a href='о нас.html' name='#onas' >О нас</a></span>|
</div>

<div id='text'>

Текст
</div>



</div>


</body>
 </html>

ксс точно такой как и в рубрике на товар
Ростислав019 вне форума   Ответить с цитированием
Старый 01.02.2018, 23:05   #2
Amirjan
Пользователь
 
Регистрация: 08.07.2017
Сообщений: 31
Репутация: 10
По умолчанию

Цитата:
Сообщение от Ростислав019 Посмотреть сообщение
#tovar1{
float:left;
margin:auto 20px auto 0;
}
Попробуй вот так
Amirjan вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Плывет меню stimsa HTML и CSS 3 09.09.2016 16:18
Загрузка html-страницы в div по нажатию кнопки меню Решетова Алена HTML и CSS 9 24.03.2013 12:15
Резиновое меню списком внутри DIV Kolik317 HTML и CSS 3 05.09.2011 19:27
Как изменить конструкцию верстки чтоб div с меню оставался на месте? div-looser HTML и CSS 3 26.04.2011 10:28
css меню обрезается другим div retail_ret HTML и CSS 2 13.08.2009 16:50


08:05.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru