Отображение меню сайта

@pavelslap · Регистрация: 27.11.2009

Author24 — интернет-сервис помощи студентам

Добрый день уважаемые!

У меня есть выпадающее меню, сделанное на html/css. Javascript не использован.
На моём компьютере работает хорошо. Но как только я его перенёс на хостинг начались проблемы:
1) Появились отступы слева от каждого пукнта меню в результате чего всё меню съехало.
2) При наведении на заголовок меню, его пункты сдвигаются вправо (чего быть не должно).

Вот, собственно сайт: http://www.talsutautasnams.lv/

В чём, по вашему может быть проблема?
Всем заранее благодарен.

Да, и не открывайте в Internet Explorere, для него ещё не сделал, этим займусь позже.

Хмм.. может быть дело в DOCTYPE ?

@wr_vu · 29.12.2010, 22:23

Так модераторам тяжело разобраться, покажи код меню, код стилей меню (css), также и (DOCTYPE), которым пользуешься.

@pavelslap · 29.12.2010, 23:38 **[ТС]**

Итак, я понял. Что-то из этого кода влияет на неверное отображение меню. Только помогите разобраться что именно.

CSS

/* @@common.css  */
 
html * { font-size: 98% }
body { font-family: verdana,arial,helvetica,sans-serif; font-size: 100.01%;color: #000;background: #212121;text-align: left;}
body { text-align: center;margin-right:5px;margin-left:5px;margin-top:0px;}
img {padding:0px;margin:0px;}
 
a:link {color: #536e5f; font-size: 12px;text-decoration:none;}
a:active { color: #536e5f; font-size: 12px;text-decoration:none;}
a:visited{ font-size : 12px; color:#536e5f;text-decoration:none;}
a:hover{ font-size : 12px; color:#536e5f;text-decoration:none;}
 
 
.serif { font-family: times,serif; font-size: small; }
 
option { padding-left: 0.4em;font-size:12px; }
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }
html { height: 100%; margin-bottom: 1px; }
 
fieldset, img { border: 0 solid; }
ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em; }
dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }
blockquote { margin: 0 0 1em 1.5em; }
 
 
#header{position:relative; width:940px;width:"940px";z-index:1000;}
#header_start, #nav, #main, #page_wrap, #footer { clear:both; }
 
#header {position:relative; z-index:1000;margin:0px;padding:0px;}
#header ul{list-style: none;padding: 0;margin: 0; padding-top:15px; vertical-align:bottom;}
#header li{float: left; list-style: none;font-size:11px; font-weight:bold; color:#fff;vertical-align:bottom; }
.ttabs img{margin-right:3px; }
 
#frame {width:940px;width:"940px";margin:0 auto;padding:0 0px;text-align:left;background-color:#f5f6f1;min-height:510px;height:auto !important;height:515px;}
 
 
 
  .hideboth #col3 {margin-left: 0; margin-right: 0}
  .hidecol1 #col3 {margin-left: 0; margin-right: 200px}
  .hidecol2 #col3 {margin-left: 200px; margin-right: 0}
 
  .hideboth #col1, .hideboth #col2 {display:none}
  .hidecol1 #col1 {display:none}
  .hidecol2 #col2 {display:none}
 
 
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }
 
  .clearfix { display: block }
  .floatbox { overflow:hidden }
  #ie_clearing { display: none }
 
  .subcols, .subcols_oldgecko {
    width: 100%;
    overflow:hidden;
  }
 
  .subcols li,.l25 li, .r25 li {text-align:left; list-style:none}
  .subcols ul {text-align:center;width:100%}
  
  .subcols_oldgecko { float:left }
 
  .l, .l25, .l33, .l38, .l50, .l62, .l66, .l75  {float: left; }
  .r, .r25, .r33, .r38, .r50, .r62, .r66, .r75  {float: right; margin-left: -5px; }
 
  .l25, .r25 { width: 25% }
  .l33, .r33 { width: 33.333% }
  .l38, .r38 { width: 38.2% }
  .l50, .r50 { width: 50% }
  .l62, .r62 { width: 61.8% }
  .l66, .r66 { width: 66.666% }
  .l75, .r75 { width: 75% }
  .l, .r { width: auto }
 
 
  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }
 
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }
 
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }
 
 
 
 
#main { background:#fff;padding:0px;margin:0 auto;float: left;width:100%;width:"100%";z-index:1000;}
#page_wrap{ float: left;color:#000;width:100%;width:"100%";max-width: 90em;margin: 0 auto;padding:0px; text-align:left;background:#fff;min-height:515px;height:510px;}  
#cont_wrap { float:none; clear:both;margin:0px;margin-left: 0px; padding:0px;width: 98%;position:relative;}  
#col1_content, #col2_content, #col3_content { position:relative; }
  
.r1w, .r2w{float:left;}
.r1w{width:285px;}
.r2w{width:auto;}
.secSpace{margin-bottom:17px;}
.upOne{margin-top:-1px;}
.dBlock{display:block;}
.cBoth{clear:both;}
  
 /*---------------------contents ---------------*/   
  
  
 
  
textarea, pre, tt, code {font-family:"Courier New", Courier, monospace;     }
 
 
  
 
 
  h1,h2,h3,h4,h5,h6 { 
    font-family:"Tahoma","times new roman"; 
    font-weight:bold; 
    color:#5E3331;
    margin: 0 0 0.25em 0; 
  }
 
  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 105%; } 
  h3 { font-size: 150% }                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */
 
 
 
p { line-height: 1.5em; margin: 0 0 1em 0; }
p.inline {color: inherit;background-color: inherit;display: inline;padding: 0px;}
 
  /* ### Lists   #### */
 
  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em }
 
  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }
 
  /* ### text formatting*/
 
  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }
 
  strong,b { font-weight: bold }
  em,i { font-style:italic }
 
  pre, code { font-family: monospace; font-size: 1.1em; }
 
  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }
 
 
  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}
 
  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }
 
 
 
#footer{position:relative; z-index:1;width:940px;width:"940px";  margin:0 auto; padding-top:0px;margin-top:0px;padding-bottom:0px; background:#fff;text-align:center;}
#footer #footerLink{text-align:center;background:#fff;width:99%;}
#footer #footerLink ul{list-style: none;padding: 0;margin: 0; padding-top:5px; }
#footer #footerLink ul li{display:inline; height:10px; list-style: none; font-size:6pt; color:#666; margin:0; padding:0; }
#footer div#footerLink li a{text-decoration:none;font-size:11px;}
#footer #footerLink li a:hover{color:#000;}
#footer #footerLink li .separator{margin-left:10px; margin-right:10px;}
 
 
 
  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  } 
  
  
  /*
  print version
  #col1, #col1_content { float:none; width: 100%; margin: 0; padding: 0; border: 0}
 
  #col2 {display:none}
  #col3 {display:none}  
  */

Блоги программистов
Как использовать GraphQL в C# с HotChocolate Programming 05.01.2025 GraphQL — это современный подход к разработке API, который позволяет клиентам запрашивать только те данные, которые им необходимы. Это делает взаимодействие с API более гибким и эффективным по. . .	Модель полного двоичного суматора с помощью логических операций (python) AlexSky-coder 04.01.2025 def binSum(x:list, y:list): s=^y] p=x and y for i in range(1,len(x)): s. append((x^y)^p) p=(x and y)or(p and (x or y)) return s x=list() y=list()	Это мы не проходили, это нам не задавали...(шестибитный асихронный счётчик с управляющим сигналом заде Hrethgir 04.01.2025 Асинхронный счётчик на сумматорах (шестиразрядный по числу диодов на плате, но наверное разрядов будет больше - восемь или шестнадцать, а диоды на старшие), так как триггеры прошли тестирование и. . .	Руководство по созданию бота для Телеграм на Python IT_Exp 04.01.2025 Боты для Телеграм представляют собой автоматизированные программы, которые выполняют различные задачи, взаимодействуя с пользователями через интерфейс мессенджера. В данной статье мы рассмотрим,. . .	Применение компонентов PrimeVue в Vue.js 3 на TypeScript BasicMan 04.01.2025 Введение в PrimeVue и настройка окружения PrimeVue представляет собой мощную библиотеку компонентов пользовательского интерфейса для Vue. js 3, которая предоставляет разработчикам богатый набор. . .	Как стать Senior developer cpp_developer 04.01.2025 В современной индустрии разработки программного обеспечения позиция Senior Developer представляет собой не просто следующую ступень карьерной лестницы, а качественно новый уровень профессионального. . .
Что известно о дате выхода Windows 12 и чего от нее ждать IT_Exp 04.01.2025 В мире технологий постоянно происходят изменения, и операционные системы не являются исключением. Windows 11, выпущенная в октябре 2021 года, принесла множество инноваций и улучшений, но. . .	Что новенького в .NET Core 9 Programming 04.01.2025 Обзор ключевых изменений в . NET Core 9 Платформа . NET Core продолжает активно развиваться, и версия 9 представляет собой значительный шаг вперед в эволюции этой технологии. Новый релиз. . .	Инструкция по установке python3.13.1 в Debian 12 AlexSky-coder 03.01.2025 sudo apt update sudo apt install build-essential zlib1g-dev libncurses5-dev libgdbm-dev libnss3-dev libssl-dev libreadline-dev libffi-dev wget. . .	Затестил триггеры. архив проекта прилагаю с GOA файлами в настройках архиватора проектов. Hrethgir 03.01.2025 В этот раз нет закольцованности, потому что от неё только глюки, как я понял, логика не вырезанная. Триггеры очень быстрые если верить измерениям с помощью анализатора от Gowin. Есть ещё регистры,. . .	Python в помощь DevOps IT_Exp 03.01.2025 Причины использования Python в работе DevOps Python стал неотъемлемой частью мира DevOps, и это не случайно. Этот язык программирования обладает множеством преимуществ, которые делают его. . .	Angular vs React vs Vue.js BasicMan 03.01.2025 О, друзья-разработчики и просто любопытные читатели! Сегодня мы отправимся в увлекательное путешествие по миру фронтенд-разработки, и первой остановкой станет Angular – этакий строгий немецкий. . .

@pavelslap 0 / 0 / 0 Регистрация: 27.11.2009 Сообщений: 5
		1
	Отображение меню сайта 29.12.2010, 20:31. Показов 1593. Ответов 2 Метки нет (Все метки) Добрый день уважаемые! У меня есть выпадающее меню, сделанное на html/css. Javascript не использован. На моём компьютере работает хорошо. Но как только я его перенёс на хостинг начались проблемы: 1) Появились отступы слева от каждого пукнта меню в результате чего всё меню съехало. 2) При наведении на заголовок меню, его пункты сдвигаются вправо (чего быть не должно). Вот, собственно сайт: http://www.talsutautasnams.lv/ В чём, по вашему может быть проблема? Всем заранее благодарен. Да, и не открывайте в Internet Explorere, для него ещё не сделал, этим займусь позже. Хмм.. может быть дело в DOCTYPE ? 0

@wr_vu 1 / 1 / 0 Регистрация: 30.09.2010 Сообщений: 23
	29.12.2010, 22:23	2
	Так модераторам тяжело разобраться, покажи код меню, код стилей меню (css), также и (DOCTYPE), которым пользуешься. 0

	29.12.2010, 23:38