Hallo, ich hab folgendes Problem ich möchte ein solches Menü erstellen wie es auf dieser Seite zu sehen ist Menüs mit CSS erstellen - CSS - Tutorials, Tipps und Tricks für Webmaster auf Webmasterpro.de (mit Grafik) hab jetzt überhaupt keinen Überblick mehr wie ich eigentlich vor gehen muss. Hab die Grafik mal angehängt.
Hier mal mein Code:
Index.html:
CSS Datei:
Derzeit wird die Seite so dargestellt BHKWPartner - das optimale BHKW von Ihrem Installateur!
Hier mal mein Code:
Index.html:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>BHKWPartner - das optimale BHKW von Ihrem Installateur!</title>
<link href="./design.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="eins"> <b> BHKWPartner Das richtige Aggregat vom richtigen Installateuer! </b> </div>
<div id="zwei"></div>
<div id="drei"> <a href="index.html">Startseite </a> </div>
<div id="vier"> <a href="simulation.html">Simulationsanfrage </a> </div>
<div id="fünf"> <a href="planung.html">BHKW-Planung </a> </div>
<div id="sechs"> <a href="abrechnung.html">BHKW-Abrechnung </a> </div>
<div id="sieben"> <a href="aktuelles.html">Aktuelles </a> </div>
<div id="acht"> <a href="info.html">Info </a> </div>
<div id="neun"> <a href="agb.html"> AGB </a> </div>
<div id="zehn"> <a href="impressum"> Impressum </a> </div>
</body>
</html>CSS Datei:
Code:
div#eins {
background-color:orange;
text-align:center;
margin-top:3px;
font-size:14pt;
border-style:double;
line-height:3cm;
color:white;
font-family:Arial;
padding-top: 2%;
}
div#zwei {
background-color:#178ACC;
border-style: none;
padding-top:12pt;
}
div#drei {
text-align: left;
background: url ("menü_1.2.gif")A:hover;
}
div#vier {
text-align:left;
color:black;
font-family: Arial;
line-height: 20pt;
}
div#fünf {
text-align:left;
color:black;
font-family: Arial;
line-height: 20pt;
}
div#sechs {
text-align:left;
color:black;
font-family: Arial;
line-height: 20pt;
}
div#sieben {
text-align:left;
color:black;
font-family: Arial;
line-height: 20pt;
}
div#acht {
text-align:left;
color:black;
font-family: Arial;
line-height: 20 pt;
}
div#neun {
text-align:left;
color:black;
font-family:Arial;
line-height: 20pt;
}
div#zehn {
text-align:left;
color:black;
font-family:Arial;
line-height: 20pt;Derzeit wird die Seite so dargestellt BHKWPartner - das optimale BHKW von Ihrem Installateur!
