• Forum
• Allgemein
• HTML, PHP, SQL,...
• CSS-Hover

ilch Forum » Allgemein » HTML, PHP, SQL,... » CSS-Hover

1. So. 03.02.2008 13:25 Uhr #1

   

   Son!c Hall Of Fame

   Registriert seit

   14.09.2006

   Beiträge

   3.766

   Beitragswertungen

   

   So Jungs (und Mädels) ... brauch mal wieder eure Hilfe in sachen CSS
   
   Also, ich hab eine Navi, besteht nur aus CSS und HTML.
   Wie ihr im HTML Code sehen könnt is die CSS Class 'menu'
   
   HTML-Code
   

   <table width="280" border="0" cellspacing="4" cellpadding="0">
                       <tr>
                         <td class="menu" width="250" height="30" align="center" valign="middle"><a href="?news">News</a></td>
                       </tr>
                       <tr>
                         <td class="menu" width="250" height="30" align="center" valign="middle"><a href="#">Work</a></td>
                       </tr>
                       <tr>
                         <td class="menu" width="250" height="30" align="center" valign="middle"><a href="#">Picture 
                           Gallery </a></td>
                       </tr>
                       <tr>
                         <td class="menu" width="250" height="30" align="center" valign="middle"><a href="#">About</a></td>
                       </tr>
                       <tr>
                         <td class="menu" width="250" height="30" align="center" valign="middle"><a href="#">Information</a></td>
                       </tr>
                       <tr>
                         <td class="menu" width="250" height="30" align="center" valign="middle"><a href="?contact">Contact</a></td>
                       </tr>
                     </table>

   
   
   Hier die CSS Class von 'menu'
   

   .menu			{	background-color:#313131;	font:12px Verdana;	color:#FFFFFF;	}
   .menu a			{	font:12px Verdana;	color:#FFFFFF;	text-decoration:none;		}
   .menu:hover		{	background-color:#FF6600;										}

   
   
   Ich will das sich beim drüberfahren mit der Maus der ganze background die farbe ändert und nicht nur der background von der schrift. ist das überhaupt möglich?
   
   hier ein bild zur veranschaulichung -> klick!

   Nimm das Leben nicht zu ernst, du kommst sowieso nicht lebend raus.
   0 Mitglieder finden den Beitrag gut.

   • zitieren
2. So. 03.02.2008 13:40 Uhr #2

   

   vollstr3cker Mitglied

   Registriert seit

   12.02.2007

   Beiträge

   1.399

   Beitragswertungen

   

   du musst das so machen:
   
   float: left;
   display: block;
   width: 150px;
   height: 20px;
   text-align: center;
   
   jetzt mal als beispiel. wichtig sind nur das float und das display.

   ####################
   ## hier geht's zu apex designs,
   # meinem digitalen Portfolio
   0 Mitglieder finden den Beitrag gut.

   • zitieren
3. So. 03.02.2008 13:41 Uhr #3

   

   Son!c Hall Of Fame

   Registriert seit

   14.09.2006

   Beiträge

   3.766

   Beitragswertungen

   

   kommt das in .menu a:hover oder wohin?

   Nimm das Leben nicht zu ernst, du kommst sowieso nicht lebend raus.
   0 Mitglieder finden den Beitrag gut.

   • zitieren
4. So. 03.02.2008 13:42 Uhr #4

   

   vollstr3cker Mitglied

   Registriert seit

   12.02.2007

   Beiträge

   1.399

   Beitragswertungen

   

   nur in
   .menu a

   ####################
   ## hier geht's zu apex designs,
   # meinem digitalen Portfolio
   0 Mitglieder finden den Beitrag gut.

   • zitieren
5. So. 03.02.2008 13:49 Uhr #5

   

   Son!c Hall Of Fame

   Registriert seit

   14.09.2006

   Beiträge

   3.766

   Beitragswertungen

   

   ah cool .... geht
   
   aber wie bekomm ich jetzt den text in die mitte? der ist von der waagerechten in der mitte aber von senkrecht oben ...
   
   abgeänderter css code
   

   .menu a			{	font:12px Verdana;	color:#FFFFFF;	text-decoration:none; float:middle;	display:block;	width:280px;	height:30px; }

   Nimm das Leben nicht zu ernst, du kommst sowieso nicht lebend raus.
   0 Mitglieder finden den Beitrag gut.

   • zitieren
6. So. 03.02.2008 13:54 Uhr #6

   

   vollstr3cker Mitglied

   Registriert seit

   12.02.2007

   Beiträge

   1.399

   Beitragswertungen

   

   mit
   line-height: 30px;
   kannst das mittig machen.

   ####################
   ## hier geht's zu apex designs,
   # meinem digitalen Portfolio
   0 Mitglieder finden den Beitrag gut.

   • zitieren
7. So. 03.02.2008 14:01 Uhr #7

   

   Son!c Hall Of Fame

   Registriert seit

   14.09.2006

   Beiträge

   3.766

   Beitragswertungen

   

   gut, danke dir

   Nimm das Leben nicht zu ernst, du kommst sowieso nicht lebend raus.
   0 Mitglieder finden den Beitrag gut.

   • zitieren