php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 11.11.2010, 15:58  
Benutzer
 
Registriert seit: 29.09.2008
Beiträge: 40
PHP-Kenntnisse:
Fortgeschritten
skelle befindet sich auf einem aufstrebenden Ast
Standard Kleines Problem beim CSS Dropdownmenü

Hallo,
ich bastel gerade an einem Dropdownmenü welches per CSS realisiert werde soll.

Links auf dem Bild ist der aktuelle Zustand zu sehen und rechts der Sollzustand.

Wie bekomme ich das Dropdownmenü so hin, das es mit dem Menüpunkt quasi "aus einem Guss" ist

greetz skelle

Bild: http://www.bild.me/bild.php?file=6198302prob.png
skelle ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 11.11.2010, 16:08  
Erfahrener Benutzer
 
Registriert seit: 01.09.2010
Beiträge: 4.561
PHP-Kenntnisse:
Fortgeschritten
eagle275 ist ein sehr geschätzer Menscheagle275 ist ein sehr geschätzer Menscheagle275 ist ein sehr geschätzer Mensch
Standard

spontan würd ich sagen .. margin-left: -1px; margin-top: -1px; - aber zeig doch mal die CSS, mit denen das im Moment gebaut ist
__________________
"Irren ist männlich", sprach der Igel und stieg von der Drahtbürste
eagle275 ist offline   Mit Zitat antworten
Alt 11.11.2010, 16:11  
Benutzer
 
Registriert seit: 29.09.2008
Beiträge: 40
PHP-Kenntnisse:
Fortgeschritten
skelle befindet sich auf einem aufstrebenden Ast
Standard

Code:
.navigation-list { margin-top: 12px; height: 26px; display: block; float: left; }
.navigation-list li {
    float: left;
    position: relative;
    width: auto;
    margin-right:0px;
}
.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; }
.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;
}
.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;
}
.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;
}
Das ist der relevante Code fürs Menü
skelle ist offline   Mit Zitat antworten
Alt 11.11.2010, 18:06  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Zitat:
Das ist der relevante Code fürs Menü
Nö. Das ist nur das CSS zum Code.
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Alt 11.11.2010, 19:56  
Benutzer
 
Registriert seit: 29.09.2008
Beiträge: 40
PHP-Kenntnisse:
Fortgeschritten
skelle befindet sich auf einem aufstrebenden Ast
Standard

Problem hat sich gelöst.
Musste beim unteren den oberen Rand entefernen und beim oberen den unteren Rand
skelle ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Kleines Problem mit Filtern von Code durch preg_replace BartTheDevil89 PHP Tipps 2008 2 20.11.2008 15:38
Ein kleines Join Problem (MySQL) susi85 Datenbanken 12 12.12.2007 20:00
Kleines problem mit meiner PHP Internetseite Clawhammer PHP Tipps 2008 2 24.10.2007 12:56
[Erledigt] Ein kleines Problem Datenbanken 2 11.01.2006 00:50
kleines Problem mit css layer Rotti HTML, Usability und Barrierefreiheit 0 08.12.2005 22:36
Sicher nur ein kleines Problem allerdings finde ich es nicht Datenbanken 8 30.10.2005 16:44
Kleines Problem Markus Biehl PHP Tipps 2005-2 7 16.10.2005 12:43
kleines Problem beim Login[Erledigt] PHP Tipps 2005-2 4 19.09.2005 18:25
[Erledigt] FAQ erstellen, kleines Problem mit Kategorien PHP Tipps 2005-2 1 09.09.2005 14:09
mod_rewrite kleines problem -umschreiben url PHP Tipps 2005-2 2 21.07.2005 13:16
kleines Problem mit >date< PHP Tipps 2004-2 4 11.12.2004 19:42
kleines Problem PHP Tipps 2004-2 2 05.12.2004 09:44
kleines Problem mit kleinem Rätsel PHP Tipps 2004 4 30.07.2004 18:34
Kleines Problem mit Upload-Script Pimbolie1979 PHP Tipps 2004 1 28.07.2004 11:53
n kleines problem PHP Tipps 2004 18 12.07.2004 21:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:22 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum