kostenloser Webspace werbefrei: lima-city

Css- problem

lima-city → Forum → Die eigene Homepage → Grafikdesign

1. «
2. 1
3. 2

1. w***********r

   16:36, 24.2.2007

   Man darf (wg. der Standardkonformität) keine DIVs in einen Link setzen.
   Also, um nur mal die Lösung von Limacity anzubringen:
   
   

   [b]CSS[/b]
   a.navigation { 
     background-color: #e2ebf9;
   }
   a.navigation:hover {
     background-color: #ffffff;
   }
   
   [b]HTML[/b]
   <div>Navigation</div>
   <a href="index.php" class="navigation">&nbsp;&raquo;&nbsp;Startseite</a>
   <a href="/boards/index" class="navigation">&nbsp;&raquo;&nbsp;Forum</a>
   <a href="/auctions/index" class="navigation">&nbsp;&raquo;&nbsp;Auktionen</a>

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. krska-vas

   krska-vas hat kostenlosen Webspace.

   1:23, 25.2.2007

   wie soll man es dann sonst machen?

4. nilswerner

   nilswerner hat kostenlosen Webspace.

   14:17, 25.2.2007

   ok hab jetz nochma ein wenig rumprobiert ;)
   
   

   [b]CSS[/b]
   body 	{ 
   background-color:yellow; 
   }
   
   #nav 	{
   width:200px; /* Breite des Bereichs */
   text-align:left; /* Textausrichtung */
   margin:10px 15px 10px 20px; /* Außenabstand reihenfolge: oben rechts unten links */
   }
   
   a.link 	{
   background-color:#82DF7B; /* Hintergrundfarbe */
   border-top:1px black solid; /* Rahmenfarbe Auflistungpunkt oben */
   border-left:25px green solid; /* Rahmenfarbe Auflistungpunkt oben */
   border-bottom:1px red solid; /* Rahmenfarbe unten */
   border-right:2px blue solid; /* Rahmenfarbe unten */
   margin-top:10px; /* Außenabstand oben */
   padding:8px; /* Innenabstand wird für alle übernommen, da es die gleichen sind */
   width:150px; /*feld größe*/
   display: block;
   }
   
   a.link:hover 	{
   color:chartreuse;
   text-decoration: none;
   background-color:green;
   padding-left:15px /*kann erhöhtwerden, jenachdem wie weit der link wandern soll beim hover*/
   width:135px;	/*muss angepasst werden ausgegangen von 150px mit dem padding damit das feld gleich groß bleibt*/
   }
   
   [b]HTML[/b]
   <div id="nav">
   	<a class="link" href="#">link</a>
   	<a class="link" href="#">link</a>
   	<a class="link" href="#">link</a>
   	<a class="link" href="#">link</a>
   	<a class="link" href="#">link</a>
   </div>

   
   
   so funzt es wieder :)
   
   Beitrag geaendert: 25.2.2007 14:20:22 von nilswerner

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

1. «
2. 1
3. 2

Dir gefällt dieses Thema?