Автор Тема: CSS Dropdown menu  (Прочетена 804 пъти)

0 Потребители и 1 Гост преглежда(т) тази тема.

NecrosS

  • Newbie
  • *
  • Благодарности
  • -Казани: 6
  • -Получени: 0
  • Публикации: 47
CSS Dropdown menu
« -: 13 Май 2015, 23:54:51 »
От заглавието се разбира, че имам проблем с dropdown menu-то...
Трябва Gallery1, Gallery2 и Gallery3 да са под ,,Gallery" както е на тази снимка :


Обаче излизат така :


Някаква идея?
Код: HTML
  1. <!DOCTYPE html>
  2.     <meta charset="UTF-8">
  3.     <title> Just the title ;)</title>
  4.     <link href="styles.css" type="text/css" rel="stylesheet">
  5. </head>
  6.     <div class="nav">
  7.         <ul>
  8.             <li><a href="home.html">Home</a></li>
  9.             <li><a href="gallery.html">Gallery</a></li>
  10.             <ul>
  11.                 <li><a href="Gallery1.html">Gallery1</a></li>
  12.                 <li><a href="Gallery2.html">Gallery2</a></li>
  13.                 <li><a href="Gallery3.html">Gallery3</a></li>
  14.             </ul>
  15.             <li><a href="about.html">About us</a></li>
  16.         </ul>
  17.     </div>
  18. </body>
  19. </html>
  20.  

Код: CSS
  1. .nav li ul li {
  2. width:130px;
  3. float:none;
  4. text-align:left;
  5. padding:5px;
  6. }
  7.  
  8. .nav li {
  9. float:left;
  10. text-align:center;
  11. background-color:#444444;
  12. width:100px;
  13. }
  14.  
  15. .nav ul {
  16. list-style:none;
  17. margin:0;
  18. padding:0;
  19. }
  20.  
  21. .nav a {
  22. color:white;
  23. text-decoration:none;
  24. }
« Последна редакция: 14 Май 2015, 00:07:58 от Avalanche »

Avalanche

  • Administrator
  • Hero Member
  • *****
  • Благодарности
  • -Казани: 65
  • -Получени: 275
  • Публикации: 2602
  • meow
Re: CSS Dropdown menu
« Отговор #1 -: 14 Май 2015, 00:10:24 »
Здрасти, научи се да си подреждаш кода - сега като ти наредих таговете и веднага се видя че не ти е правилна структурата. Под-листовете за падащи менюта трябва да се намират между отварящ и затварящ li таг, а не на същото ниво.
"Компютрите не правят каквото искаме, а каквото им кажем." Ако разбереш какво значи това няма да имаш големи проблеми, нито с никоя ОС, нито език, или софтуер.
Аз не съм програмист между другото!