| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
vandyke
Gast
|
 CSS formatierte Links werden im FF nicht immer ausgeführt |
 |
|
Hallo,
ich habe ein seltsames Problem iund zwar werden meine links, die ich mit css zu einer art box formatiert habe im firefox nicht ausgeführt wenn man an bestimmte stellen des links klickt. (und zwar genau unter den text).
Hier ist mein Code:
html:
| PHP-Code: | 1
2
3
4
5
6
7
8
9
10
| <body>
<div id="top">
<table><tr><td>
<a class="start" href="main.php?site=home">Start</a></td><td>
<a class="database" href="main.php?site=search">Database</a></td><td>
<a class="usersettings" href="main.php?site=usersettings">Usersettings</a></td><td width="100%">
</td><td>
<a class="logout" href="scripts/user/logout.php">Logout</a></td>
</td></tr></table>
</div> |
und hier der css code dazu:
| PHP-Code: | 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| .start, .database, .usersettings, .logout {
margin: 0px;
padding:2px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
background-color: #888;
color: #000;
height: 18px;
width: 100px;
display:inline-block; display:-moz-inline-block”;
text-align:left;
}
A.start:hover, A.database:hover, A.usersettings:hover, A.logout:hover {
COLOR: #ffb200; TEXT-DECORATION: none; height:25px;}
A.start:active, A.database:active, A.usersettings:active, A.logout:active {
position:relative; left: 0px; top:0px; height:27px;outline:0;} |
Sehr komisches verhalten :-/ |
|
|
|
| 28 Jan 2010 09:56 |
|
  |
Gast
|
|
|
|
ahh..
jetzt kurz nach dem post finde ich natürlich diee ursache.
es liegt, glaube ich, an den unterschiedlichen höhen in der linkformatierung...
wollte eigentlich dass der link beim hover größer wird und beim klick nochmals größer, dieser zweite größenunterschied von 2px scheint genau unter dem text einen bereich von 2px zu erzeugen welcher dann nicht mehr als link gedeutet wird.
kann man das irgendwie umgehen? |
|
|
|
| 28 Jan 2010 10:10 |
|
|
|
