Menüpunkte Liste problem

**gaucho92** · 22.07.2009 14:05

Hallo,

Ich habe ein Problem:

ich habe ein Div namens topmenu in diesem ist mein "hauptmenü " eingebunden.

also so > index.php:
<div id="topmenu">
<jdoc:include type="modules" name="menu" style="none" />
</div>
auch erstellt:
templatedetails.xml:
<position>topmenu</position>
soo habe ein menü erstellt und das als modul dann benutzt.(bzw eingebunden: also ein modul zeigt das hauptmenü an)
modul: menüstil ist: liste.

So per CSS habe ich bei jedem menüpunkt,dass seine eigene klasse durch joomla automatisch bekommt, ein hintergrundbild angefügt.bsp:
<li class="item11">menüpunkt 1
<li class="item12">menüpunkt 2

Aber der text stört mich jetzt. Menüpunkt 1,2..etc. steht da...und überschreibt das bild.(liegt auf dem bild)
Ich habe per firebug nachgeschaut. Und der text steht in einem <span>...
und damit das bild auch angeklickt werden kann ("als menüpunkt) muss ich das bild ja dann auch ins <span> machen.

Wie umgehe ich diese "scheisse" ?
Ich will nicht sowas -> font-size:0px;oder visibility:none;(klappt sooder so net

)
was soll ich tun?..ich hoffe ihr versteht es XDD
wenn net dann schreib ichs gerne nochmal ;D

**null815** · 22.07.2009 14:49

Hallo

Die kürzeste Methode ist mit negativem text-indent. Keine Ahnung mehr, was da der Nachteil war, aber andere gängige Methode für bspw. auch Skiplinks ist folgende:

Code:

#topmenu span{
position:absolute;
height:0;
width:0;
left:-9999px;
top:-9999px; 
}

**gaucho92** · 22.07.2009 15:28

ja genau das wollen wir nicht XD.
oder sowas wie font-size 0px;...
sowas ist blööd^^

es muss doch iwie ohne solch tricks gehen oder?

es gibt ja hier ->

der aufbau -> von firebug aus:
<div=topmenu> > ul.menu > li.item10 > a > span

nur wenn ich das bild in span" eingebe" erkennt er es als link sonst wenn ich es in a tag "eingebe" dann zeigt er zwar das bild an aber ohne verlinkung.Da der text im span tag drin ist und der einen link enthält.
versteht ihr?aber ich will das das bild verlinkt angezeigt wird aber ohne text.Und ohne fiese tricks XD.

so meine css:

li.item10 a span {
background-image:url('../images/dom_Intranet_Home.png');
width: 111px;
height:100%;
float:left;
margin-left:-32px;
margin-top:-12px;

}
li.item10 a:hover span {
background-image:url('../images/dom_Intranet_Home02.png');
background-repeat:no-repeat;
}
li.item10 a:active span{

border: 1px solid red;
background-image:url('../images/dom_Intranet_Home02.png');
}

UND ICH verstehe nicht wieso das active(angeklickte) bild sich net ändert.Vllt weil sich die seite ganz neu lädt?..
wie krieg ich das hin das sich nur den conten(inhalt) neu lädt?
des wäre das nexte problem

**gaucho92** · 22.07.2009 15:36

soll ich für das "2te problem" einen neuen beitrag erstelllen? oder einfach hier weiter schreiben lasseN?weil das ist schon ein komplexeres thema^^

**null815** · 22.07.2009 16:08

Fies finde ich das nicht und Tante Google findet das auch ok. Kann sooo fies also nicht sein.

Ich finde ja auch, dass solche Bilder ins CSS gehören, aber es gäbe da noch die Menü-Icon-Variante (Menüpunkt --> "Erweitere Parameter") oder sonstige Menü-Erweiterungen die ggf. sowas können.

li.item10 a:active span{
...
}

Die Pseudo-Klasse "a:active" wird dabei wenig nützen. Ein Link ist nur ":active", solange er geklickt wird, also bspw. bis die Maustaste losgelassen wird.
Joomla stattet die aktiven Menüs und zugehörige Unterpunkte aber mit der Klasse ".active" aus und den Menülink zur gerade angezeigten Seite mit der ID "#current".

Thema: Menüpunkte Liste problem

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Menüpunkte Liste problem

Lesezeichen

Lesezeichen

Berechtigungen