| Autor | Zpráva | ||
|---|---|---|---|
| Sourceout Profil * |
#1 · Zasláno: 30. 4. 2011, 12:12:08
Ahoj, použil jsem přiklad vysouvacího menu, můj kód:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>menuzkouska</title>
<style type="text/css">
#zkouska-menu {width: 1000px; background-color: #000000; }
.menu {color: #000000; padding: 0; margin: 0; list-style-type: none; display:block}
.menu ul {margin-top: 0px; position: absolute; visibility: hidden; background-color: #A72135; margin: 0; padding: 0; list-style-type: none;}
.menu li {float: left; padding: 0px 0px 0px 0px; width: 200px; white-space: nowrap;}
.menu li a:hover{background-color: rgb(233,233,233)}
.menu a {padding: 0px; text-align: left; padding-left: 15px; color: #fff; background-color: rgb(141,135,81); display: block; text-decoration: none; font-weight: bold;}
.menu ul a:link {color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px;}
.menu ul a:visited {color: #fff; border-bottom: none; padding-left: 15px; _padding-left: 19px;}
.menu ul a:hover {color: #4f4f4f; background-color: rgb(233,233,233);}
.menu li:hover ul, ul.menu li.hover ul { visibility: visible;}
.menu li li {float: none; border: none; padding: 0; margin: 0;}
</style>
</head>
<body>
<div id="zkouska-menu">
<table>
<tr>
<td>
<ul class="menu">
<li><a href="../html/">HTML</a>
<ul>
<li><a href="../html/text.php">Textové značky</a></li>
<li><a href="../html/seznamy.php">Seznamy</a></li>
<li><a href="../html/odkazy.php">Odkazy</a></li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="menu">
<li><a href="../css/">CSS</a>
<ul>
<li><a href="../css/border/">border</a></li>
<li><a href="../css/margin/">margin</a></li>
<li><a href="../css/font/">font</a></li>
<li><a href="../css/color/">color</a></li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="menu">
<li><a href="../php/">PHP</a>
<ul>
<li><a href="../php/kniha_navstev.php">Kniha návštěv</a></li>
<li><a href="../php/generovani-formulare.php">Generování formuláře</a></li>
</ul>
</li>
</ul>
</td>
</table>
</div>
Potřebuju aby v divu #zkouska-menu byly jen ta "tlačítka" od menu a ne okraje tabulky, pak tam hover efekt působí divně, jak to prosím udělám? |
||
| Sourceout Profil * |
#2 · Zasláno: 30. 4. 2011, 13:34:26
Tak se mi to povedlo nakonec najít, kdyby někdo řešil podobný problém, použijte
CELLPADDING="0" CELLSPACING="0" |
||
| Sourceout Profil * |
#3 · Zasláno: 30. 4. 2011, 13:58:26
A jéje, ale když přiřadím třeba .menu a padding tak se tam zas tyto okraje tabulky vytvoří, neví někdo co stím?
|
||
| Keeehi Profil |
#4 · Zasláno: 30. 4. 2011, 14:13:05
Sourceout:
co třeba border:none;
|
||
| Sourceout Profil * |
#5 · Zasláno: 30. 4. 2011, 14:25:29
Jsem to špatně popsal, jde mi o rozestoupení mezi jednotlivými buňkami, což se řeší přes cellpadding a cellspacing, problém je že když nastavím nějaké buňce z tabulky padding, tak to automaticky tabulka přebírá jako hodnotu cellpadding, tak se ptám čím nahradit cellpadding a nebo padding?
|
||
| ReVolt Profil |
#6 · Zasláno: 30. 4. 2011, 14:57:16 · Upravil/a: ReVolt
Sourceout:
zkus border-collapse: separate EDIT: pokud nechceš aby byl vidět rámeček kolem jednotlivých buněk stačí mu dát stejnou barvu jako je barva vnitřku buňky |
||
|
Časová prodleva: 14 let
|
|||
0