Autor Zpráva
martinenecek
Profil
Zdravim do fora. Mam takovou zajimavou chybku. Kdyz dam tlacitko za CSS menu, tak se mi nezobrazi. Vlastne vse za casti viz nize. se mi nezobrazi. Nechapu proc. To je ta cast, dela to barevne odkazove menu, definice je v externim CSS souboru.

<div id="nav">
<ul>
<li><a href="private.php">Nový student</a></li>
<li><a href="seznam.php">Seznam studentů</a></li>
<li><a href="">3. položka</a></li>
<li><a href="odhlaseni.php">Odhlásit</a></li>
</ul>
</div>



Chci aby fungovalo toto: Ted to to tlacitko nezobrazi, ale kdyz to tlacitko dam pred cast viz. vyse, zobrazi se. Snad jsem to vysvetlil co mam za problem. Dekuji za rady



<html>

<head>
<link rel="stylesheet" type="text/css" href="styl.css" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
</head>

<body>

<div id="nav">
<ul>
<li><a href="private.php">Nový student</a></li>
<li><a href="seznam.php">Seznam studentů</a></li>
<li><a href="">3. položka</a></li>
<li><a href="odhlaseni.php">Odhlásit</a></li>
</ul>
</div>

<table border="4" align="center">
<tr>
<td><input type="submit" class="tlacitko" name="seznam" value="Vypsat studenty"></td>
</tr>
</table>

</body>
</html>
Railbot
Profil
Takhle tam samozřejmě není žádný problém. Ty CSS si máme domyslet? Problém bude tam, nebo ještě lépe v té stránce. Nechceš uvést odkaz?
martinenecek
Profil
Tady to CSS:

No bohuzel to problem je a nevim kde hledat chybu. Stranka je na http://195.47.57.98/Erasmus/menu.php

a tady je to CSS

body {background:#E5E5E5}

input, textarea, select {background-color: #CFFFCF; color: black; border: 1px solid black}
input.tlacitko {background-color: black; color: #ffffcc; font-weight: bold; cursor: hand}

a.edit {background-image: url('pictures/edit.png')}
a.edit:hover {background-image: url('pictures/editnegativ.png')}

a.drop {background-image: url('pictures/drop.png')}
a.drop:hover {background-image: url('pictures/dropnegativ.png')}


#nav
{
width: 100%;
float: left;
background-color: #E5E5E5;
}

#nav ul
{
padding: 0;
}

#nav ul li
{
display: inline;
}

#nav ul
{
margin: 0;
padding: 0 0 0 7%;
color: #FFFFFF;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: .8em;
letter-spacing: 2px;
font-weight: bold;
}

#nav ul li a
{
padding: 0.2em 12px;
background-color: #F5F5F5;
color: #000066;
text-decoration: none;
float: left;
border-right: 1px solid #128ac8;
}

#nav ul li a:hover
{
background-color: #006699;
color: #FFFFFF;
}

#nav li#active a
{
background-color: #FF0000;
color: #FFFFFF;
}
Railbot
Profil
martinenecek
#nav ti floatuje, takže to tlačítko se ti zobrazuje pod tím, proto není vidět.
Za #nav přidej něco jako například <div style="clear: left">&nbsp;</div> a bude to ok.
gyoja
Profil
OT
Jen mě napadlo, jestli bys neměl jednodušší stylovat to přímo.
Ne
<div id="nav"><ul> 
, ale
<ul id="nav">
, ušetříš jeden zbytečný tag.
martinenecek
Profil
To: Railbot

dekuji dekuji uz je to OK :)

To: gyoja

dekuji za pripominku
Toto téma je uzamčeno. Odpověď nelze zaslat.

0