[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: 197

27. Aug 2013, 14:13
Beitrag # 1 von 3
Bewertung:
(3491 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: 197

27. Aug 2013, 14:53
Beitrag # 2 von 3
Beitrag ID: #516727
Bewertung:
(3477 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: 197

27. Aug 2013, 15:01
Beitrag # 3 von 3
Beitrag ID: #516729
Bewertung:
(3470 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]

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/