[GastForen Web allgemein HTML und CSS / Stylesheets CSS Menü - border-right beim ersten Menüpunkt verstecken/entfernen - Wie geht das?

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

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

homeedition
Beiträge gesamt: 198

27. Aug 2013, 14:13
Beitrag # 1 von 3
Bewertung:
(3662 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
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 :)
X

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

homeedition
Beiträge gesamt: 198

27. Aug 2013, 14:53
Beitrag # 2 von 3
Beitrag ID: #516727
Bewertung:
(3648 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Habe mich verschrieben, sorry :)
Ich meine natürlich border-left.


als Antwort auf: [#516725]

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

homeedition
Beiträge gesamt: 198

27. Aug 2013, 15:01
Beitrag # 3 von 3
Beitrag ID: #516729
Bewertung:
(3641 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
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]