CSS CSS Menü Unterteiler

[Cool Master]

Moin,

also ich habe ein kleines "problem" ich möchte das Hinter "Jobs" der Unterteiler nicht mehr vorhanden ist. Wie bekomme ich das am besten hin?

aktuell sieht der Code so aus:

.menu li a {
    background: url("/media/images/seperator.png") no-repeat scroll 0 0 #CC3333;
    background-position: center right;
    color: #FFFFFF;
    display: block;
    font-weight: normal;
    line-height: 32px;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
}

Grüße

 

[Purple]

poste mal die dazugehörige html bitte

edit: nur hinter jobs nicht?

 

[Mr. Snoot]

Entweder eine eigene Klasse ohne Hintergrund erstellen, oder als Inlinestyle background auf none setzen.

 

[Cool Master]

Inlinestyle background auf none setzen.

War das leichteste und ging sofort.

Vielen Dank wieder was dazu gelernt

 

[xkynet]

am besten machst du es anders herum. setze den Background auf die linke seite und setze beim ersten Element (first-child!) den background auf none. damit sparst du dir die extra klasse. verwende nicht last-child, das können nicht alle browser!

 

[mustermen]

Wie wäre wen du echte Striche verwendest? Im html sieht das dan so aus

<ul id="menu">
<li><a href="link">Unternehmen</a></li>
<li>|</li>
<li><a href="link">Produkte</a></li>
<li>|</li>
li><a href="link">Jobs</a></li>
</ul>

In deinem CSS spricht du nur die .menu li a an also werden die normalen "|" nicht angesprochen, weil sie keine Links sind somit kannst du sie größer machen oder kleiner ohne den Link dabei zuverändern!

Vorteile:

keine weiteren klassen notwendig
keine Bild notwendig spart speicherplatz
Striche sind leicht hinzuzufügen

ganz vergessen zu schreiben die Striche "|" erzeugst du mit ALT GR + |-Taste( da wo die Pfeile sind "<>"

 

[xkynet]

na in ein eigenes li würd ich die net packen (wg. Javascript). wenn dann

<li><a href="link">Unternehmen</a> | </li>

 

[Eagle-PsyX-]

Ja und je nach Server kannst du davor die Anzahl abzählen lassen und beim letzten das | weglassen. So mache ich es zumindest immer.