Nem értem mit írjak át, hogy működjön?
<tr>
<td style="border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF">
<a href="index0.html">
<img border="0" src="img/fejlec_piros3.jpg" width="790" height="150"></a></td>
</tr>
<tr>
<td style="border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF" bgcolor="#C6181F">
<p align="center" style="margin-top: 4; margin-bottom: 4">
<span style="text-transform: uppercase">
<font color="#FFFFFF" face="Trebuchet MS" size="2">
<a href="index0.html" style="text-decoration: none">
<font color="#FFFFFF">Nyitóoldal</font></a>
<a href="klub.htm" style="text-decoration: none">
<font color="#FFFFFF">A klub</font></a>
<a href="csapat.htm" style="text-decoration: none">
<font color="#FFFFFF">A csapat</font></a>
<a href="program.htm" style="text-decoration: none">
<font color="#FFFFFF">program</font></a>
<a href="utanpotlas.htm" style="text-decoration: none">
<font color="#FFFFFF">utánpótlás</font></a>
<a href="galeria.htm" style="text-decoration: none">
<font color="#FFFFFF">galéria</font></a>
<a href="tamogatok.htm" style="text-decoration: none">
<font color="#FFFFFF">támogatóink</font></a>
<a href="forum.htm" style="text-decoration: none">
<font color="#FFFFFF">fórum</font></a></font></span></td>
</tr>
Van ez a kód...és azt szeretném ha rámegy az egér az "utánpótlásra" akkor jelenjen meg pl. az junior I / junior II
Legyen egy olyan kis nyilacska az "utánpótlásnál".És nyíljon le és írja ezeket.
Tudnátok segíteni hogy tudnám megoldani?
válasza:Javaslom, először tanuld meg a CSS használatát, mert amíg az nem megy, addig az ilyesmi sem fog.
(amúgy a css a:hover az amit te keresel)
válasza:na itt az én kreálásom .... lesd meg aztán ha tetszik használd...
<html>
<head>
<style>
body {
background-image: url('http://freewallpaperspot.com/wallpapers/grass-wallpaper-hd-3.jpg');
padding: 0px;
margin: 0px;
}
a{
text-decoration: none;
color: #FFF;
text-transform: uppercase;
font-size: 16px;
}
a:hover{
color: #999933;
}
ul, li {
text-align: center;
width: 120px;
line-height: 100px;
float: left;
list-style-type: none;
padding: 0px;
margin: 0px 0px 0px 10px;
background: #1F1F1F;
filter:alpha(opacity=80);
-moz-opacity:0.6;
opacity: 0.6;
}
#menu {
background: transparent;
vertical-align: center;
position: absolute;
margin-left: 100px;
top: 0px;
width: 1050px;
}
ul li ul {
display: none;
margin-left: 0px;
}
ul li ul li {
line-height: 40px;
color: #FF0000;
margin-left: 0px;
width: 120px;
font-size: 12px;
background-color: #050505;
filter:alpha(opacity=90);
-moz-opacity:1;
opacity: 1;
list-style-type: none;
}
ul li:hover ul {
list-style-type: none;
display: block;
}
ul li.cim {
width: 120px;
background: #1F1F1F;
filter:alpha(opacity=80);
-moz-opacity:0.6;
opacity: 0.6;
-webkit-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-top-right-radius: 8px ;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
}
ul li:hover {
width: 120px;
background-color: #050505;
filter:alpha(opacity=70);
-moz-opacity:0.8;
opacity: 0.8;
}
</style>
</head>
<body>
<ul id="menu" style="background: transparently;">
<li class="cim"><a href="index0.html" target="_parent">Index</a></li>
<li class="cim"><a href="klub.html" target="_parent">A klub</a></li>
<li class="cim"><a href="csapat.html" target="_parent">A csapat</a></li>
<li class="cim"><a href="program.html" target="_parent">Program</a></li>
<li class="cim" style="margin-top: 0px;"><a href="utanpotlas.html" target="_parent">Utánpótlás</a>
<ul>
<li><a href="#" target="_parent">Junior I.</a></li>
<li><a href="#" target="_parent">Junior II.</a></li>
</ul>
</li>
<li class="cim"><a href="galeria.html" target="_parent">Galéria</a></li>
<li class="cim"><a href="tamogatok.html" target="_parent">Támogatóink</a></li>
<li class="cim"><a href="forum.html" target="_parent">Fórum</a></li>
</ul>
</body>
</html>
válasza:Köszi szépen.Nekem így jelenik meg,nem tudom te ilyenre gondoltál?
válasza:...?? látod amit a <head> részben írtam a <style></style> rész közé?
Na azt is másold be és írd át a szerint ahogy neked tetszene a weboldalon vagy írj privátot ... és megodljuk...
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!