PHP.EE FOORUM   
Nimi:   Pass:   Mäleta mind! 
   Teemad | php.ee esilehele | registreeri | Märgi kõik teemad loetuks | #php.ee Skype vestlus | RSS
UUS TEEMA  OTSI  Lehekülgi: 1
probleem css-ga
Postitaja: Hein 2014-03-04 13:49:56
Tegemist pole küll nüüd php probleemiga aga ehk saab abi ka css-ga. Nimelt antud kood(allpool) kuvab ilusti menüü, minnes peale alamenüü lingile siis on kõik paigas aga olles ülamenüü lingi peal siis on alamenüü taustal nurgad teistpidi ehk siis ümmargused pole mitte 2 alumist nurka vaid 2 ülemist. Ehk keegi viitsib tsekata korra milles asi?


<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
</head>

<style>
table.t1{
background-color: blue;
}
ul
{
font-family: Arial, Verdana; font-size: 12px; margin: 0; padding: 0; list-style: none; }
ul li { display: block; position: relative; float: left;
}

li ul { display: none; }

ul li a { display: block; text-decoration: none; color: #ffffff;
border-top: 0px solid #ffffff; padding: 5px 8px 5px 8px;
margin-left: 1px; white-space: nowrap; }

li:hover ul { display: block; position: absolute;}
li:hover li { float: none; font-size: 11px; line-height: 25px;}
li:hover a {
background: #0f70ad;
border-radius: 9px 9px 0 0 ;
-moz-border-radius: 9px 9px 0 0;
-webkit-border-radius: 9px 9px 0 0;
}

li:hover li a:hover {
background: #0f70ad;
border-radius: 0 0 9px 9px;
-moz-border-radius: 0 0 9px 9px;
-webkit-border-radius: 0 0 9px 9px;
}

</style>

<table class="t1"><tr><td>

<ul id="menu">
<li><a href="aaaa">MENYY1</a>
<ul>
<li><a href="link1" >LINK1</a></li>
</ul>
</li>
<li><a href="aaaa">MENYY2</a>
<ul>
<li><a href="link2" >LINK1</a></li>
</ul>
</li>
<li><a href="aaaa">MENYY3</a>
<ul>
<li><a href="link3" >LINK3</a></li>
</ul>
</li>

</ul>


</td></tr></table>
</html>
RE: probleem css-ga
Postitaja: tiigrikutsu 2014-03-04 14:23:54
<style>
table.t1{
background-color: blue;
}
ul
{
font-family: Arial, Verdana; font-size: 12px; margin: 0; padding: 0; list-style: none; }
ul li { display: block; position: relative; float: left;
}

li ul { display: none; }

ul li a { display: block; text-decoration: none; color: #ffffff;
border-top: 0px solid #ffffff; padding: 5px 8px 5px 8px;
margin-left: 1px; white-space: nowrap; }

li:hover ul { display: block; position: absolute;}
li:hover li { float: none; font-size: 11px; line-height: 25px;}
li:hover a {
background: #0f70ad;
border-radius: 9px 9px 0px 0px ;
-moz-border-radius: 9px 9px 0px 0px;
-webkit-border-radius: 9px 9px 0px 0px;
}

li:hover li a {
background: #0f70ad;
border-radius: 0px 0px 9px 9px;
-moz-border-radius: 0px 0px 9px 9px;
-webkit-border-radius: 0px 0px 9px 9px;
}

</style>
RE: probleem css-ga
Postitaja: Hein 2014-03-04 14:25:51
Tänud!

Leheküljed: 1

©2002-2013 Martin Rebane & PHP.ee kaasautorid
  0.0832569599152