Delphi-PRAXiS

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)
-   Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)
-   -   [HTML/CSS] Größeren Verweishintergrund ändern?! (https://www.delphipraxis.net/27135-%5Bhtml-css%5D-groesseren-verweishintergrund-aendern.html)

phlux 4. Aug 2004 21:03
[HTML/CSS] Größeren Verweishintergrund ändern?!
 
Liste der Anhänge anzeigen (Anzahl: 1)
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

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
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 :hi:

Christian S. 4. Aug 2004 21:32
Re: [HTML/CSS] Größeren Verweishintergrund ändern?!
 
Einfach mal aus der CSS-Datei aus meiner HP rauskopiert:
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 4. Aug 2004 21:39
Re: [HTML/CSS] Größeren Verweishintergrund ändern?!
 
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. 4. Aug 2004 22:06
Re: [HTML/CSS] Größeren Verweishintergrund ändern?!
 
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:
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 4. Aug 2004 22:12
Re: [HTML/CSS] Größeren Verweishintergrund ändern?!
 
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 :shock:

Christian S. 4. Aug 2004 22:19
Re: [HTML/CSS] Größeren Verweishintergrund ändern?!
 
So?
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 5. Aug 2004 16:48
Re: [HTML/CSS] Größeren Verweishintergrund ändern?!
 
hmm ja schon fast, wenn du es jetzt auch noch schaffst den text mittig und zentriert auszugeben bin ich 110% glücklich :D

Christian S. 5. Aug 2004 17:00
Re: [HTML/CSS] Größeren Verweishintergrund ändern?!
 
Ich meine mich zu erinnern, dass das irgendwie auch eleganter geht, aber was soll es, so geht es auch:
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 5. Aug 2004 18:52
Re: [HTML/CSS] Größeren Verweishintergrund ändern?!
 
jau danke :D so gehts :thumb:


Alle Zeitangaben in WEZ +1. Es ist jetzt 09:19 Uhr.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024 by Thomas Breitkreuz