nicht angemeldet
Hallo zusammen,
ich mache momentan eine kleine Page für meine kleine Schwester und habe
ein kleines Problem. Zu allererst hier mal die Screenshots von dem Menü:
Wie man schon erkennen kann, sieht das "Menü" unterschiedlich aus.
Folgende Fragen habe ich:
1. Wie bekomme ich es hin, dass auch im IE alle 4 bzw. 3 sichtbaren Ränder um den Text angezeigt werden?
2. Wie kann ich die größe festlegen, sodass der Rahmen des ersten und letzten Menüpunktes mit dem Headerbild abschließen? weight ist es nicht...
3.Wie bekomme ich es hin, dass meine Menütexte (z.B. About me) die Ausrichtung zentriert und unten im Rahmen hat? Mit vertical-align klappt es nicht...
Wäre klasse, wenn mir jemand helfen könnte. Hier noch die Codes:
CSS:
body {
background:#FF99FF;
color:#9900CC;
font-family:Tahoma;
font-size:12px;
padding-top:5px;
}
#menu a, #menu a:visited {
text-align:center, bottom;
text-decoration:none;
padding-bottom:20px;
padding-top:1px;
padding-left:30px;
padding-right:30px;
border-left: solid 2px #ff74d9;
border-right:solid 2px #ff74d9;
border-bottom:solid 2px #ff74d9;
color:#FF0099;
line-height:15px;
}
#menu a:hover {
text-align:center, bottom;
color:#CC33CC;
background-color:#f9c1e9;
padding-bottom:20px;
padding-top:0.4px;
padding-left:30px;
padding-right:30px;
border-left: solid 2px #ff74d9;
border-right:solid 2px #ff74d9;
border-bottom:solid 2px #ff74d9;
line-height:15px;
}
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<center><img src="images/header.jpg"/></center>
<div id="menu" align="center">
<a href="#nogo">Home</a>
<a href="#nogo">About me</a>
<a href="#nogo">Bilder</a>
<a href="#nogo">Lustiges</a>
<a href="#nogo">Impressum</a>
</div>
</body>
</html>
VIELEN DANK!!!