Μενού που με OnMouseOver να εμφανίζει υπομενού

NiKoS WSN · 1 Μαρτίου 2011

Θέλω να μου πείτε πως γίνετε να έχω ένα μενού (κάθετο) σε html (με css) όπου να έχει action OnMouseOver Και να εμφανίζει (με το ίδιο στυλ που έχει και το κανονικό) υπομενού πχ...

><ul class="menu">
 <li><a href="index.html" class="active"><span>Αρχική</span></a></li>
  <li><a href="menu.html"><span>menu 1</span></a></li>
 <li><a href="menu2.html"><span>menu 2</span></a></li>
 <li><a href="menu3.html"><span>menu 3<span></a></li>
 <li><a href="menu4.html"><span>menu 4</span></a></li>
</ul>

Και Μόλις περνάει ο κέρσορας από το menu 1 να του εμφανίζονται και δύο επιλογές: menu1.1, menu1.2 Κλπ...(με το ίδιο στυλ ξανα λέω)

dewn735 · 1 Μαρτίου 2011

Υπάρχουν πραγματικά άπειρα τέτοια μενού (για παράδειγμα, κοίτα εδώ).

Δε σε καλύπτει κάποιο από αυτά, ή ενδιαφέρεσαι για τον γενικό (θεωρητικό) τρόπο λειτουργίας τους;

leonidas_fs · 1 Μαρτίου 2011

oλα αυτα που ζητάς φίλε είναι μαζεμένα εδω !

NiKoS WSN · 2 Μαρτίου 2011

Έχω μπερδευτεί... Εγώ έχω αυτό το css

>.menu{margin:0; padding:0; width:200px; list-style:none;background:rgb(255,255,255);}
.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menu li a{text-align:left;height:40px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(22,79,27); display:block; background:url('../images/verMenuImages.png') 0px 0px no-repeat; text-decoration:none; outline:none;}
.menu li a:hover{background:url('../images/verMenuImages.png') 0px -40px no-repeat; color:rgb(22,79,27);}
.menu li a.active, .menu li a.active:hover{background:url('../images/verMenuImages.png') 0px -80px no-repeat; color:rgb(247,252,248);}
.menu li a span{line-height:40px;}

Και το πρωτο site Που μου δώσατε είναι

>
<dl id="menu">
<link rel="stylesheet" type="text/css" media="screen" href="css/new3.css" />
 <dt onmouseover="javascript:montre('smenu1');"><a href="index.html">Menu 1</a></dt>
 <dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();">
  <ul>
   <li><a href="http://www.google.com/">Sub Menu 1.1</a></li>
   <li><a href="http://www.google.com">Sub Menu 1.2</a></li>
   <li><a href="http://www.google.com">Sub Menu 1.3</a></li>
  </ul>
 </dd>
 <dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">Menu2</dt>
 <dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">
  <ul>
   <li><a href="#">Sub Menu 2.1</a></li>
   <li><a href="#">Sub Menu 2.2</a></li>
  </ul>
 </dd>
 <dt onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">Menu3</dt>
 <dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">
  <ul>
   <li><a href="#">Sub Menu 3.1</a></li>
   <li><a href="#">Sub Menu 3.1</a></li>
   <li><a href="#">Sub Menu 3.1</a></li>
   <li><a href="#">Sub Menu 3.1</a></li>
   <li><a href="#">Sub Menu 3.1</a></li>
   <li><a href="#">Sub Menu 3.1</a></li>
  </ul>
 </dd>
 <dt onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">Menu4</dt>
 <dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">
  <ul>
   <li><a href="#">Sub Menu 4.1</a></li>
   <li><a href="#">Sub Menu 4.1</a></li>
  </ul>
 </dd>
</dl>

και η css είναι

>dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 1em;
left: 1em;
width: 10em;
}

#menu dt {
cursor: pointer;
background: #A9BFCB;
height: 20px;
line-height: 20px;
margin: 2px 0;
border: 1px solid gray;
text-align: center;
font-weight: bold;
}

#menu dd {
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;
width: 10em;
background: #A9BFCB;
border: 1px solid gray;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: underline;
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}

Μπορεί κάποιος να φέρει την css του στα μέτρα μου;

NiKoS WSN · 3 Μαρτίου 2011

Έφτιαξα αυτό (δείτε το σε σχέση με το άλλο)

>dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 1em;
left: 1em;
width: 10em;
}

#menu dt {
cursor: pointer;
background:url('../images/verMenuImages.png') 0px -40px no-repeat; color:rgb(22,79,27);
height: 20px;
line-height: 40px;
margin: 2px 0;
border: 0px;
text-align: left;
font-weight: bold;
}

#menu dd {
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;
width: 200px;
background: #A9BFCB;
border: 0px
}

#menu ul {
padding: 0px;
}
#menu li {padding:0; margin:0 0 1px 0; height:40px; display:block; }
#menu li a, #menu dt a {text-align:left;height:40px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(22,79,27); display:block; background:url('../images/verMenuImages.png') 0px 0px no-repeat; text-decoration:none; outline:none;}

#menu li a:hover{background:url('../images/verMenuImages.png') 0px -40px no-repeat; color:rgb(22,79,27);}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
}
#mentions a {text-decoration: none;
}
#mentions a:hover{text-decoration: none;
}

Αλλά δεν δουλεύει πως θα έπρεπε να το κάνω... το site που βρήκα τον κώδικα είναι αυτό το js πρέπει να το βάλλω

dewn735 · 3 Μαρτίου 2011

To κομμάτι με τη javascript θα πρέπει να το βάλεις στο head section της σελίδας σου για να παίξει. Από εκεί και πέρα, μπορείς να φορτώσεις κάπου και αυτό που έχεις φτιάξει εσύ, για να δούμε απευθείας τις διαφορές;

NiKoS WSN · 3 Μαρτίου 2011

To κομμάτι με τη javascript θα πρέπει να το βάλεις στο head section της σελίδας σου για να παίξει. Από εκεί και πέρα, μπορείς να φορτώσεις κάπου και αυτό που έχεις φτιάξει εσύ, για να δούμε απευθείας τις διαφορές;

Θα το δοκιμάσω αν είναι θα το ανεβάσω αλλά μόνο από το σχολείο μπορώ να το κάνω και επειδή μάλλον αύριο δεν έχω προσβαση αναγκαστικά θα γίνει τρίτη ή τεταρτη....

Ξέρω ότι έχω γίνει κουραστικός αλλά κατάλαβα και το έκανα και εκτός από το κώδικα του site και όντως μου δούλευε αλλά δεν έχει το style Που θέλω και σε αυτό φταίει η css τι να κάνω;

dewn735 · 4 Μαρτίου 2011

Αν δεν φταίει η css για την εμφάνιση, τι άλλο να φταίει; Πως δηλαδή θέλεις να φαίνεται;

NiKoS WSN · 4 Μαρτίου 2011

Αν δεν φταίει η css για την εμφάνιση, τι άλλο να φταίει; Πως δηλαδή θέλεις να φαίνεται;

Μπες εδώ http://3gym-kifis.att.sch.gr/ κοίτα το μενου... και τσέκα πιο πάνω γράφω την css του επίσης γράφω και την css από το πως θα πρέπει να είναι για να δουλεύει σε onmouseover, μπορείς κάπως να φέρεις το δικό μου στα μέτρα αυτού που πρέπει να γίνει;

Έγινα σαφής ή μπα;

dewn735 · 5 Μαρτίου 2011

ok... Λοιπόν, αρχικά μερικές βασικές διορθώσεις:

Oι σελίδες σου θα ακολουθούν αυτό το πολύ γενικό πρότυπο:

><html>

<head>
</head>

<body>
</body>

</html>

Σε μερικές σελίδες δεν κλείνεις το head και δεν ανοίγεις ποτέ το body. Επίσης, μέσα στο head δε θα βάζεις κείμενα που είναι να εμφανιστούν στη σελίδα σου:

><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Διαγωνισμός 2011</title>

<center><!--OXI-->
<b><!--OXI-->
<font face="comic sans ms" color="yellow" size="7" ><!--OXI-->
Διαγωνισμός 2011<!--OXI-->
</b><!--OXI-->
</font><!--OXI-->
</center><!--OXI-->
</center><!--OXI-->
<hr width="50%" size="5" color="green"><!--OXI-->
</head>

Στο θέμα μας τώρα, ας πάρουμε ένα άλλο μενού: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm. Ακολουθείς τις οδηγίες, κατεβάζεις αυτό το αρχείο και το αποσυμπιέζεις στον φάκελο που φτιάχνεις τη σελίδα σου

Ο κώδικάς σου θα είναι κάπως έτσι:

><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />

<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js">

/***********************************************
* All Levels Navigational Menu- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

</head>


<body background="background1.png">
<table border="0">
<tr>
<td valign="top">


<div id="ddsidemenubar" class="markermenu">
<ul>
<li><a href="#">Αρχική</a></li>
<li><a href="#" rel="ddsubmenuside1">H εργασία μας</a></li>
<li><a href="#" rel="ddsubmenuside2">Περιβαλλοντική</a></li>
<li><a href="#">Ποιοι είμαστε</a></li>
<li><a href="#">Εθνικοί Δρυμοί</a></li>
<li><a href="#">Παρακηφίσια όχθη</a></li>
<li><a href="#" rel="ddsubmenuside3">Τα δασάκια</a></li>
<li><a href="#" style="border-bottom-width: 0">Επικοινωνία</a></li>		
</ul>
</div>


<ul id="ddsubmenuside1" class="ddsubmenustyle blackwhite">
<li><a href="#">Item 1a</a></li>
<li><a href="#">Item 2a</a></li>
<li><a href="#">Item Folder 3a</a>
 <ul>
 <li><a href="#">Sub Item 3.1a</a></li>
 <li><a href="#">Sub Item 3.2a</a></li>
 <li><a href="#">Sub Item 3.3a</a></li>

 <li><a href="#">Sub Item 3.4a</a></li>
 </ul>
</li>
<li><a href="#">Item 4a</a></li>
<li><a href="#">Item Folder 5a</a>
 <ul>
 <li><a href="#">Sub Item 5.1a</a></li>
 <li><a href="#">Item Folder 5.2a</a>

   <ul>
   <li><a href="#">Sub Item 5.2.1a</a></li>
   <li><a href="#">Sub Item 5.2.2a</a></li>
   <li><a href="#">Sub Item 5.2.3a</a></li>
   <li><a href="#">Sub Item 5.2.4a</a></li>
   </ul>
 </li>

</ul>
</li>
<li><a href="#">Item 6a</a></li>
</ul>

<!--Side Drop Down Menu 2 HTML-->

<ul id="ddsubmenuside2" class="ddsubmenustyle blackwhite">
<li><a href="#">Item 1b</a></li>
<li><a href="#">Item 2b</a></li>
<li><a href="#">Item Folder 3b</a>
 <ul>

 <li><a href="#">Sub Item 3.1b</a></li>
 <li><a href="#">Sub Item 3.2b</a></li>
 <li><a href="#">Sub Item 3.3b</a></li>
 <li><a href="#">Sub Item 3.4b</a></li>
 </ul>
</li>
<li><a href="#">Item 4b</a></li>

<li><a href="#">Item Folder 5b</a>
 <ul>
 <li><a href="#">Sub Item 5.1b</a></li>
 <li><a href="#">Item Folder 5.2b</a>
   <ul>
   <li><a href="#">Sub Item 5.2.1b</a></li>
   <li><a href="#">Sub Item 5.2.2b</a></li>

   <li><a href="#">Sub Item 5.2.3b</a></li>
   </ul>
 </li>
</ul>
</li>
<li><a href="#">Item 6b</a></li>
</ul>


<!--Side Drop Down Menu 3 HTML-->

<ul id="ddsubmenuside3" class="ddsubmenustyle blackwhite">
<li><a href="#">Image Optimizer</a></li>
<li><a href="#">FavIcon Generator</a></li>
<li><a href="#">Email Riddler</a></li>
<li><a href="#">htaccess Password</a></li>
<li><a href="#">htaccess Banning</a></li>
</ul>

</td>
<td>
test
</td>
</tr>
</table> 

<script type="text/javascript">
ddlevelsmenu.setup("ddsidemenubar", "sidebar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>

</body></html>

και παραμετροποιείς το αρχείο ddlevelsmenu-sidebar.css, για να το φέρεις στα μέτρα της δικιάς σου σελίδας

NiKoS WSN · 6 Μαρτίου 2011

ok... Λοιπόν, αρχικά μερικές βασικές διορθώσεις:

Oι σελίδες σου θα ακολουθούν αυτό το πολύ γενικό πρότυπο:

><html>

<head>
</head>

<body>
</body>

</html>

Σε μερικές σελίδες δεν κλείνεις το head και δεν ανοίγεις ποτέ το body. Επίσης, μέσα στο head δε θα βάζεις κείμενα που είναι να εμφανιστούν στη σελίδα σου:

><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Διαγωνισμός 2011</title>

<center><!--OXI-->
<b><!--OXI-->
<font face="comic sans ms" color="yellow" size="7" ><!--OXI-->
Διαγωνισμός 2011<!--OXI-->
</b><!--OXI-->
</font><!--OXI-->
</center><!--OXI-->
</center><!--OXI-->
<hr width="50%" size="5" color="green"><!--OXI-->
</head>

Στο θέμα μας τώρα, ας πάρουμε ένα άλλο μενού: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm. Ακολουθείς τις οδηγίες, κατεβάζεις αυτό το αρχείο και το αποσυμπιέζεις στον φάκελο που φτιάχνεις τη σελίδα σου

Ο κώδικάς σου θα είναι κάπως έτσι:

><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />

<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js">

/***********************************************
* All Levels Navigational Menu- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

</head>


<body background="background1.png">
<table border="0">
<tr>
<td valign="top">


<div id="ddsidemenubar" class="markermenu">
<ul>
<li><a href="#">Αρχική</a></li>
<li><a href="#" rel="ddsubmenuside1">H εργασία μας</a></li>
<li><a href="#" rel="ddsubmenuside2">Περιβαλλοντική</a></li>
<li><a href="#">Ποιοι είμαστε</a></li>
<li><a href="#">Εθνικοί Δρυμοί</a></li>
<li><a href="#">Παρακηφίσια όχθη</a></li>
<li><a href="#" rel="ddsubmenuside3">Τα δασάκια</a></li>
<li><a href="#" style="border-bottom-width: 0">Επικοινωνία</a></li>		
</ul>
</div>


<ul id="ddsubmenuside1" class="ddsubmenustyle blackwhite">
<li><a href="#">Item 1a</a></li>
<li><a href="#">Item 2a</a></li>
<li><a href="#">Item Folder 3a</a>
 <ul>
 <li><a href="#">Sub Item 3.1a</a></li>
 <li><a href="#">Sub Item 3.2a</a></li>
 <li><a href="#">Sub Item 3.3a</a></li>

 <li><a href="#">Sub Item 3.4a</a></li>
 </ul>
</li>
<li><a href="#">Item 4a</a></li>
<li><a href="#">Item Folder 5a</a>
 <ul>
 <li><a href="#">Sub Item 5.1a</a></li>
 <li><a href="#">Item Folder 5.2a</a>

   <ul>
   <li><a href="#">Sub Item 5.2.1a</a></li>
   <li><a href="#">Sub Item 5.2.2a</a></li>
   <li><a href="#">Sub Item 5.2.3a</a></li>
   <li><a href="#">Sub Item 5.2.4a</a></li>
   </ul>
 </li>

</ul>
</li>
<li><a href="#">Item 6a</a></li>
</ul>

<!--Side Drop Down Menu 2 HTML-->

<ul id="ddsubmenuside2" class="ddsubmenustyle blackwhite">
<li><a href="#">Item 1b</a></li>
<li><a href="#">Item 2b</a></li>
<li><a href="#">Item Folder 3b</a>
 <ul>

 <li><a href="#">Sub Item 3.1b</a></li>
 <li><a href="#">Sub Item 3.2b</a></li>
 <li><a href="#">Sub Item 3.3b</a></li>
 <li><a href="#">Sub Item 3.4b</a></li>
 </ul>
</li>
<li><a href="#">Item 4b</a></li>

<li><a href="#">Item Folder 5b</a>
 <ul>
 <li><a href="#">Sub Item 5.1b</a></li>
 <li><a href="#">Item Folder 5.2b</a>
   <ul>
   <li><a href="#">Sub Item 5.2.1b</a></li>
   <li><a href="#">Sub Item 5.2.2b</a></li>

   <li><a href="#">Sub Item 5.2.3b</a></li>
   </ul>
 </li>
</ul>
</li>
<li><a href="#">Item 6b</a></li>
</ul>


<!--Side Drop Down Menu 3 HTML-->

<ul id="ddsubmenuside3" class="ddsubmenustyle blackwhite">
<li><a href="#">Image Optimizer</a></li>
<li><a href="#">FavIcon Generator</a></li>
<li><a href="#">Email Riddler</a></li>
<li><a href="#">htaccess Password</a></li>
<li><a href="#">htaccess Banning</a></li>
</ul>

</td>
<td>
test
</td>
</tr>
</table> 

<script type="text/javascript">
ddlevelsmenu.setup("ddsidemenubar", "sidebar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>

</body></html>

και παραμετροποιείς το αρχείο ddlevelsmenu-sidebar.css, για να το φέρεις στα μέτρα της δικιάς σου σελίδας

Ευχαριστώ για αυτά με το head και το body αλλά για το μενού θα σε στεναχωρήσω το έλυσα το θέμα ορίστε ο κώδικας...

>
<html lang="gr">

<head>
<style type="text/css">


.suckerdiv ul{
margin: 1px;
padding: 0px;
list-style-type: none;
width: 200px; /* Width of Menu Items */
border-bottom: 0px;
line-height:40px;
text-align:left;height:40px; padding:0px 0px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(22,79,27); display:block; background:url('../images/verMenuImages.png') 0px 0px no-repeat; text-decoration:none; outline:none;}


.suckerdiv ul li{
position: relative;
}

/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 200px; /*sub menu width*/
top: 0;
line-height:40px;
visibility: hidden;
padding: 0px 0px;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
text-align:left;height:40px; padding:0px 10px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(22,79,27); display:block; background:url('../images/verMenuImages.png') 0px 0px no-repeat; text-decoration:none; outline:none;
padding: 0px 5px;
border: 1px;
line-height:40px;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
line-height:40px;
text-align:left;
}

.suckerdiv ul li a:hover{background:url('../images/verMenuImages.png') 0px -40px no-repeat; color:rgb(22,79,27);}


height:40px;
padding:0px 5px; 
font:16px Verdana, Arial, Helvetica, sans-serif;
color:rgb(22,79,27);
display:block;
background:url('../images/verMenuImages.png') 0px 0px no-repeat;
text-decoration:none;
outline:none;
}




</style>

<script type="text/javascript">



var menuids=["suckertree1"] 

function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
 var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
   for (var t=0; t<ultags.length; t++){
   ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
	if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
		ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
	else //else if this is a sub level submenu (ul)
	  ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
   ultags[t].parentNode.onmouseover=function(){
   this.getElementsByTagName("ul")[0].style.display="block"
   }
   ultags[t].parentNode.onmouseout=function(){
   this.getElementsByTagName("ul")[0].style.display="none"
   }
   }
	for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
	ultags[t].style.visibility="visible"
	ultags[t].style.display="none"
	}
 }
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)

</script>


<title>
Διαγωνισμός 2011
</title>


<center>
<b>
<font face="comic sans ms" color="yellow" size="7" >
Διαγωνισμός 2011
</b>
</font>
</center>
</center>
<hr width="50%" size="5" color="green">
</head>
<body background="background1.png">
<table border="0">
<tr>
<td valign="top">
<div class="suckerdiv">
<ul id="suckertree1">
<li><a href="index.html">Αρχική</a>
 <ul>
 <li><a href="Poioi eimaste.html">Ποιοι Είμαστε</a></li>
 <li><a href="Perivallontikiomada.html">Περιβαλλοντική</a></li>
 </ul>
 </li>
 <br>
<li><a href="Parakhfisiaoxthi.html">Παρακηφίσια όχθη</a></li><br>
<li><a href="Tadasakiathspolhsmas.html">Τα Δασάκια</a>
 <ul>
 <li><a href="Torematoukokkinara.html">Ρέμα Κοκκιναρά</a></li>
</ul>
</li><br>
<li><a href="Ethnikoidrymoi.html">Εθνικοί Δρυμοί</a>
   <ul>
   <li><a href="Genika.html">Γενικά</a></li>
   <li><a href="Ethnikosdrymosparnhthas.html">Πάρνηθας</a></li>
   </ul>
 </li><br>
<li><a href="contactform6.html">Επικοινωνία</a></li>
</ul><br>
</div>
</td>
<td>
Κείμενο
</td>
</tr>
</table> 
</body>
</html>

Θα φτιάξω αυτό με το Head Και θέλω να μου πεις τώρα... τα μενού επειδή δεν μου βγαίνει να έχουν ένα απειροελάχιστο άσπρο χώρισμα (όπως είναι και τώρα στην σελίδα) έχω βάλει <br>, δεν ξέρω πώς μικραίνει η απόσταση της γραμμής και αν γίνετε και επίσης δεν ξέρω τι πρέπει ν κάνω για να βρει ακριβώς αυτό που θέλω

Σύνδεση

Μενού που με OnMouseOver να εμφανίζει υπομενού

Προτεινόμενες αναρτήσεις

NiKoS WSN

dewn735

leonidas_fs

NiKoS WSN

NiKoS WSN

dewn735

NiKoS WSN

dewn735

NiKoS WSN

dewn735

NiKoS WSN

Αρχειοθετημένο

Σύνδεση