CSS- abgerundetes hover...

  • ich poste mal den link wo man ein beispiel sieht

    http://www.wilder-mann.at

    geht da auf die Links oben und da seht ihr wenn ihr mit der maus drauf seit kommt ein weißes rechteck über den link!!

    soweit so gut.

    ich will acuh so was nur möchte ich wissen ob das auch geht dass das ein abgerundetes rechteck ist??
    geht das ohne das ich eine grafik dazu brauch?
    also mit einer sprache (wahrscheinlich CSS)

    ?

    Das unterhaltsamste Forum wos gibt !

  • wie meinst du jetzt`?

    ja aber was hilft mir das als hintergrundgrafik wenn ich will das es ein hover ist?

    man das gibts so nicht? son sheis!

    Das unterhaltsamste Forum wos gibt !

  • Zitat von Html-Neuling

    wie meinst du jetzt`?

    ja aber was hilft mir das als hintergrundgrafik wenn ich will das es ein hover ist?

    man das gibts so nicht? son sheis!


    Die einzelnen Menüpunkte sind als Liste ausgeführt. Das hover wechselt den Hintergrund des aktiven Listeneintrages. Damit klappts

    "Carpe Diem" powered by positiv Feelings

  • genau.

    also du hast eine css klasse .menupunkt mit dem normalen hintergrund (background-image: url(bild.gif);) und eine klasse .menupunkt:hover mit dem hover-hintergrund.
    wenn du jetzt mit der maus drüberfährst, ändert das hintergrundbild. ohne javascript oder sonst was.
    scheint mir die einfachste lösung zu sein.

  • ich werd wahrscheinlich jetzt eh nur so machen das sich die schriftfarbe sich verändert denn ich wollte ein abgerundetes rechteck machen aber ohne grafik ! und das mit der schriftfarbe änderung passt eh besser und ist leichter

    danke trotzdem!

    Das unterhaltsamste Forum wos gibt !

  • noch ne frage:
    CSS code:


    geht alles einwandfrei!
    aber ich möchte ja jetzt steht dem rechteck mein eigenes bild als hover und wenn ich jetzt statt

    Code
    background-color : #CBCBCB;

    das verwende:

    Code
    background-image : url(bild.jpg);

    kommt gar nichts!
    is das falsch?
    wie heißts da?

    Das unterhaltsamste Forum wos gibt !

  • Zitat von baloo

    sollte eigentlich stimmen so.
    existiert bild.jpg?


    ja!
    eben!
    man ich kapier das nicht
    warte ich probier jetzt mal ein anderes bild!

    edit: nein es funktioniert nicht!
    es müsste doch wenn ich jetzt mit der maus drüber fahre statt dem rechteck das bild kommen oder nicht?

    is es eigentlich egal wie groß das bild ist?
    das bild "bild.jpg" wäre eh genau so groß wie der Link! alo optimal!
    weiß nicht was falsch ist?!

    Das unterhaltsamste Forum wos gibt !

  • da habs schnell auf den geocities server geladen!
    das nicht funktionierende:
    http://de.geocities.com/philipphoertnagl/csstest.html

    und das mit dem normalen rechteck!
    http://de.geocities.com/philipphoertnagl/css.html


    und ich habe das bild "skat006.gif" auf den server hochgeladen udn es war auch erfolgreich!


    edit: loooooool warte
    ich geh wieder auf die seite da seh ich das es geht lol!!!!!!
    das skat006 bild ist ein animiertes gif bild und es bewegt sich man sieht es nur kaum
    ich probiers auch mit den aderen bild!

    Das unterhaltsamste Forum wos gibt !

  • ich weiß jetzt den fehler.
    bei dem dummen geocities.com muss man immer neu laden um das wirkliche ergebnis zu sehen
    ich drückte immer nur auf "Vorschau" was aber bei geocities total dumm ist!
    :D

    Das unterhaltsamste Forum wos gibt !

  • Zitat von [sG|W00tkaeppi

    ]

    Du glaubst doch nichts ernsthaft, das es ein astreiner und guter Tipp ist, Buttons als Tabelle zu bauen oder?

    Nein, aber er wollte eine Lösung ohne Grafiken.

    Mess with the best, die like the rest

  • Zitat von baloo

    :lol:
    langer button übrigens :wink:


    nein hab nur am schluss noch probiert display:block;
    dadurch wird die ganze zeile miz den buttons gefüllt!

    Das unterhaltsamste Forum wos gibt !