Matthias H.: 2spaltig layout,feste breite

Beitrag lesen

Moin

obwohl ich ihm andere eigenschaften gegeben habe.
wie?
Ein bisserl Quelltext würde die Phase des Ratens verkürzen.

Gruß
rfb

ich möchte das der link im inhalt, also "mal nen link" keine hintergrundfarbe hat.

[code sprache=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>

<title>html - by em-age.de</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <meta http-equiv="Content-Script-Type" content="text/javascript" />
 <meta name="Description" content="html - by em-age.de" />
 <meta name="Keywords" content="html,tutorial" />

<style type="text/css">

body {
    color: black; background-color: white;
    font-size: 100.01%;
    font-family: Verdana,Arial,sans-serif;
    margin: 0; padding: 1em 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
  }

div#Seite {
    text-align: left;    /* Seiteninhalt links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 780px;
    padding: 0.5em;
    border: 2px ridge silver;
  }

ul#Navigation {
    font-size: 0.91em;
    float:left; width: 10em;
    margin: 0; padding: 0;
    border: 1px dashed silver;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Navigation a {
    display: block;
    padding: 0.2em;
    text-decoration: none;
    font-weight: bold;
  }
  ul#Navigation a:link, a:visited, a:active {
    color: #0000FF; background-color: #DEDEDE;
  }
  ul#Navigation a:hover {
    color: #00008B; background-color: #BEBEBE;
  }

div#Inhalt {
    margin-left: 10em;
    padding: 0 0.5em;
    border: 1px dashed silver;
  }
  div#Inhalt h1 {
    font-size: 1.5em;
    margin: 0 0 1em;
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0 0 1em;
  }
  div#Inhalt p {
    font-size:1em;
    margin: 1em 0;
  }
  a:link, a:visited, a:active {
    color: #0000FF; text-decoration:none;
  }
  a:hover {
    color: #00008B;
  }

</style>

</head>
<body>

<div id="Seite">
  <ul id="Navigation" >
    <li><a href="#">Link1</a></li>
    <li><a href="#">Link2</a></li>
    <li><a href="#">Link3</a></li>
    <li><a href="#">Link4</a></li>
    <li><a href="#">Link5</a></li>
  </ul>

<div id="Inhalt">
    <h1>CSS-basierte Layouts</h1>
    <h2>Seite mit fester Breite</h2>
    <p>Diese Seite ist hat eine feste Breite von 760px und ist zentriert.</p>
    <p>Die Breite ist so gewählt, dass in 800px breiten Fenstern nicht horizontal
       gescrollt werden muss und auch ein Ausdruck keine Probleme bereiten sollte.</p>
    <p>mal nen <a href="#">link</a></p>

</div>
</div>

</body>
</html>
[/code]