basstar: Ausrichtung + Hintergrundgrösse

Beitrag lesen

<head>
<title>index</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; height:100%; width:100%;
  background-image:url('images/background.gif');
  background-attachment:fixed;
  color:black;
  font-size:100%;
  font-family:"Trebuchet MS"
}
img {
  border:0px dotted gray;
}
div {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
div#logo {
  width:100%;
  margin-top:9%;
}
div#speeches {
  width:100%;
  text-align:center;
  margin-top:9%;
}
#speeches ul {
  list-style:none;
  margin:0;
  padding:0;
  border:none;
  width:100%;
}
#speeches li {
  width:20%;
  float:left;
  text-align:center;
}
</style>
</head>

<body>

<div id="logo">
  <img src="images/logo_index.gif" alt="Logo" width="276" height="115">
  <h1 style="font-size:225%">www.sw-consult.com</h1>
</div>
<div id="speeches">
  <ul>
    <li>
    <h2 style="font-size:115%">Willkommen</h2>
    <a href="deu/Start_deu">
    <img src="images/deu.gif" alt="Deutsch" width="75" height="50"></a>
    <p>Deutsch</p>
    </li>
    <li>
    <h2 style="font-size:115%">Welcome</h2>
    <a href="eng/Start_eng">
    <img src="images/eng.gif" width="75" height="50" alt="English"></a>
    <p>English</p>
    </li>
    <li>
    <h2 style="font-size:115%">Partner-Login</h2>
    <a href="data/Start_data">
    <img src="images/glo.gif" width="50" height="50" alt="Partner-Login"></a>
    <p>Database</p>
    </li>
    <li>
    <h2 style="font-size:115%">Bienvenue</h2>
    <a href="fran/Start_fran">
    <img src="images/fran.gif" alt="Français" width="75" height="50"></a>
    <p>Français</p>
    </li>
    <li>
    <h2 style="font-size:115%">Bienvenido</h2>
    <a href="esp/Start_esp">
    <img src="images/esp.gif" width="75" height="50" alt="Español"></a>
    <p>Español</p>
    </li>
  </ul>
</div>
<h1></h1>

</body>

</html>