ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » CSS Mouse Over Fehler

Geschlossen
  1. Mo. 29.03.2010 00:19 Uhr #1
    User Pic
    Lyron Mitglied
    Registriert seit
    28.07.2008
    Beiträge
    170
    Beitragswertungen
    2 Beitragspunkte
    Hi Leute,

    brauch ma eben eure Hilfe, ich verzweifel glei ...

    Ich will per Mouseover ne Grafik als Link darstellen lassen.
    Ich bekomms au soweit hin, das die Grafik angezeigt wird und wechselt, aber sie will net angeklickt werden *lach* wo verflixt liegtn mein Fehler??? traurig

    Hab heut echt kein Kopf mehr für, ich lösch glei alles *lach*

    So schauts im Head bereich aus - (ich weiß, bin noch neu auf dem Gebiet!) 
    <style>
g { display:block;
background-image:url(include/designs/schmiddi/gfx/navi/start1.jpg);
width:90px; height:31px }
g:hover { background-image:url(include/designs/schmiddi/gfx/navi/start2.jpg); }
g:active { background-image:url(include/designs/schmiddi/gfx/navi/start2.jpg); }
g {text-decoration: none;}
</style>


    Und so in der index.htm: 

                      <div class="g"><g
 href="index.php?start">&nbsp;</g></div>


    Ich find den blöden Fehler net, ersetz ich das "g" durch ein "a" funktioniert der Link, aber er zeigt das Bild nimmer an *lach*

    Kann mir bitte wer aus der patsche helfen? Hab euch auch ganz doll lieb *bettel* lachen

    Greetz Lyron
    Description: Folgt demnächst...
    Website: www.gibtsnochnicht.de
    0 Mitglieder finden den Beitrag gut.
  2. Mo. 29.03.2010 00:32 Uhr #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    probier mal so 

    <div class="g"><a class="g" href="index.php?start">&nbsp;</a></div>


    ansonsten würde ich dir diesen code ans herz legen: 

    .menu:link, .menu:visited, .menu:active
{
    display: block;
    color: #FFFFFF;
    font-size: 11px;
    background: url(images/button.jpg);
    width: 160px;
    height: 20px;
    text-indent: 15px;
    text-decoration: none;
    font-family: Arial, sans-serif;
    line-height: 20px;
}
 
.menu:hover
{
    display: block;
    color: #FFFFFF;
    font-size: 11px;
    background:url(images/button_hover.jpg);
    width: 160px;
    height: 20px;
    text-indent: 15px;
    text-decoration: none;
    font-family: Arial, sans-serif;
    line-height: 20px;
    font-style: italic;
}


    aufgerufen wird der so: 
    <a class="menu" href="index.php?start">&nbsp;</a>
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. Mo. 29.03.2010 00:39 Uhr #3
    User Pic
    Lyron Mitglied
    Registriert seit
    28.07.2008
    Beiträge
    170
    Beitragswertungen
    2 Beitragspunkte
    Habs probiert, gleiches Ergebnis leider ...

    Zeigts Bild nimmer an, doch der Link funktioniert *lach*

    Also bei der ersten Lösung...

    Naja ich probier jetzt deine zweite Variante ...
    Hierbei muss vor .menü noch der jeweilge Container oder? z.B. hier "g"

    Also Quasi so: 

    
g.menu:link, g.menu:active
{
    display: block;
    background: url(images/button.jpg);
    width: 160px;
    height: 20px;
    text-decoration: none;
}
 
g.menu:hover
{
    display: block;
    background:url(images/button_hover.jpg);
    width: 160px;
    height: 20px;
    text-decoration: none;
}

    oder lieg ich falsch?


    Zuletzt modifiziert von Lyron am 29.03.2010 - 00:44:09
    Description: Folgt demnächst...
    Website: www.gibtsnochnicht.de
    0 Mitglieder finden den Beitrag gut.
  4. Mo. 29.03.2010 00:46 Uhr #4
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    da da liegst du falsch, weil du kannst den container auch mit class=xxx definieren. das muss nicht über die id gemacht werden.
    ich würde dir mal diese seite hier empfehlen, da kannst du alles nachlesen.
    www.css4you.de
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  5. Mo. 29.03.2010 00:53 Uhr #5
    User Pic
    Lyron Mitglied
    Registriert seit
    28.07.2008
    Beiträge
    170
    Beitragswertungen
    2 Beitragspunkte
    Achsoooo jetz hab ichs geschnackelt, d.h. quasi ich muss "menu" durch xxxxx ersetzen oder? lachen

    Quasi: 

    .start:link, .start:active
{
    display: block;
    background: url(images/button.jpg);
    width: 160px; 
    height: 20px; 
    text-decoration: none;
} 

und so weiter und so weiter ...


    ps. ja auf der Webseite hab ich meinen Ursprünglichen Code versucht herrauszufinden ... :'(

    Leider nicht wirklich mit Erfolg *lach*
    Description: Folgt demnächst...
    Website: www.gibtsnochnicht.de
    0 Mitglieder finden den Beitrag gut.
  6. Mo. 29.03.2010 01:06 Uhr #6
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    den code den ich dir jetzt gepostet hab, ist der aus den faq hier von ilch.
    der ist für menüpunkte mit bildern zu hinterlegen. ist ja im prinzip genau was du suchst.
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  7. Mo. 29.03.2010 01:08 Uhr #7
    User Pic
    Lyron Mitglied
    Registriert seit
    28.07.2008
    Beiträge
    170
    Beitragswertungen
    2 Beitragspunkte
    Ok, probieren geht ja bekanntlich über Studieren lachen

    Ich habs jetzt mal nach deiner Variante aufgebaut @Chapter und siehe da - es funktioniert *überglücklich* 

    .start:link, .start:visited
{
display: block;
background: url(include/designs/schmiddi/gfx/navi/start1.jpg);
width: 90px;
height: 31px;
text-decoration: none;
}
.start:hover, .start:active
{
display: block;
background: url(include/designs/schmiddi/gfx/navi/start2.jpg);
width: 90px;
height: 31px;
text-decoration: none;
}



    Das einzigste, was er noch nicht macht, das er das zweite Bild läd, solang bis man einen anderen anklickt ... d.h. es sollte eig. solange bleiben, bis man auf ein anderes klickt ...

    Hmm das bekomm ich noch irgendwie hin *grins* trotzdem vielen vielen Dank Chapter, hast mir echt geholfen! lächeln
    Description: Folgt demnächst...
    Website: www.gibtsnochnicht.de
    0 Mitglieder finden den Beitrag gut.
  8. Mo. 29.03.2010 01:09 Uhr #8
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    kein thema zwinker
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  9. Mo. 29.03.2010 01:09 Uhr #9
    User Pic
    Lyron Mitglied
    Registriert seit
    28.07.2008
    Beiträge
    170
    Beitragswertungen
    2 Beitragspunkte
    ZitatZitat geschrieben von Chapter

    den code den ich dir jetzt gepostet hab, ist der aus den faq hier von ilch.
    der ist für menüpunkte mit bildern zu hinterlegen. ist ja im prinzip genau was du suchst.


    Achso??? *lach* okaaayyy lachen *peinlich* lachen
    Description: Folgt demnächst...
    Website: www.gibtsnochnicht.de
    0 Mitglieder finden den Beitrag gut.
  10. Di. 30.03.2010 17:43 Uhr #10
    User Pic
    Lyron Mitglied
    Registriert seit
    28.07.2008
    Beiträge
    170
    Beitragswertungen
    2 Beitragspunkte
    Kann es sein, das der Code nur funktioniert wenn er direkt in der index.htm eingebunden ist?

    Wenn ichn in der sep. style.css lade, funktionieren alle anderen codes von mir nur der net *verwirrt*

    Oder muss ich dort die Pfade irgendwie anders setzen? eig. doch nicht oder?

    Lg Lyron

    [EDIT]: Bei der gelegenheit, weiß jemand den Code dafür noch, das der 2te Button aktiviert bleibt, bis man einen anderen anklickt? lachen
    Den find ich nämlich auch nicht *lach*


    Zuletzt modifiziert von Lyron am 30.03.2010 - 17:56:42
    Description: Folgt demnächst...
    Website: www.gibtsnochnicht.de
    0 Mitglieder finden den Beitrag gut.
  11. Di. 30.03.2010 22:45 Uhr #11
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    das ist nicht so einfach möglich, da die seite ja bei klick komplett neu geladen wird. wenn du den inhalt mittels ajax einfügen würdest, dann würde das gehen, aber so nicht.
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  12. Di. 30.03.2010 23:30 Uhr #12
    User Pic
    Lyron Mitglied
    Registriert seit
    28.07.2008
    Beiträge
    170
    Beitragswertungen
    2 Beitragspunkte
    Ajax ... Fremdwort lachen - kann man aber nich essen oder? zwinker

    Hmmmpft naja egal, dann wird drauf verzichtet lachen

    Hmmm muss nur noch rausfinden was es mit den Pfaden da auf sich hat, weil er die Bilder in der externen Stylesheet nicht anzeigt ...

    Aber vermute schon wo das Problem liegt, kanns leider erst morgen wieder testen lachen (wenn ich im Büro bin) lachen

    P.S. Danke nochma Chapter zwinker


    Zuletzt modifiziert von Lyron am 30.03.2010 - 23:35:29
    Description: Folgt demnächst...
    Website: www.gibtsnochnicht.de
    0 Mitglieder finden den Beitrag gut.
  13. Di. 30.03.2010 23:47 Uhr #13
    User Pic
    annemarie gelöschter User
    köstlicher thread, macht weiter so, hat mich sehr erheitert lachen
    0 Mitglieder finden den Beitrag gut.
  14. Di. 30.03.2010 23:50 Uhr #14
    User Pic
    Lyron Mitglied
    Registriert seit
    28.07.2008
    Beiträge
    170
    Beitragswertungen
    2 Beitragspunkte
    ZitatZitat geschrieben von annemarie

    köstlicher thread, macht weiter so, hat mich sehr erheitert lachen


    Öyyyy zunge ich bin halt in Sachen css noch voll der Noob, ich design lieber lachen

    (Aber ich lern dazu und dannnnnn, ja dannnnn werd ich die Weltherrschaft an mich reißen *lach*)
    Description: Folgt demnächst...
    Website: www.gibtsnochnicht.de
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Fehlersuche und Probleme

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten