Styleüberschneidung?

[zimboo]

Hallo Community,

ich habe da ein Problem, welches ich nicht gelöst bekomme...

In meiner Contenido-Installation habe ich bei dem Mandanten "mobook" die Hauptnavigation fest hinterlegt

Code: Alles auswählen

        	<ul class="main_navi">
            	<li><a class="startseite" href="#"><span>Startseite</span></a></li>
                <li><a class="mobile_tarife" href="#"><span>Mobile Tarife</span></a></li>
                <li><a class="hardware" href="#"><span>Hardware</span></a></li>
                <li><a class="verfugbarkeit" href="#"><span>Verf&uuml;gbarkeit</span></a></li>
                <li><a class="service" href="#"><span>Service</span></a></li>
                <li><a class="unternehmen" href="#"><span>Unternehmen</span></a></li>
            </ul>

mit folgendem Style:

Code: Alles auswählen

ul.main_navi{
    float:left;
    list-style:none;
    padding-left:10px;
    margin:0px;
}

ul li{
    float:left;
    list-style:none;
}

a span{
    display:none;
}

a.startseite:link, a.startseite:visited{
    display:block;
    width:199px;
    height:70px;
    background:url(../upload/button/btn_startseite.jpg) no-repeat;
    text-decoration:none;
    margin-right:10px;      
}
a.startseite:hover, a.startseite:active{
    width:199px;
    height:70px;
    background:url(../upload/button/btn_startseite_aktiv.jpg) no-repeat;
}

a.mobile_tarife:link, a.mobile_tarife:visited{
    display:block;
    width:160px;
    height:70px;
    background:url(../upload/button/btn_mobile_tarife.jpg) no-repeat;
    margin-right:2px;
}
 a.mobile_tarife:hover, a.mobile_tarife:active{
    width:160px;
    height:70px;
    background:url(../upload/button/btn_mobile_tarife_aktiv.jpg) no-repeat;
}

a.hardware:link, a.hardware:visited{
    display:block;
    width:137px;
    height:70px;    
    background:url(../upload/button/btn_hardware.jpg) no-repeat;
    margin-right:2px;
}
a.hardware:hover, a.hardware:active{
    width:137px;
    height:70px;    
    background:url(../upload/button/btn_hardware_aktiv.jpg) no-repeat;
}

a.verfugbarkeit:link, a.verfugbarkeit:visited{
    display:block;
    width:167px;
    height:70px;
    background:url(../upload/button/btn_verfugbarkeit.jpg) no-repeat;
    margin-right:2px;
}
a.verfugbarkeit:hover, a.verfugbarkeit:active{
    width:167px;
    height:70px;
    background:url(../upload/button/btn_verfugbarkeit_aktiv.jpg) no-repeat;
}

a.service:link, a.service:visited{
    display:block;
    width:138px;
    height:70px;
    background:url(../upload/button/btn_service.jpg) no-repeat;   
    margin-right:2px;
}
a.service:hover, a.service:active{
    width:138px;
    height:70px;
    background:url(../upload/button/btn_service_aktiv.jpg) no-repeat;     
}

a.unternehmen:link, a, unternehmen:visited{
    display:block;
    width:161px;
    height:70px;
    background:url(../upload/button/btn_unternehmen.jpg) no-repeat;       
}
a.unternehmen:hover, a.unternehmen:active{
    width:161px;
    height:70px;
    background:url(../upload/button/btn_unternehmen_aktiv.jpg) no-repeat; 
}

das ganze liegt in der CSS-Datei "mainstyle.css" die im CSS-Ordner des Mandanten .mobook. liegt ...
Wenn ich nun einen Artikel im Backend zum Editieren öffne, oder das Modul "Navigation_Breadcrumb" einbinde, wird mir immer der Button "Unternehmen" als Bild mit an die Contenido eigenen Icons (z.B. Editieren / Speichern) im Backend und am BreadcrumpLink im Frontend mit angehängt...

Leider kann ich kein Screenshot hochladen, aber schaut doch mal unter
http://www.sparhandy.de/contenido/moboo ... ontent.php
da kann man wenigstens sehen, wie der Button immer an den Breadcrum angehängt wird...

Ich finde aber leider keine Ansatz, wo ich da eventuell einen Contenido-Style überschreibe / kollidiere....
Könnte mir eventeull einer von Euch Profis helfen.
Bin auch für jeden Tipp dankbar, die Top-Navig mit Contenido-Mtteln umzusetzen...

Schon mal Danke sehr für Eure Hilfe.

[McHubi]

Hi,

Du hast im Quelltext eine class nicht richtig geschrieben:

Code: Alles auswählen

<a class="breadcrump" href="front_content.php?idcat=173">Startseite</a>

soll wohl eher "breadcrumb" heißen...

Sieht fast so aus, als ob irgendwo in der css-Datei die class "breadcrump" existiert mit dem entsprechenden Hintergrundbild... Denn im Quelltext ist kein img eingebunden und das Bild fungiert auch als Link -> muss also ein Hintergrundbild des Links sein was per css eingebunden wird...

Vielleicht hat's sich damit...

Oder es liegt an dem - vermutlich nicht wirklich gewollten - ">"?

[zimboo]

Hi McHubi,

danke für Deine schnelle Antwort...

Hi,

Du hast im Quelltext eine class nicht richtig geschrieben:

Code: Alles auswählen

<a class="breadcrump" href="front_content.php?idcat=173">Startseite</a>

soll wohl eher "breadcrumb" heißen...

nee, nee die Klasse heißt schon "breadcrump" - iss schon korrekt...

Oder es liegt an dem - vermutlich nicht wirklich gewollten - ">"?

Auch der soll da sein - sozusagen als EyeCatcher

Aber den Fehler habe ich dann doch gefunden.
Ich habe die Klasse "main_navig" in ""top_main_navig" umbenannt und dabei gesehen das ich bei der Linkklasse "Unternehmen" anstatt
a. unternehmen ...
a,unternehmen geschrieben hatte... und siehe da nun funzt alles...

Wer lesen kann ist - nja Ihr wisst schon


Liebe Grüße aus Colonia

Jörg

[McHubi]

"breadcrump" - iss schon korrekt

Okay, dann schreibe ich ab heute alles in hdml, bhb, zess und mein ZeMS heißt Konnteneido... Stichel, scherz...

Aber der Fehler war ja dann tatsächlich so ein üblicher Klassiker, an dem man sich totsuchen kann...

[BagHira]

$OT = on;

"zess

isch sach ta immär "zeäsäs" *weglach*

$OT = off;

en schenes Wochenende die Damen & Herren