hilfdirselbst.ch
Facebook Twitter gamper-media
homeedition
Beiträge: 193
27. Aug 2013, 14:13
Beitrag #1 von 3
Bewertung:
(2569 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS Menü - border-right beim ersten Menüpunkt verstecken/entfernen - Wie geht das?


Hallo,

ich habe ein css Menü mit Trennlinien (rechts) in der Hauptebene. Ich möchte gerne beim ersten Menüpunkt die rechte Trennlinie weg haben, aber ich bekomme das irgendwie nicht hin:

Hier mal das CSS für das Menü:
Code
/**** HAUPTMENU ****/ 

div#hauptmenu {
position:absolute;
right:630px;
top:630px;
width: auto;
z-index:15;
border: none;
border: 0px;
margin:0px;
padding: 0px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: normal;
color: #000000;
clear: both;
display: block;
}
div#hauptmenu > ul {
margin-top: 5px !important;
}
div#hauptmenu ul {
background: #ffffff;
height: 27px;
list-style: none;
margin: 0;
padding: 0;
}
div#hauptmenu ul ul {
border-top: 0px solid #a80329;
}
#hauptmenu ul ul a {
line-height: 43px;
}
div#hauptmenu ul ul ul {
left: 100%;
top: 0;
}
div#hauptmenu li {
float: left;
padding: 0px 8px 0px 8px;
}
div#hauptmenu li a {
color: #666666;
display: block;
font-weight: normal;
line-height: 30px;
padding: 0px 10px;
text-align: center;
text-decoration: none;
border-left: 1px solid #000000;
color: #000000;
}
div#hauptmenu li a.first{
border-left:none;
}
div#hauptmenu li a:hover {
color: #0095c0;
text-decoration: none;
}
div#hauptmenu li ul {
background: #ffffff;
display: none;
height: auto;
filter: alpha(opacity=95);
opacity: 0.95;
position: absolute;
width: 83px;
z-index: 200;
top:-180px;
/*top:1em;
/*left:0;*/

}
div#hauptmenu li:hover > ul {
display: block;
}
div#hauptmenu li li {
display: block;
float: none;
padding: 0px;
position: relative;
width: auto;
}
div#hauptmenu li ul a {
border-left: 0px solid #000000;
border-bottom: 1px solid #0095c0;
display: block;
font-size: 12px;
font-style: normal;
padding: 0px 10px 0px 15px;
text-align: left;
}
div#hauptmenu li ul a:hover {
background: #ffffff;
color: #0095c0;
opacity: 1.0;
filter: alpha(opacity=100);
border-left: 0px solid #0095c0;
border-bottom: 1px solid #0095c0;
}
div#hauptmenu p {
clear: left;
}
div#hauptmenu .active > a {
background: #ffffff;
color: #000000;
}
div#hauptmenu .active > a:hover {
color: #0095c0;
}


Kann mir jemand sagen wie ich das CSS anpassen muss um die rechte Trennlinie beim ersten Menüeintrag auszublenden?

Vielen Dank :)
Top
 
X
homeedition
Beiträge: 193
27. Aug 2013, 14:53
Beitrag #2 von 3
Beitrag ID: #516727
Bewertung:
(2555 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS Menü - border-right beim ersten Menüpunkt verstecken/entfernen - Wie geht das?


Habe mich verschrieben, sorry :)
Ich meine natürlich border-left.
als Antwort auf: [#516725] Top
 
homeedition
Beiträge: 193
27. Aug 2013, 15:01
Beitrag #3 von 3
Beitrag ID: #516729
Bewertung:
(2548 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

CSS Menü - border-right beim ersten Menüpunkt verstecken/entfernen - Wie geht das?


Ich habs rausgefunden:

Code
div#hauptmenu li:first-child a{ 
border-left: none;
}


Das Thema ist damit gelöst :)

Trotzdem vielen lieben Dank!!!!
als Antwort auf: [#516727] Top