CSS + <ul> = беда.

Discussion in 'PHP' started by Tip.the.besT, 12 Nov 2012.

  1. Tip.the.besT

    Tip.the.besT Member

    Joined:
    24 Jun 2009
    Messages:
    267
    Likes Received:
    10
    Reputations:
    4
    Хочу воткнуть менюшку в уже имеющийся скрипт. Ну собственно делаю так:

    стайил прям в страницу пишу, в <head>:
    Code:
    <style>
    ul#menus {list-style:none; margin:0; padding:0;}
    
    ul#menus li a{
    	color:#909090; 
    	background: url(images/vert_menu.png) no-repeat 0 0;
    	text-decoration:none; 
    	width: 200px;
    	height: 55px;
    	display:block;
    	border:none;
    	text-shadow: #ddd 2px 2px 0; 
    }
    
    ul#menus li a:hover{
    	background-position: 50% 100%;
    	width: 200px;
    	height: 55px;
    	display:block;
    	color:#fff; 
    	text-shadow: #9F0000 2px 2px 0;
    }
    
    ul#menus li a span{
    	font-family:sans-serif; 
    	font-size:18px;
    	padding:17px 0 0 20px;
    	display:block;	
    }
    </style>
    
    
    Далее так:
    Code:
    <ul id="menus">
    <tr><td align=center><li><a href=newgirl.php><span>Новые анкеты</span> </a></li></td></tr>
    <tr><td align=center><li><a href=prover.php>Проверенные</a></li></td></tr>
    </ul>
    И как бы такая схема прокатывает, всё пашит, но стоит только встроить в страницу скрипта, всё - баста, не подхватывает из стайла.

    Содержание style.css:
    Code:
     /*A {color:#885599;}
    A {text-decoration:none;}
    A:hover {color:#885599;}
    A:hover {TEXT-DECORATION: underline;}
    
    
    */
    
    BODY {SCROLLBAR-FACE-COLOR: #330000; FONT-SIZE: 12px; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #996600; SCROLLBAR-SHADOW-COLOR: #330000; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #330033; SCROLLBAR-ARROW-COLOR: #330033; SCROLLBAR-TRACK-COLOR: 660000; FONT-FAMILY: Times; SCROLLBAR-DARKSHADOW-COLOR: #330033; BACKGROUND-COLOR: #ffffff;}
    .vfbord {BORDER-RIGHT: #330000 0px groove; BORDER-TOP: #996600 1px groove; FONT-SIZE: 10px; BORDER-LEFT: #996600 1px groove; COLOR: #000000; BORDER-BOTTOM: #330000 1px groove; FONT-FAMILY: ms sans serif, verdana, Arial;}
    .vfbord2 {BORDER-RIGHT: #996600 2px groove; BORDER-TOP: 0px groove; FONT-SIZE: 10px; BORDER-LEFT: #996600 2px groove; COLOR: #000000; BORDER-BOTTOM: 0px groove; FONT-FAMILY: ms sans serif, verdana, Arial;}
    .vfbord3 {BORDER-RIGHT: #996600 2px groove; BORDER-TOP: #996600 2px groove; BORDER-LEFT: #996600 2px groove; BORDER-BOTTOM: #996600 2px groove;}
    .i3 {BORDER-RIGHT: #990000 1px outset; BORDER-TOP: #996600 1px outset; BACKGROUND:#330000 ; FONT: 700 12px MS Sans Serif,sans-serif; BORDER-LEFT: #996600  1px outset; WIDTH: 95px; COLOR:#FFFFFF ; BORDER-BOTTOM:#000000  1px outset;}
    
    .mo {
    border-right : 1px outset #ffffff; 
    border-top : 1px outset #ffffff; 
    background : #ffcccc; 
    font : 8px MS Sans Serif, sans-serif; 
    border-left : 1px outset #ffffff; 
    width : 73px; 
    color : #000000; 
    border-bottom : 1px outset #ffffff; 
    } 
    .mi {
    border-right : 1px groove #913b73; 
    border-top : 1px groove #913b73; 
    background : #001a00; 
    font : 8px MS Sans Serif, sans-serif; 
    border-left : 1px groove #913b73; 
    width : 73px; 
    color : #e1b6d2; 
    border-bottom : 1px groove #913b73; 
    } 
    .buten{
    	border: solid 1px black;;
    	text-align : center;
    	background-color : ThreedHighlight;
    	cursor: default;
    	margin: 3px;
          padding-left:  7px;
          padding-right: 7px;
    }
    
    Полный код страницы
     
    #1 Tip.the.besT, 12 Nov 2012
    Last edited: 12 Nov 2012
  2. hkmakes

    hkmakes Member

    Joined:
    3 Jan 2010
    Messages:
    126
    Likes Received:
    11
    Reputations:
    10
    Добрый день!
    А что за скрипт - сорцы в студию.
     
  3. Tip.the.besT

    Tip.the.besT Member

    Joined:
    24 Jun 2009
    Messages:
    267
    Likes Received:
    10
    Reputations:
    4
    Скрипт приватный, поэтому сорцы выложить не могу. Но выдачу браузера дал. Сам скрипт врятли причём, тут сам браузер неправильно распознаёт, но что ему мешает непонятно...
     
  4. Tip.the.besT

    Tip.the.besT Member

    Joined:
    24 Jun 2009
    Messages:
    267
    Likes Received:
    10
    Reputations:
    4
    Как оказалось нельзя <tr> вставлять в <ul>, тобишь данная конструкция не верна в корне:
    Code:
    <ul id="menus">
    <tr><td align=center><li><a href=newgirl.php><span>Новые анкеты</span> </a></li></td></tr>
    <tr><td align=center><li><a href=prover.php>Проверенные</a></li></td></tr>
    </ul>
    
    Нужно так:
    Code:
    
    <tr><td align=center><ul id="menus"><li><a href=newgirl.php><span>Новые анкеты</span> </a></li></ul></td></tr>
    <tr><td align=center><ul id="menus"><li><a href=prover.php>Проверенные</a></li></ul></td></tr>
    
    
    Надеюсь кому помог по мимо себя...