Matthias Scharwies: SELFHTML Design-Vorlagen

Beitrag lesen

auf den Quelltext der verschiedenen Seiten kann ich zugreifen, aber die entsprechenden css Dateien, wo/wie finde ich die??? Und welcher Part in der css Datei hilft mir für das Drop Down Menue?

<!DOCTYPE html>  
<html lang="de">  
<head>  
	<meta charset="utf-8">  
    <!--[if lte IE 8]>  
		 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>  
	<![endif]-->  
	<meta name="viewport" content="width=device-width; initial-scale=1.0;" />  
    <meta name="description" content="Beispiel-Design Nr.4 von SelfHTML.org" />  
    <link rel="stylesheet" href="css/style.css">

In der letzten Zeile findest den link auf das Stylesheet (CSS-Datei). Die Einstellungen für das Dropdown-Menü findest du ab Zeile 248:

#navigation ul ul {  
	display: none;  
}  
  
#navigation ul li:hover > ul {  
	display: block;  
}  
  
  
#navigation ul {  
	list-style: none;  
	position: absolute;  
	display: inline-table;  
	float: right;  
	top:60px;  
	right:7%;  
}  
  
#navigation ul li {  
	display: inline-block;position:relative;  
}  
  
#navigation ul li:hover a, #navigation ul li:active a {  
	background: #97b314;  
	color: white;  
	-webkit-border-radius: 4px;  
	border-radius: 4px;  
}		  
  
  
		  
#navigation ul li a {  
	display: block;  
	text-decoration: none;  
	padding: 10px;  
}  
  
#navigation ul li:hover a {  
	color: #fff;  
}		  
		  
#navigation ul ul {  
	position: absolute; top:34px;left:0;  
	z-index:99;  
}  
#navigation ul li:hover ul {display:block;}  
#navigation ul ul li {  
	display:block;  
	float: none;  
	position: relative;  
}  
  
#navigation ul ul li a {  
	background: #97b314;  
	color: #fff;  
}	  
#navigation ul ul li a:hover {  
	background:  #d0ff00;  
	color:gray;  
}

Zum Nachlesen ein Tutorial: CSS/Anwendung und Praxis/Menüs

Aber bitte glaube mir, ohne dich in die Grundlagen einzulesen, wird es sehr schwer irgendetwas Vorzeigbares zu produzieren.

LG Matthias