'[Bug 55342] New: css button padding size change problems'

[prev in list] [next in list] [prev in thread] [next in thread] 

List:       konq-bugs
Subject:    [Bug 55342] New: css button padding size change problems
From:       Victor <mcquantum () web ! de>
Date:       2003-02-28 16:27:37
[Download RAW message or body]

------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.

http://bugs.kde.org/show_bug.cgi?id=55342     
           Summary: css button padding size change problems
           Product: konqueror
           Version: unspecified
          Platform: Slackware Packages
        OS/Version: Linux
            Status: UNCONFIRMED
          Severity: normal
          Priority: NOR
         Component: general
        AssignedTo: konq-bugs@kde.org
        ReportedBy: mcquantum@web.de

Version:            (using KDE KDE 3.1)
Installed from:    Slackware Packages
OS:          Linux

I tried to add an effect to my page by changing the size of the text of the buttons \
on Hover (and adjusted the padding respectively so that the button itself does not \
become larger when the mouse is over it). It worked with all browsers, but not \
Konqueror. When the mouse is moved over one of the buttons, all the those that are \
below  are pushed downwards. It's very annoying. You can see the code below:

<html>
<head>

  <style type="text/css">
  .bu a {

        width:120px;
        color:#000000;
        font-family:Arial;
        font-size:16px;
        font-weight:bold;
        text-decoration:none;
        text-align:center;
        border:2px outset #818181 ;
        background-color:#A7B4D9;
        display: block;
        padding: 3px 6px;
        margin:1px; }

  .bu a:hover {

    text-decoration:none;
        border:2px inset #818181 ;
        background-color:#FBF77D;
        font-size:12px;
        padding: 5px 6px;
        margin:1px; }

  </style>

</head>
<body bgcolor=#D1D1D1>
 <table border="0" height="100%" width="100%">
   <tbody>
     <tr>
       <td width="20%" bgcolor=#7C7C7C valign="top" align="center">

       <div class="bu">
       <div><a href="index.html">Home</a></div><br><br>
       <div><a href="achievements.html">Achievements</a></div><br><br>
       <div><a href="archive.html">Archive</a></div><br><br>
       <div><a href="photo.html">Photos</a></div><br><br>
       <div><a href="guest.html"> Guest Book</a></div><br><br> 
       <div><a href="misc.html"> Miscellaneous</a></div><br><br>
       <div><a href="contact.html">Contacts</a></div><br><br>
       </div> 

        </td>
        <td valign="top">

        </td>
     </tr>
   </tbody>
 </table>
</body>
</html>
_______________________________________________
Konq-bugs mailing list
Konq-bugs@mail.kde.org
http://mail.kde.org/mailman/listinfo/konq-bugs

[prev in list] [next in list] [prev in thread] [next in thread] 