| | | | |
| |||||||
| HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability. |
 |
| | LinkBack | Themen-Optionen | Thema bewerten |
11.11.2010, 20:08
| |
| Benutzer Registriert seit: 29.09.2008
Beiträge: 40
PHP-Kenntnisse: Fortgeschritten  |  Problem bei Hovereffekt (Text springt etwas) Hallo ich habe folgendes Problem: Ich habe ein Menü bei dem beim Mouseover ein Dropdownmenü angezeigt wird. Klappt alles soweit. Wenn ich allerdings mit der Maus über einen Menüpunkt fahre springen alle Menüpunkte rechts von dem markierten ein Stückchen nach rechts. HTML(Auszug): Code: <div id="navigation"> <ul class="navigation-list blue"> <li> <a id="ie" href="">Produkte</a> <ul class="sub"> <li> <a href ="">Produktportfolio</a> </li> <li> <a href="">Produktinnovationen</a> </li> </ul> </li> </ul> </div> Code: #navigation { width: 100%; height: 48px; display: block; float: left; background: url('navigation-background.png') no-repeat scroll 0% 0% transparent; }
.navigation-list { margin-top: 12px; height: 26px; display: block; float: left; }
.navigation-list li {
float: left;
position: relative;
width: auto;
margin-right:0px;
padding-right: 3px;
}
.navigation-list li a, .navigation-list li.eservice { display: block; float: left; height: 100%; color: rgb(255, 255, 255); line-height: 26px; font-size: 11px; padding: 0pt 10px; font-weight: bold; text-decoration: none; margin: 1px;}
.navigation-list li a:hover, .navigation-list li a.active, .navigation-list li:hover { color: rgb(0, 50, 95); background: #f5f5f5;}
.navigation-list li a.active, .navigation-list li:hover{ border: 1px solid #c6c6c6; margin:0px 0px -4px 0px;}
.navigation-list li a.active:hover {margin: -1px;}
.navigation-list :hover > a, .navigation-list ul ul :hover > a { color: rgb(0, 50, 95); background: #f5f5f5; border-bottom:0px;}
.navigation-list li.drop { border-bottom: none;}
.navigation-list ul.sub {
display: none;
position: absolute;
margin: 2.6em 0 0 -1px;
left: 0px;
color: rgb(0, 50, 95);
background: #f5f5f5;
border: 1px solid #c6c6c6;
border-top:0px;
}
.navigation-list ul.sub li a{
color: rgb(0, 50, 95);
border: none;
}
.navigation-list ul.sub li:hover{
border: none;
margin:0px 0px 0px 0px;
padding-right: 3px;
}
.navigation-list ul.sub li a:hover{
border: none;
}
ul.navigation-list li:hover ul.sub,
ul.navigation-list a:hover ul.sub {
display:block;
}
.blue { padding-left: 20px; width: 585px; background: url('navigation-blue-background.png') repeat scroll 0% 0% transparent; }
greetz |
|  |
 | |
| PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten | |
|
11.11.2010, 20:23
| ||
| Benutzer Registriert seit: 24.02.2010
Beiträge: 45
PHP-Kenntnisse: Fortgeschritten | Code: .navigation-list li a.active, .navigation-list li:hover{ border: 1px solid #c6c6c6; margin:0px 0px -4px 0px;}
Da der Rahmen vorher nicht existierte, macht er dein Konstrukt damit 2px breiter (1px links, 1 px rechts) als vorher. Dadurch wird alles rechts neben dem Button um 2px nach rechts verschoben.
__________________ Zitat:
 | |
|
| |
|
11.11.2010, 20:25
| |
| Benutzer Registriert seit: 29.09.2008
Beiträge: 40
PHP-Kenntnisse: Fortgeschritten | ah VIELEN DANK!  |
|
| |
|
11.11.2010, 20:30
| ||
| Moderator¹ Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse: Fortgeschritten  | Zitat:
Dann braucht jeder Interessierte nur noch auf einen Link klicken - und nicht jeder für sich selber eine Copy&Paste-Aktion starten, um diese Fragemente in ein HTML-Grundgerüst reinzubasteln, um das dann im Browser aufrufen zu können.
__________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right? | |
|
| |
|
11.11.2010, 20:31
| ||
| Benutzer Registriert seit: 29.09.2008
Beiträge: 40
PHP-Kenntnisse: Fortgeschritten | Zitat:
greetz | |
|
| |
|
11.11.2010, 20:33
| |
| Moderator¹ Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse: Fortgeschritten | Das ist kein Argument. Wenn das Dokument sensible Inhalte enthält, dann anonymisierst du die halt vorher.
__________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right? |
|
| |
|
13.11.2010, 15:33
| ||
| Benutzer Registriert seit: 29.09.2008
Beiträge: 40
PHP-Kenntnisse: Fortgeschritten | Zitat:
| |
|
| |
| |
| Themen-Optionen | |
| Thema bewerten | |
|
|
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| php mail - Problem bei versenden von Email mit Text und einer Datei | Kenshin | PHP Tipps 2010 | 5 | 20.09.2010 12:01 |
| Webdesign dringend Hilfe | Rambo02 | HTML, Usability und Barrierefreiheit | 3 | 25.07.2009 10:40 |
| [Erledigt] im sql kann ich tabelle nicht hinzufügen | autofieber | Datenbanken | 7 | 01.03.2009 18:38 |
| PDF_add_table_cell / bitte um Hilfe | prinzli | PHP Tipps 2008 | 0 | 30.12.2008 21:38 |
| Text mit Smilies austauschen - Problem | Black-Devil | PHP Tipps 2008 | 13 | 07.09.2008 22:42 |
| JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung | Zergling-new | Tutorials | 6 | 25.01.2008 10:41 |
| CSS - Bild im div container überlappt andere container | Buschdieb | HTML, Usability und Barrierefreiheit | 13 | 19.07.2007 23:17 |
| Problem beim setzen von Text in MySQL | imported_DJ Nuno | Datenbanken | 1 | 22.10.2005 15:13 |
| [Erledigt] Problem mit mySQL | Datenbanken | 7 | 27.09.2005 12:06 | |
| Problem: Text von einer Webseite mit PHP kopieren | PHP Tipps 2005-2 | 6 | 05.09.2005 19:20 | |
| Split problem | PHP Tipps 2005 | 14 | 10.03.2005 14:32 | |
| Problem bei Text Datei | PHP Tipps 2005 | 7 | 24.01.2005 20:31 | |
| [Erledigt] Problem mit Text Ausgabe in neuem Fenster | PHP Tipps 2005 | 6 | 18.01.2005 14:24 | |
| Problem Suche Array das nur den text in Variable ließt ... | PHP Tipps 2005 | 2 | 09.01.2005 11:58 | |
| txt-Datei erstellen | d-81 | PHP Tipps 2004 | 12 | 11.08.2004 20:31 |
