Zobrazuje se text tam kde nemá

Fórum › HTML / XHTML

~ Anonymní uživatel
~ 512 příspěvků

29. 12. 2016 #1

Co je špatně na tomhle ?? FIRST a SECOND se má zobrazit jenom když se klikne na MAP ale ono je to vidět pořád ... sakryš ....

<!DOCTYPE html>
<html>
<head>

#wrap { align: center; z-index:0; position: relative; }

.navbar { align: center; position: absolute; }

.navbar li { float: left; text-align:center; list-style:none; }

.navbar a { display: block; text-decoration:none; }

.navbar li ul { display: none; height: auto; margin:0; padding:0; }

.navbar li:hover ul { display: block; }

</style>

</head>

<body>

    <li><a rel="nofollow" href="#">HOME</a></li>
    <li><a rel="nofollow" href="#">MAP</a></li>
      <ul>
        <li><a rel="nofollow" href="#">FIRST</a></li>
        <li><a rel="nofollow" href="#">SECOND</a></li>
      </ul>

</ul>

</div>
</body>
</html>

Nahlásit jako SPAM

IP: 194.228.128.–

Jerry

~ Anonymní uživatel
~ 512 příspěvků

29. 12. 2016 #2

#1 Jerry
nějak se to napoprvé vložilo blbě ten text html

<!DOCTYPE html>
<html>
<head>


<style type="text/css">

 #wrap { align: center; z-index:0; position: relative; }

 .navbar { align: center; position: absolute; }

 .navbar li { float: left; text-align:center; list-style:none;  }

 .navbar a { display: block; text-decoration:none; }

 .navbar li ul { display: none; height: auto;  margin:0;  padding:0; }

 .navbar li:hover ul { display: block; }


</style>



</head>

<body>

<div id="wrap">

  <ul class="navbar">

    <li><a href="#">HOME</a></li>
    <li><a href="#">MAP</a></li>
      <ul>
        <li><a href="#">FIRST</a></li>
        <li><a href="#">SECOND</a></li>
      </ul>

  </ul>

</div>


</body>
</html>

Nahlásit jako SPAM

IP: 194.228.128.–

Tomáš123 0

Newbie

30. 12. 2016 #3

#2 Jerry
Vymaž alebo správne presuň koncovú značku elementu <li> tak, aby v nej bol element <ul> vnorený.

CSS vlastnosť align neexistuje. Zrejme si chcel použiť text-align.

Nahlásit jako SPAM

IP: 85.159.111.–

Jerry

~ Anonymní uživatel
~ 512 příspěvků

30. 12. 2016 #4

#3 Tomáš123
jo takže takhle je to správně, děkuji

<!DOCTYPE html>
<html>
<head>


<style type="text/css">

 #wrap { text-align:center; z-index:0; position: relative; }

 .navbar { text-align: center; position: absolute; }

 .navbar li { float: left; text-align:center; list-style:none;  }

 .navbar a { display: block; text-decoration:none; }

 .navbar li ul { display: none; height: auto;  margin:0;  padding:0; }

 .navbar li:hover ul { display: block; }


</style>



</head>

<body>

<div id="wrap">

  <ul class="navbar">

    <li><a href="#">HOME</a></li>
    <li><a href="#">MAP</a>
      <ul>
        <li><a href="#">FIRST</a></li>
        <li><a href="#">SECOND</a></li>
      </ul>
    </li>

  </ul>

</div>


</body>
</html>

Nahlásit jako SPAM

IP: 194.228.128.–

← Zpět na seznam vláken ← Zpět do Fóra