[HTML/CSS] Größeren Verweishintergrund ändern?!

**phlux**

Hehe 8) Super überschrift aber kp wie ich es sonst beschreiben könnt, also ich hab ne kleine tabelle die ich mit padding etwas höher gemacht habe, jetzt möchte ich dass wennsch mit dem mauszeiger über nen link hover die farbe in diesem größerem kasten komplett sich verändert, leider verändert sich nur die hintergrundfarbe des links

ich häng nochmal nen bild an wie ich es meine

Und hier die Soße

markieren

Code:

			<html>

 <head>

  <title></title>

  <link rel="stylesheet" type="text/css" href="style.css">

 </head>

 <body style="font-family: verdana; font-size: 12px; margin: 0px">

  <div style="border-top: 2px solid black; border-bottom: 2px solid black; text-align: center; background-color: lightblue">

   <table style="font-size: 12px;" cellpadding=0 cellspacing=0>

    <tr>

     <td>

      <div class="navi">[url=""]<span>Home</span>[/url]</div>

     </td>

     <td>

      <span>Upload</span>

     </td>

     <td>

      <span>Next</span>

     </td>

     <td>

      <span>Prev</span>

     </td>

    </tr>

   </table>

  </div>

 </body>

</html>

Und das CSS

markieren

Code:

			DIV.navi {

 padding: 5px;

 border: 1px solid red;

}

DIV.navi A {

 color: blue;

}

DIV.navi A:hover {

 background-color: white;

}

hoffe ihr versteht was ich meine und könnt mir helfen

mfg phlux

**Christian S.**

Einfach mal aus der CSS-Datei aus meiner HP rauskopiert:

markieren

Code:

			div.menu{

      text-indent: 3px;

      padding-left: 0px;

      padding-right: 0px;}

div.menu a:hover{

      display: block;

      background-color: #D8D8EE;

      padding-left: 0px;

      padding-right: 0px;

      width: 100%;

}

div.menu a:link{

      display: block;

      padding-left: 0px;

      padding-right: 0px;

      width: 100%;

}

div.menu a:visited{

      display: block;

      padding-left: 0px;

      padding-right: 0px;

      width: 100%;

}

**phlux**

Hi Peter, bringt nicht die gwünschte Wirkung

Ein aktives Beispiel kann man auch unter

www.perplexa.net sehn, allerdings steig ich nicht durch den Quelltext der seite

**Christian S.**

Hi!

Ich habe mal eine Mini-Seite gemacht, die den Effekt, von dem ich glaube, dass Du ihn möchtest, zeigt. Aber vielleicht verstehe ich Dich auch falsch. Hier die Seite:

markieren

Code:

			<html>

   <head>

        <style type="text/css">

            div.menu a:hover{

                display: block;

                background-color: #D8D8EE;

            }

            div.menu a:link{

                display: block;

            }

            div.menu a:visited{

                display: block;

            }

        </style>

   </head>

    <body>

       <table>

          <tr>

             <td width="180">

                <div class="menu">[url=""]Test[/url]

             </td>

          </tr>

       </table>

    </body>

</html>

**phlux**

Jo ist ansich schon richtig, aber versuch das mal auf 24px höhe zu bekommen (was ich ja vor hatte) dann kriegst du oben beschriebenes problem

**Christian S.**

So?

markieren

Code:

			<html>

   <head>

        <style type="text/css">

            div.menu a:hover{

               height: 34px;

                display: block;

                background-color: #D8D8EE;

            }

            div.menu a:link{

               height: 34px;

                display: block;

            }

            div.menu a:visited{

               height: 34px;

                display: block;

            }

        </style>

   </head>

    <body>

       <table border="1" cellpadding="0" cellspacing="0">

          <tr>

             <td width="180" height="34">

                <div class="menu">[url=""]Test[/url]

             </td>

          </tr>

       </table>

    </body>

</html>

**phlux**

hmm ja schon fast, wenn du es jetzt auch noch schaffst den text mittig und zentriert auszugeben bin ich 110% glücklich

**Christian S.**

Ich meine mich zu erinnern, dass das irgendwie auch eleganter geht, aber was soll es, so geht es auch:

markieren

Code:

			<html>

   <head>

        <style type="text/css">

            div.menu a:hover{

               padding-top: 6px; padding-bottom: 10px;

               text-align: center;

               height: 17px;

                display: block;

                background-color: #D8D8EE;

            }

            div.menu a:link{

               padding-top: 6px; padding-bottom: 10px;

               text-align: center;

               height: 17px;

                display: block;

            }

            div.menu a:visited{

               padding-top: 6px; padding-bottom: 10px;

               text-align: center;

               height: 17px;

                display: block;

            }

        </style>

   </head>

    <body>

       <table border="1" cellpadding="0" cellspacing="0">

          <tr>

             <td width="180" height="34">

                <div class="menu">[url=""]Test[/url]</div>

             </td>

          </tr>

       </table>

    </body>

</html>

**phlux**

jau danke

so gehts

[HTML/CSS] Größeren Verweishintergrund ändern?!

[HTML/CSS] Größeren Verweishintergrund ändern?!

Re: [HTML/CSS] Größeren Verweishintergrund ändern?!

Re: [HTML/CSS] Größeren Verweishintergrund ändern?!

Re: [HTML/CSS] Größeren Verweishintergrund ändern?!

Re: [HTML/CSS] Größeren Verweishintergrund ändern?!

Re: [HTML/CSS] Größeren Verweishintergrund ändern?!

Re: [HTML/CSS] Größeren Verweishintergrund ändern?!

Re: [HTML/CSS] Größeren Verweishintergrund ändern?!

Re: [HTML/CSS] Größeren Verweishintergrund ändern?!

Forumregeln

phlux Registriert seit: 4. Nov 2002 Ort: Witten 1.335 Beiträge Delphi 6 Personal	#3 Re: [HTML/CSS] Größeren Verweishintergrund ändern?! 4. Aug 2004, 22:39 Hi Peter, bringt nicht die gwünschte Wirkung Ein aktives Beispiel kann man auch unter www.perplexa.net sehn, allerdings steig ich nicht durch den Quelltext der seite Christian "phlux" Arndt
	Zitat

phlux Registriert seit: 4. Nov 2002 Ort: Witten 1.335 Beiträge Delphi 6 Personal	#5 Re: [HTML/CSS] Größeren Verweishintergrund ändern?! 4. Aug 2004, 23:12 Jo ist ansich schon richtig, aber versuch das mal auf 24px höhe zu bekommen (was ich ja vor hatte) dann kriegst du oben beschriebenes problem Christian "phlux" Arndt
	Zitat

phlux Registriert seit: 4. Nov 2002 Ort: Witten 1.335 Beiträge Delphi 6 Personal	#7 Re: [HTML/CSS] Größeren Verweishintergrund ändern?! 5. Aug 2004, 17:48 hmm ja schon fast, wenn du es jetzt auch noch schaffst den text mittig und zentriert auszugeben bin ich 110% glücklich Christian "phlux" Arndt
	Zitat

phlux Registriert seit: 4. Nov 2002 Ort: Witten 1.335 Beiträge Delphi 6 Personal	#9 Re: [HTML/CSS] Größeren Verweishintergrund ändern?! 5. Aug 2004, 19:52 jau danke so gehts Christian "phlux" Arndt
	Zitat