Hey Siechfred,
Ich habe mir einfach mal erlaubt deine Beispielliste zu benutzen,
Doch da war es vorher besser denn jetzt bekomme ich das unterstrichene nicht weg.Außerdem "div#speeches" ist nicht mehr mittig
weil die gruppierung bis an den Rand geht!
Ich würde es ja gern richtig machen aber es gibt zu viele Möglichkeiten!
<head>
<title>Eine Startseite</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
body, html {
width:100%;
margin:0;
padding:0;
background-color:white;
background-image:url('images/background.gif');
background-attachment:fixed;
color:black;
font-size:100.01%;
font-family:"Trebuchet MS"
}
img {
border:0px dotted gray;
}
div {
margin-left:auto;
margin-right:auto;
text-align:center;
}
div#logo {
width:75%;
margin-top:5%;
}
div#speeches {
width:100%;
text-align:center;
margin-top:5%;
<!-- Hier müsste ich doch eigentlich den style angeben können um es nicht zu unterstreichen? -->
}
#speeches ul {
list-style:none;
margin:0;
padding:0;
border:none;
}
#speeches li {
width:15%;
float:left;
text-align:center;
<!-- oder hier? -->
}
</style>
</head>
<body>
<div id="logo">
<img src="images/logo_index.gif" alt="Logo" width="276" height="115">
<h1>Willkommen auf www.sw-consult.com</h1>
<p>Please choose your language:</p>
</div>
<div id="speeches">
<ul>
<li>
<a href="deu/start_deu"><img src="images/deu.gif" alt="Deutsch" width="75" height="50">
<p>Deutsch</a></p>
</li>
<li>
<a href="eng/start_eng"><img src="images/eng.gif" width="75" height="50" alt="English">
<p>English</a></p>
</li>
<li>
<a href="data/start_data"><img src="images/glo.gif" width="50" height="50" alt="Partner-Login">
<p>Partner-Login</a></p>
</li>
<li>
<a href="fran/start_fran"><img src="images/fran.gif" alt="Français" width="75" height="50">
<p>Français</a></p>
</li>
<li>
<a href="esp/start_esp"><img src="images/esp.gif" width="75" height="50" alt="Español">
<p>Español</a></p>
</li>
</ul>
</div>
</body>
</html>
Sry
basstar