Помогите разобраться с кодом

Тема в разделе "Веб-дизайн", создана пользователем mamont3x7, 30 июл 2008.

Статус темы:
Закрыта.
Модераторы: zek24
  1. mamont3x7

    mamont3x7 Создатель

    Регистр.:
    4 янв 2008
    Сообщения:
    18
    Симпатии:
    0
    делаю сайт на ДЛЕ postapocalyptic.ru .. слева в навигации хочу чтоб слова разделов были с бОльшим шрифтом и линия та повыше соответственно, чёб глаза не напрягать..

    вот фрагмент кода в main.tpl где навигация:

    Код:
                                <TR> 
                                  <TD width=180 
                          background="{THEME}/images/menu_1804.png"
                          height=29> <CENTER>
                                      <B><font color="#ff6605" clas="menu" size="5">НАВИГАЦИЯ</font></B></CENTER></TD>
                                </TR>
                                <TR> 
                                  <TD bgColor=#ffffff>
                                     <TABLE cellSpacing=0 cellPadding=0 width=180 
                            bgColor=#2b2b29 border=0>
                                      <TBODY>
                                        <TR bgcolor=#2b2b29> 
                                          <TD valign="top" style="padding-left:10px;padding-right:10px;"><br>
    <div id="navi">
    <ul>
    <li><a href="/">Главная</a></li>
    
    <li><a href="/bshabdle/">Бесплатные шаблоны DLE</a></li>
    <li><a href="/shabdle/">Платные шаблоны DLE</a></li>
    
    <li><a href="/freemoduls/">Бесплатные модули DLE</a></li>
    <li><a href="/moneymoduls/">Платные модули DLE</a></li>
    
    <li><a href="/haks/">Хаки</a></li>
    <li><a href="/reliz/">Релизы DLE</a></li>
    
    <li><a href="/urok.html/">"Создание шаблона для DLE"</a></li>
    <li><a href="/forphotoshop/">Инструменты для Phtoshop'а</a></li>
    <li><a href="/uroki/">Уроки по Photoshop</a></li>
    
    <li><a href="/shab/">Шаблоны сайтов</a></li>
    
    <li><a href="/smeh/">Юмор</a></li>
    
    </ul></div></div>
    вот код в css где указывается тажа навигация :

    Код:
    .imagestyle {
    padding: 1px;
    	}
    .imagestyle:hover {
    	border: 3px solid #ff6605;
    	}
    .navigation a:link,
    .navigation a:visited,
    .navigation a:hover,
    .navigation a:active {
    	text-decoration:none;
    	color: #636363;
    	background:#F9F9F9;
    	border:1px solid #E6E6E6;
    	padding:3px 6px;
    	font-size:10px
    }
    
    .navigation a:hover {
    	background:#ff6605;
    	color:#FFFFFF;
    	border-color:#E6E6E6;
    }
    
    .navigation span {
    	text-decoration:none;
    	background:#fff;
    	padding:3px 6px;
    	border:1px solid #E6E6E6;
    	color:#ccc;
    	font-size:10px;
    }
    
    /*текст навигации*/
    
    
    #navi {
    	width: 100%;
    	border-right: 0px solid #fff;
    	padding: 0 0 1em 0;
    	margin-bottom: 1em;
    	background-color: #FFFFFF;
    	color: #000;
    	font-family: Tahoma;
    }
    
    #navi ul {
          list-style: none;
          margin: 0;
          padding: 0;
          border: none;
          }
    		
    #navi li {
          border-bottom: 1px solid #2b2b29;
          margin: 0;
          }
    #navi li a {
          display: block;
          padding: 2px 2px 2px 0.5em;
          background-color: #666666;
          color: #FFFFFF;
          text-decoration: none;
          width: 100%;
          }
    
    html>body #navi li a {
          width: auto;
          }
    
    #navi li a:hover {
          border-left: 0px solid #2b2b29;
          background-color: #ff6605;
          color: #FFFFFF;
          }
    
    
    .hint
    {
    background-color:#666666;
    line-height:30px;
    color:white;
    font-family:verdana;
    font-size:11px;
    width:auto;
    border-top:1px solid #ff9905;
    border-right:1px solid #ff9905;
    border-bottom:1px solid #ff9905;
    border-left:5px solid #ff9905;
    margin:0px;
    padding:8px;
    position:absolute;
    visibility:hidden;
        -moz-opacity : 0.95;
        -moz-border-radius : 30px;
        filter : alpha(opacity="90");
    }
    
    .texttag a{
    	color:#000000;
    
    
    #v1, #v2, #v3 {
      width: 80%;
    	margin: 30px auto 30px;
    }
    .v1, .v2, .v3, .v4, .v5 {
    	height: 1px;
    	font-size: 1px;
    	display: block;
    	overflow: hidden;
    	border: 1px solid #B8C3C8;
    	border-width: 0 1px;
    
    }
    .v1 {margin: 0 5px; background: #B8C3C8;}
    .v2 {margin: 0 3px; border-width: 0 2px;}
    .v3 {margin: 0 2px;}
    .v4 {margin: 0 1px;}
    .v5 {margin: 0 1px;}
    
    
    .menu a {
    	color: #FFFFFF;
    	text-decoration: none;
    	border-bottom: 1 dashed White;
    }
    .menu a:hover {
    	text-decoration: none;
    	border-bottom: 1 dashed Silver;
    }
    .menu_l {
    	color: #FFFFFF;
    	font-size: 30px;
    	font-family: Arial;
    	margin-top: 8px;
    	padding-left: 8px;
    }
    .menu_l a {
    	color: #4E4E4E;
    	text-decoration: none;
    	border-bottom: 1 dashed White;
    }
    .menu_l a:hover {
    	text-decoration: none;
    	border-bottom: 1 dashed Silver;
    блин, вроде все значения в ccs что имели 15 или 16 pix изменил на 30 а высота линий всёравно не поменялась (( уже не знаю что делать, может нетам надо менять?

    + бесит белая линия в центре навигации

    прошу хоть както помочь, заранее благодарен
     
  2. dralex

    dralex Постоялец

    Регистр.:
    13 июн 2008
    Сообщения:
    77
    Симпатии:
    18
    Не особо понял вопроса.
    ты хочешь, чтобы в левом меню(Навигация) все ссылки
    (
    # Главная
    # Бесплатные шаблоны DLE
    # Платные шаблоны DLE
    )
    были шрифтом больше чем щас ?
    и о какой полоске ты говоришь ?

    если я правильно тя понял то опробуй замени #navi li на это:
    Код:
    #navi li a {
          display: block;
          padding: 10px 10px 10px 10px;
          background-color: #666666;
          color: #FFFFFF;
          text-decoration: none;
          width: 100%;
    	  font-size:10px;
    	  font-weight:bold;
          }
    
     
    mamont3x7 нравится это.
  3. mamont3x7

    mamont3x7 Создатель

    Регистр.:
    4 янв 2008
    Сообщения:
    18
    Симпатии:
    0
    по поводу шрифта ты меня правильно понял, и правильно мне подсказал.. спасибо:ay:

    а полоска - в блоке навигации сразу под разделом юмор, белая.. не знаю как её убрать
     
  4. SEVASTOPOL

    SEVASTOPOL Постоялец

    Регистр.:
    28 июл 2008
    Сообщения:
    88
    Симпатии:
    40
    Я не нашел #navi ul li { ... }, там-то и надо задавать размеры шрифта и прочее.
     
  5. mamont3x7

    mamont3x7 Создатель

    Регистр.:
    4 янв 2008
    Сообщения:
    18
    Симпатии:
    0
    я в ccs не шарю.. как пропичатать там размер шрифта? я попробовал вставить сначала
    #navi ul li { font-size: 11px; }

    потом

    #navi ul li {
    height:100%;
    margin:0px;
    padding-top: 0px;
    background-color: #ffffff
    font-size: 11px;
    font-family: tahoma;
    }

    ничё не меняется.. играет роль в какое место ставить?
     
  6. dralex

    dralex Постоялец

    Регистр.:
    13 июн 2008
    Сообщения:
    77
    Симпатии:
    18
    Замени #navi на:
    Код:
    #navi {
    	width: 100%;
    	border-right: 0px solid #fff;
    	padding: 0 0 0 0;
    	margin-bottom: 1em;
    	background-color: #FFFFFF;
    	color: #000;
    	font-family: Tahoma;
    }
    
    если хочешь узнать все подробности стучи мне в асю 684974
     
    mamont3x7 нравится это.
  7. SEVASTOPOL

    SEVASTOPOL Постоялец

    Регистр.:
    28 июл 2008
    Сообщения:
    88
    Симпатии:
    40
    И что? - вся нави изменяется.

    роли не играет, попробуй разобраться в коде - что к чему, ненужное из css поудаляй, должно получиться.
     
  8. mamont3x7

    mamont3x7 Создатель

    Регистр.:
    4 янв 2008
    Сообщения:
    18
    Симпатии:
    0
    разобрался, всем спасибо)
     
Статус темы:
Закрыта.