Πως φτιάχνω υποενότητες στο αρχικο menu?

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Drambuie7
Δημοσιεύσεις: 38
Εγγραφή: 05 Μάιος 2010 01:47

Πως φτιάχνω υποενότητες στο αρχικο menu?

Δημοσίευση από Drambuie7 » 28 Οκτ 2010 17:35

Έχω ένα menu πως θα κάνω τις υποενότητες? Θα δημιουργίσω ένα νέο style και απλα θα το προσθέσω στο υπάρχον στο Html? Αλλα δεν βγαίνει κάτι ετσι.
Μήπως γνωρίζει κανείς κάτι?

Άβαταρ μέλους
Nemesis_Elite
Δημοσιεύσεις: 348
Εγγραφή: 14 Μαρ 2009 22:51
Τοποθεσία: athens

Πως φτιάχνω υποενότητες στο αρχικο menu?

Δημοσίευση από Nemesis_Elite » 28 Οκτ 2010 19:09

Κώδικας: Επιλογή όλων

<ul class="submenus2">
    <li><a href="#" onmouseover="mIn &#40;'pmenu1'&#41;"
	    onmouseout="mOut &#40;'pmenu1'&#41;">Submenu Example</a>
	  <ul id="l_pmenu1" class="flyout">
	    <li class="title2"><a href="#">Submenu Example</a></li>
	    <li><a href="#">Item 1</a></li>
	    <li><a href="#" onmouseover="mIn &#40;'pmenu2a'&#41;"
		    onmouseout="mOut &#40;'pmenu2a'&#41;">Item 2
		    <img id="pmenu2a" src="/home/graphics/arrow0.gif"
		    width="9" height="13" alt=""/></a>
		<ul id="l_pmenu2a" class="flyout">
		    <li class="title2"><a href="#">Item 2</a></li>
		    <li><a href="#">Subitem 1</a></li>
		    <li><a href="#">Subitem 2</a></li>
		</ul>
	    </li>
	    <li><a href="#">Item 3</a></li>
	</ul>
  </li>
</ul>
ΠΡΟΣΘΕΣΕ ΣΤΟ ΥΠΑΡΧΟΝ CSS

Κώδικας: Επιλογή όλων

.submenus2 a, #l_pmenu1.flyout a &#123;
    text-decoration&#58; none;
&#125;
.submenus2 img, #l_pmenu1.flyout img &#123;
    border&#58; 0;
&#125;
ul.submenus2 &#123;
    list-style-type&#58; none;
&#125;
ul#l_pmenu1.flyout li.title2 &#123;
    color&#58; white;
    background&#58; blue;
    text-align&#58; center;
&#125;
ul#l_pmenu1.flyout li.title2 a &#123;
    color&#58; white;
&#125;
ul#l_pmenu1.flyout, ul#l_pmenu1.flyout ul &#123;
    width&#58; 10em;
    background&#58; white;
    margin-left&#58; 0;
    margin-top&#58; 0;
    border&#58; 2px blue solid;
    padding-left&#58; 0;
    list-style-type&#58; none;
&#125;
ul.submenus2 ul#l_pmenu1.flyout, ul.submenus2 ul#l_pmenu1.flyout ul &#123;
    border&#58; none;
    padding-left&#58; 1em;
&#125;
ul.submenus2 ul.flyout li.title2, ul.submenus2 ul.flyout img &#123;
    display&#58; none;
&#125;

Drambuie7
Δημοσιεύσεις: 38
Εγγραφή: 05 Μάιος 2010 01:47

Πως φτιάχνω υποενότητες στο αρχικο menu?

Δημοσίευση από Drambuie7 » 02 Νοέμ 2010 13:25

Εγώ έχω αυτο το μενού
<div class="corner">
<div id="menu">
<ul>
<li><a href="#" title="" class="current"><span>ΑΡΧΙΚΗ</span></a></li>
<li><a href="#" title="" class="current"><span>ΝΕΑ</span></a></li>
<li><a href="#" title="" class="current"><span>ΠΡΟΓΡΑΜΜΑ</span></a></li>
<li><a href="#" title="" class="current"><span>ΦΩΤΟ</span></a></li>
<li><a href="#" title="" class="current"><span>ΙΣΤΟΡΙΑ</span></a></li> </ul>
</div>
</div>
Θα βάλω σε κάθε ένα το onmouseover και το onmouseout?
Και στο css απλα θα γράψω το υπομενου?

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης