Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Знающие люди, помогите новичку разобраться с одной проблемой в css

Обсуждение темы Знающие люди, помогите новичку разобраться с одной проблемой в css в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Вот смотрите, есть у меня скин http://top-guide.ru/skin.jpg , который я делаю для своего сайта, на движке DLE.... css не совсем мой и мне ...


Закрытая тема
 
Опции темы
Старый 21.10.2008, 19:35   #1
Вот смотрите, есть у меня скин http://top-guide.ru/skin.jpg , который я делаю для своего сайта, на движке DLE.... css не совсем мой и мне не понятен следуйщий момент.. на срине показано вверху есть блоки Панель управления , чета, еще чета, они далеко друг от друга стоят, и хотелось бы еще бобавить несколько, но не получается, как только что то делаю с ними, они в разные стороны разъезжаются, или становятся один под другим...
Строка в css отвечающая за эту надпись .menu_x

Вот часть css:

Код:
/* Общий стиль */

.a990w {width:990px;}
#m140h {height:140px;}
#h95h {height:95px; padding-top:10px; padding-bottom:10px;}
#logo {width:288px; height:60px; float:left;}
#bannet_head {height:60px; line-height:60px; vertical-align:middle; text-align:right; float:left;}

#menu_bg {background-image:url(../images/top_bg_1.jpg); clear:both; width:100%;}
#menu_bg center {width:990px; margin:0px auto;}

.menu_1	{color: #FFFFFF; line-height:23px; vertical-align:middle; text-align:center; background-repeat:repeat-x; height:28px; width:147px; float:left;}
.menu_2 {background-repeat:no-repeat; background-position:left; height:28px; width:153px; float:left;}
.menu_x {width:320px; padding-top:6px;padding-left:6px; float:left;}
.menu_txt {margin:10px; text-align:left; float:none;}
#menu_hor {margin-top: 10px; margin-bottom: 10px; line-height:36px; vertical-align:middle; text-align:center; width:990px; height:36px; background-color:#258fb7; clear:both;}
#menu_hor_left {float:left; padding-left:10px;}
#menu_hor_right {float:right; padding-right:10px; padding-top:9px;}
Помогите разобраться...

Добавлено через 3 минуты

А вот это из html файла:

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
{headers}
<link href="{THEME}/css/style.css" rel="stylesheet" type="text/css" />
<link href="{THEME}/css/engine.css" rel="stylesheet" type="text/css" />
</head>
<body>
{AJAX}
<center>
    <div class="a990w" id="h95h">
        <div id="logo"><a href="/"><img src="{THEME}/images/logo_holiday.gif" alt="Все лучшее у нас!" width="350" height="80" border="0" /></a></div>
        <div id="bannet_head">{banner_header}</div>
    </div>
</center>
<div id="menu_bg">
<center>
  	<div class="a900w" id="m140h">
        <div class="menu_x">
            <div>
                <div id="black_2" class="menu_1">Панель управления</div>
                <div id="black_1" class="menu_2"></div>
            </div>
            <div class="menu_txt">{login}</div>
        </div>
        <div class="menu_x">
            <div>
                <div id="blue_2" class="menu_1">Чота</div>
                <div id="blue_1" class="menu_2"></div>   
            </div>         
            <div class="menu_txt">Чота тут</div>
        </div>
        <div class="menu_x">
            <div>
                <div id="green_2" class="menu_1">ишо чота</div>
                <div id="green_1" class="menu_2"></div>
            </div>
            <div class="menu_txt">Чота тут ишо</div>
        </div>

Последний раз редактировалось Cesar; 21.10.2008 в 19:35.. Причина: Добавлено сообщение
 
Старый 21.10.2008, 19:35
Ссылки
Старый 22.10.2008, 07:08   #2
Не тот HTML код ты закинул! загрузи страницу с ошибкой и на ней кликни правой кнопкой -> выбери просмотр исходного кода
а потом закинь сюда все что лежит между
Код:
<div class="menu_x">
<div>
 
Старый 22.10.2008, 09:55   #3
Вот...

Код:
 <div class="menu_x">
            <div>
                <div id="black_2" class="menu_1">Панель управления</div>
                <div id="black_1" class="menu_2"></div>
            </div>

И дальше идут еще два div а,
<div class="menu_x">
            <div>
                <div id="blue_2" class="menu_1">Чота</div>
                <div id="blue_1" class="menu_2"></div>   
            </div>         
            <div class="menu_txt">Чота тут</div>
        </div>
        <div class="menu_x">
            <div>
                <div id="green_2" class="menu_1">ишо чота</div>
                <div id="green_1" class="menu_2"></div>
            </div>
Хочу добавить еще несколько... и чтоб они в ряд были и плотно к друг другу стояли
 
Старый 22.10.2008, 11:31   #4
Что такое "чета"? Пара?
 
Старый 22.10.2008, 11:41   #5
Не тот код! Не надо закидывать сюда пустые контейнеры скопированные из редактора кода в панели администратора
надо код страницы сайта уже сгенерированного РНР кодом (скриптом)
 
Старый 22.10.2008, 12:05   #6
Просто сайт и так пустой! На смотри, это только верстка...
Opera-вид-исходный текст:

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TOP-GUIDE.RU - мы выбираем лучшее из Сети</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="description" content="Наш сайт - это ваш гид по сети Интеренет" />
<meta name="keywords" content="" />
<meta name="generator" content="DataLife Engine" />
<meta name="robots" content="all" />
<meta name="revisit-after" content="1 days" />
<link rel="search" type="application/opensearchdescription+xml" href="http://top-guide.ru/engine/opensearch.php" title="TOP-GUIDE.RU - мы выбираем лучшее из Сети" /><link rel="alternate" type="application/rss+xml" title="TOP-GUIDE.RU - мы выбираем лучшее из Сети" href="http://top-guide.ru/rss.xml" />
<link href="/templates/templates/css/style.css" rel="stylesheet" type="text/css" />
<link href="/templates/templates/css/engine.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script language="javascript" type="text/javascript">
<!--
var dle_root       = '/';
var dle_admin      = '&&&&&.php';
var dle_login_hash = '&&&&&&&';
var dle_skin       = 'templates';
var dle_wysiwyg    = 'no';
var quick_wysiwyg  = '0';
var menu_short     = 'Быстрое редактирование';
var menu_full      = 'Полное редактирование';
var menu_profile   = 'Просмотр профиля';
var menu_fnews     = 'Найти все публикации';
var menu_fcomments = 'Найти все комментарии';
var menu_send      = 'Отправить сообщение';
var menu_uedit     = 'Админцентр';
var dle_req_field  = 'Заполните все необходимые поля';
var dle_del_agree  = 'Вы действительно хотите удалить? Данное действие невозможно будет отменить';
var dle_del_news   = 'Удалить новость';
var allow_dle_delete_news   = true;
//-->
</script>
<script type="text/javascript" src="/engine/ajax/menu.js"></script>
<script type="text/javascript" src="/engine/ajax/dle_ajax.js"></script>
<div id="loading-layer" style="display:none;font-family: Verdana;font-size: 11px;width:200px;height:50px;background:#FFF;padding:10px;text-align:center;border:1px solid #000"><div style="font-weight:bold" id="loading-layer-text">Загрузка. Пожалуйста, подождите...</div><br /><img src="/engine/ajax/loading.gif"  border="0" alt="" /></div>
<div id="busy_layer" style="visibility: hidden; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: gray; opacity: 0.1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10); "></div>
<script type="text/javascript" src="/engine/ajax/js_edit.js"></script>
<center>
    <div class="a990w" id="h95h">
        <div id="logo"><a href="/"><img src="/templates/templates/images/logo_holiday.gif" alt="Все лучшее у нас!" width="350" height="80" border="0" /></a></div>
        <div id="bannet_head"><div align="CENTER"><a href="http://6dle.ru/" target="_blank"><img src="http://top-guide.ru/templates/Default/images/_banner_.gif" style="border: none;" /></a></div></div>
    </div>
</center>
<div id="menu_bg">
<center>
  	<div class="a900w" id="m140h">
        <div class="menu_x">
            <div>
                <div id="black_2" class="menu_1">Панель управления</div>
                <div id="black_1" class="menu_2"></div>
            </div>
            <div class="menu_txt">Привет, <strong>Cesar</strong><br /><br /><img src="/templates/templates/images/arrow_1.gif" border="0" width="11" height="11"><a class="black" href="http://top-guide.ru/cesar.php?mod=main" target="_blank">Админцентр</a><br /><img src="/templates/templates/images/arrow_1.gif" border="0" width="11" height="11"><a class="black" href="http://top-guide.ru/user/Cesar/">Профиль</a><br />
<img src="/templates/templates/images/arrow_1.gif" border="0" width="11" height="11"><a class="black" href="http://top-guide.ru/index.php?do=pm">Личные сообщения (0 | 0)</a><br />
<img src="/templates/templates/images/arrow_1.gif" border="0" width="11" height="11"><a class="black" href="http://top-guide.ru/addnews.html">Добавить новость</a><br />
<img src="/templates/templates/images/arrow_1.gif" border="0" width="11" height="11"><a class="black" onclick="javascript: showBusyLayer()" href="http://top-guide.ru/index.php?action=logout"><strong>Завершить сеанс</strong></a></div>
        </div>
        <div class="menu_x">
            <div>
                <div id="blue_2" class="menu_1">Чота</div>
                <div id="blue_1" class="menu_2"></div>   
            </div>         
            <div class="menu_txt">Чота тут</div>
        </div>
        <div class="menu_x">
            <div>
                <div id="green_2" class="menu_1">ишо чота</div>
                <div id="green_1" class="menu_2"></div>
            </div>
            <div class="menu_txt">Чота тут ишо</div>
        </div>

 


<center>
<div id="menu_hor">
    <div id="menu_hor_left">
    	<a class="white" href="/">Главная страница</a>&nbsp; <a class="white" href="/video/">Фильмы</a>&nbsp; <a class="white" href="/games/">Игры</a>&nbsp; <a class="white" href="/soft/">Программы</a>&nbsp; <a class="white" href="/different/">Разное</a>&nbsp; <a class="white" href="/news/">Новости</a>&nbsp; <a class="white" href="/friends.html">Друзья сайта</a>&nbsp; <a class="white" href="/index.php?do=feedback">Обратная связь</a>&nbsp; <a class="white" href="/about.html">О проекте</a>&nbsp; <a class="white" href="http://woop.ru/2007/09/30/nebolshojj-faq.html">FAQ</a></div>
    <div id="menu_hor_right">
        <form onsubmit="javascript: showBusyLayer()" method="post" action=''>
        <input type="hidden" name="do" value="search" />
        <input type="hidden" name="subaction" value="search" />
        <input name="story" type="text" class="inp_1_search" /><input type="image" style="float:left;" src="/templates/templates/images/but_search.gif" />
        </form>
    </div>
</div>
</center>


<div id="main_container">
    <div class="stroka">
        <div class="newses">
            <div class="cathead" style="background-color:#CCCCCC;"><strong><a class="green" href="/categoriya_1/">categoriya_1</a></strong></div>
            <div class="newss"><p></p></div>
        </div>
        <div class="newses">
            <div class="cathead" style="background-color:#dadada;"><strong><a class="green" href="/categoriya_2/">categoriya_2</a></strong></div>
            <div class="newss"><p></p></div>
        </div>
        <div class="newses">
            <div class="cathead" style="background-color:#e5e5e5; margin-right:0px;"><strong><a class="green" href="/categoriya_3/">categoriya_3</a></strong></div>
            <div class="newss"><p></p></div>
        </div>
    </div>
    <div class="stroka">
        <div class="newses">
            <div class="cathead" style="background-color:#CCCCCC;"><strong><a class="green" href="/categoriya_4/">categoriya_4</a></strong></div>
            <div class="newss"><p></p></div>
        </div>
        <div class="newses">
            <div class="cathead" style="background-color:#dadada;"><strong><a class="green" href="/categoriya_5/">categoriya_5</a></strong></div>
            <div class="newss"><p></p></div>
        </div>
        <div class="newses">
            <div class="cathead" style="background-color:#e5e5e5; margin-right:0px;"><strong><a class="green" href="/categoriya_6/">categoriya_6</a></strong></div>
            <div class="newss"><p></p></div>
        </div>
    </div>
</div>



<div id="foooooooter">
	<div id="footer_cont">
        <div id="footer_banner"><img src="/templates/templates/images/468.gif" alt="Tipabanner" width="468" height="60" border="0" /></div>
        <div id="footer_copy">
            <div id="foooter_ygolok"></div>
            <div id="footer_copy_txt">
                <a class="green" href="http://top-guide.ru" target="_blank"><strong>TOP-GUIDE.RU</strong></a><br />                
            </div>
        </div>
    </div>
</div>
</body>
</html>
 
Старый 22.10.2008, 12:05   #7
Просто сайт и так пустой! На смотри, это только верстка...
Opera-вид-исходный текст:

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TOP-GUIDE.RU - мы выбираем лучшее из Сети</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="description" content="Наш сайт - это ваш гид по сети Интеренет" />
<meta name="keywords" content="" />
<meta name="generator" content="DataLife Engine" />
<meta name="robots" content="all" />
<meta name="revisit-after" content="1 days" />
<link rel="search" type="application/opensearchdescription+xml" href="http://top-guide.ru/engine/opensearch.php" title="TOP-GUIDE.RU - мы выбираем лучшее из Сети" /><link rel="alternate" type="application/rss+xml" title="TOP-GUIDE.RU - мы выбираем лучшее из Сети" href="http://top-guide.ru/rss.xml" />
<link href="/templates/templates/css/style.css" rel="stylesheet" type="text/css" />
<link href="/templates/templates/css/engine.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script language="javascript" type="text/javascript">
<!--
var dle_root       = '/';
var dle_admin      = '&&&&&.php';
var dle_login_hash = '&&&&&&&';
var dle_skin       = 'templates';
var dle_wysiwyg    = 'no';
var quick_wysiwyg  = '0';
var menu_short     = 'Быстрое редактирование';
var menu_full      = 'Полное редактирование';
var menu_profile   = 'Просмотр профиля';
var menu_fnews     = 'Найти все публикации';
var menu_fcomments = 'Найти все комментарии';
var menu_send      = 'Отправить сообщение';
var menu_uedit     = 'Админцентр';
var dle_req_field  = 'Заполните все необходимые поля';
var dle_del_agree  = 'Вы действительно хотите удалить? Данное действие невозможно будет отменить';
var dle_del_news   = 'Удалить новость';
var allow_dle_delete_news   = true;
//-->
</script>
<script type="text/javascript" src="/engine/ajax/menu.js"></script>
<script type="text/javascript" src="/engine/ajax/dle_ajax.js"></script>
<div id="loading-layer" style="display:none;font-family: Verdana;font-size: 11px;width:200px;height:50px;background:#FFF;padding:10px;text-align:center;border:1px solid #000"><div style="font-weight:bold" id="loading-layer-text">Загрузка. Пожалуйста, подождите...</div><br /><img src="/engine/ajax/loading.gif"  border="0" alt="" /></div>
<div id="busy_layer" style="visibility: hidden; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: gray; opacity: 0.1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10); "></div>
<script type="text/javascript" src="/engine/ajax/js_edit.js"></script>
<center>
    <div class="a990w" id="h95h">
        <div id="logo"><a href="/"><img src="/templates/templates/images/logo_holiday.gif" alt="Все лучшее у нас!" width="350" height="80" border="0" /></a></div>
        <div id="bannet_head"><div align="CENTER"><a href="http://6dle.ru/" target="_blank"><img src="http://top-guide.ru/templates/Default/images/_banner_.gif" style="border: none;" /></a></div></div>
    </div>
</center>
<div id="menu_bg">
<center>
  	<div class="a900w" id="m140h">
        <div class="menu_x">
            <div>
                <div id="black_2" class="menu_1">Панель управления</div>
                <div id="black_1" class="menu_2"></div>
            </div>
            <div class="menu_txt">Привет, <strong>Cesar</strong><br /><br /><img src="/templates/templates/images/arrow_1.gif" border="0" width="11" height="11"><a class="black" href="http://top-guide.ru/cesar.php?mod=main" target="_blank">Админцентр</a><br /><img src="/templates/templates/images/arrow_1.gif" border="0" width="11" height="11"><a class="black" href="http://top-guide.ru/user/Cesar/">Профиль</a><br />
<img src="/templates/templates/images/arrow_1.gif" border="0" width="11" height="11"><a class="black" href="http://top-guide.ru/index.php?do=pm">Личные сообщения (0 | 0)</a><br />
<img src="/templates/templates/images/arrow_1.gif" border="0" width="11" height="11"><a class="black" href="http://top-guide.ru/addnews.html">Добавить новость</a><br />
<img src="/templates/templates/images/arrow_1.gif" border="0" width="11" height="11"><a class="black" onclick="javascript: showBusyLayer()" href="http://top-guide.ru/index.php?action=logout"><strong>Завершить сеанс</strong></a></div>
        </div>
        <div class="menu_x">
            <div>
                <div id="blue_2" class="menu_1">Чота</div>
                <div id="blue_1" class="menu_2"></div>   
            </div>         
            <div class="menu_txt">Чота тут</div>
        </div>
        <div class="menu_x">
            <div>
                <div id="green_2" class="menu_1">ишо чота</div>
                <div id="green_1" class="menu_2"></div>
            </div>
            <div class="menu_txt">Чота тут ишо</div>
        </div>

 


<center>
<div id="menu_hor">
    <div id="menu_hor_left">
    	<a class="white" href="/">Главная страница</a>&nbsp; <a class="white" href="/video/">Фильмы</a>&nbsp; <a class="white" href="/games/">Игры</a>&nbsp; <a class="white" href="/soft/">Программы</a>&nbsp; <a class="white" href="/different/">Разное</a>&nbsp; <a class="white" href="/news/">Новости</a>&nbsp; <a class="white" href="/friends.html">Друзья сайта</a>&nbsp; <a class="white" href="/index.php?do=feedback">Обратная связь</a>&nbsp; <a class="white" href="/about.html">О проекте</a>&nbsp; <a class="white" href="http://woop.ru/2007/09/30/nebolshojj-faq.html">FAQ</a></div>
    <div id="menu_hor_right">
        <form onsubmit="javascript: showBusyLayer()" method="post" action=''>
        <input type="hidden" name="do" value="search" />
        <input type="hidden" name="subaction" value="search" />
        <input name="story" type="text" class="inp_1_search" /><input type="image" style="float:left;" src="/templates/templates/images/but_search.gif" />
        </form>
    </div>
</div>
</center>


<div id="main_container">
    <div class="stroka">
        <div class="newses">
            <div class="cathead" style="background-color:#CCCCCC;"><strong><a class="green" href="/categoriya_1/">categoriya_1</a></strong></div>
            <div class="newss"><p></p></div>
        </div>
        <div class="newses">
            <div class="cathead" style="background-color:#dadada;"><strong><a class="green" href="/categoriya_2/">categoriya_2</a></strong></div>
            <div class="newss"><p></p></div>
        </div>
        <div class="newses">
            <div class="cathead" style="background-color:#e5e5e5; margin-right:0px;"><strong><a class="green" href="/categoriya_3/">categoriya_3</a></strong></div>
            <div class="newss"><p></p></div>
        </div>
    </div>
    <div class="stroka">
        <div class="newses">
            <div class="cathead" style="background-color:#CCCCCC;"><strong><a class="green" href="/categoriya_4/">categoriya_4</a></strong></div>
            <div class="newss"><p></p></div>
        </div>
        <div class="newses">
            <div class="cathead" style="background-color:#dadada;"><strong><a class="green" href="/categoriya_5/">categoriya_5</a></strong></div>
            <div class="newss"><p></p></div>
        </div>
        <div class="newses">
            <div class="cathead" style="background-color:#e5e5e5; margin-right:0px;"><strong><a class="green" href="/categoriya_6/">categoriya_6</a></strong></div>
            <div class="newss"><p></p></div>
        </div>
    </div>
</div>



<div id="foooooooter">
	<div id="footer_cont">
        <div id="footer_banner"><img src="/templates/templates/images/468.gif" alt="Tipabanner" width="468" height="60" border="0" /></div>
        <div id="footer_copy">
            <div id="foooter_ygolok"></div>
            <div id="footer_copy_txt">
                <a class="green" href="http://top-guide.ru" target="_blank"><strong>TOP-GUIDE.RU</strong></a><br />                
            </div>
        </div>
    </div>
</div>
</body>
</html>
 
Старый 22.10.2008, 12:14   #8
А теперь по-русски объясни чего и куда хочется добавить без
Цитата:
Сообщение от Cesar Посмотреть сообщение
чота и чота
 
Старый 22.10.2008, 12:36   #9
А не проше ли дать ссылку на страницу с проблемой, чем копировать сюда огромные куски кода?

И используйте тег [ code ][ /code ].
 
Старый 22.10.2008, 14:52   #10
Да уж. Постарайтесь кидать ссылки. А то это ужас какой-то. Как приеду домой, посмотрю внимательнее, может че и назреет
 
Старый 22.10.2008, 14:52
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите разобраться новичку F37koljan Технологии Flash 25 09.03.2010 21:39
Помогите новичку localhost ASP, Perl, PHP и MySQL 6 13.01.2009 14:31
Люди, помогите!!!!!!! JuNIK HTML, CSS, JavaScript 6 25.02.2005 12:27
Помогите новичку! kvart HTML, CSS, JavaScript 7 11.01.2004 01:54
Люди помогите!!! MOHCTP Технологии Flash 5 09.01.2004 21:07


Текущее время: 22:56. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум