Matthias H.: 2spaltig layout,feste breite

http://de.selfhtml.org/css/layouts/mehrspaltige.htm#zweispaltig_breite

Wenn ich im Inhalt-div einen Link einfüge hat er dieselben coloreigenschaften wie im Nav-div, obwohl ich ihm andere eigenschaften gegeben habe.

Gibt es z.b. sowas wie clear:nav ?
habe nur clear:left und clear:both gefunden.

  1. Moin

    obwohl ich ihm andere eigenschaften gegeben habe.

    wie?
    Ein bisserl Quelltext würde die Phase des Ratens verkürzen.

    Gruß
    rfb

    --
    Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
    (Galileo Galilei)
    1. 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]

      1. Moin

        du kannst im CSS genauer festlegen, welcher Link die Eigenschaften bekommen soll, hier wäre das:
         ~~~css div#Inhalt a:link, div#Inhalt a:visited, div#Inhalt a:active {
            color: #0000FF; text-decoration:none;
          }
          div#Inhalt a:hover {
            color: #00008B;
          }

        (wobei dich das bei deinen Werten aber kaum von den Navi-Links unterscheidet ;-)  
          
        Gruß  
        rfb
        
        -- 
        Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.  
        (Galileo Galilei)
        
        1. » Moin du kannst im CSS genauer festlegen, welcher Link die Eigenschaften bekommen soll, hier wäre das:
          »  ~~~css div#Inhalt a:link, div#Inhalt a:visited, div#Inhalt a:active {
          »     color: #0000FF; text-decoration:none;
          »   }
          »   div#Inhalt a:hover {
          »     color: #00008B;  }

          » (wobei dich das bei deinen Werten aber kaum von den Navi-Links unterscheidet ;-)  
            
          
          > Gruß rfb  
            
          doch tut es, der hintergrund ist nähmlich weg, aber das funktioniert auch nicht.
          
          1. Moin

            doch tut es, der hintergrund ist nähmlich weg, aber das funktioniert auch nicht.

            weg?
            Aber wenn dich nur HG-Angaben stören kannst du die doch einfach ändern - oder?

            Gruß
            rfb

            --
            Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
            (Galileo Galilei)
            1. Moin

              doch tut es, der hintergrund ist nähmlich weg, aber das funktioniert auch nicht.
              weg?
              Aber wenn dich nur HG-Angaben stören kannst du die doch einfach ändern - oder?

              Gruß
              rfb

              in der nav, soll der hg vorhanden sein(hellgrau- link - active - visited)(dunkelgrau hover) aber im inhalt#div soll der hintergrund nicht sein.
              beispiel
              http://emage.em.funpic.de/projekte/