Lexi Help
Partner
www.forumieren.com

Bild hinter der schrift

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Bild hinter der schrift

Beitrag von Maike am Mo 18 Okt 2010 - 17:58

Hey

also ich hab mal gesucht aber nichts dergleichen gefunden.
ich hoffe das ich nichts übersehen hab...

also mein problem ich hab mal so n bischen sachen ausprobiert und da hat mir jemand aus nem anderen forum mal n tipp gegeben. er hat mir vorgeschlagen das ich das :

Code:
.forumline .row1.over:hover {background:url('http://i24.servimg.com/u/f24/14/04/53/93/maikeb11.png') right bottom no-repeat;}

bei CSS Stylesheet einfügen soll.
das ergebnis ist das wenn ich bei einem forum mit der maus drauffahre ein bild erscheint, so hinterlegt.
mit dem ergebnis bin ich ja echt zufrieden, doch es sieht etwas komisch aus weil durch diesen code das bild ganz rechts ist. und ich würde es mal gerne hinter der schrift haben also ganz links.
wie kann ich das jetzt ändern?

Hier noch mein forum.
das ihr es sehen könnt:
http://wooms.forumieren.com

lg mai

Maike
Lehrling
Lehrling

Beiträge : 70
Anmeldedatum : 24.02.10

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Bild hinter der schrift

Beitrag von Zuckerpuppe am Mo 18 Okt 2010 - 18:54

Hallo Smile

du musst einfach den Code umändern, wo "right" steht...dort muss dann "left" eingetragen werden.
Also folgendermaßen:
Code:
.forumline .row1.over:hover {background:url('http://i24.servimg.com/u/f24/14/04/53/93/maikeb11.png') left bottom no-repeat;}

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Bild hinter der schrift

Beitrag von Maike am Mo 18 Okt 2010 - 20:59

ok.
hab das jetzt geändert aber jetzt ist es nur so halb links.
also noch nicht gaaanz links?!
liegt das am bild?

Maike
Lehrling
Lehrling

Beiträge : 70
Anmeldedatum : 24.02.10

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Bild hinter der schrift

Beitrag von Zuckerpuppe am Di 19 Okt 2010 - 9:21

Das Bild ist schon "ganz links" Very Happy

aber es ist auf der linken Seite transparent...schau hier:


daher ist es logisch, dass der sichtbare Bereich nicht ganz links abschliesst Wink

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Bild hinter der schrift

Beitrag von Maike am Di 19 Okt 2010 - 15:38

xD
ok dann ändere ich mal das^^

noch ne frage^^
also jetzt wird das bild ja nur bei den foren angezeigt.
kann man das auch gleich so bei den threads machen?

Maike
Lehrling
Lehrling

Beiträge : 70
Anmeldedatum : 24.02.10

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Bild hinter der schrift

Beitrag von Zuckerpuppe am Mi 20 Okt 2010 - 11:17

nein, dort ist das so ohne weiteres nicht möglich, tut mir leid...

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Bild hinter der schrift

Beitrag von Maike am Mi 20 Okt 2010 - 15:03

also es ist nicht einfach?
aber es würde gehen (wenn ich ahnung hätte^^)?

Maike
Lehrling
Lehrling

Beiträge : 70
Anmeldedatum : 24.02.10

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Bild hinter der schrift

Beitrag von Zuckerpuppe am Mi 20 Okt 2010 - 17:40

Das kann ich dir so auf Anhieb nicht sagen...ich habe es selber noch nie ausprobiert und werde wohl auch erstmal aus zeitlichen Gründen nicht dazu kommen.
Ich denke aber eher nicht, da diese Tabellenreihen auch viele andere Bereiche mit abdecken.

Falls jemand dazu eine Lösung hat, darf er sie gerne hier posten Smile




Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Bild hinter der schrift

Beitrag von Maike am Sa 27 Nov 2010 - 12:35

Hier noch die antwort^^
also ich habs geschafft und hier ist der code wie s geht!
(ich hoffe das ich das noch anmerken durfte)

Code:

a.mainmenu:hover{
    text-decoration: underline;
    color : #d31141;
        position: relative; top: -2.0px; left: 0.5px;
    }

a.mainmenu{
    padding: 0px 0px 0px 0px;
    }

div.topictitle {
   margin: 0px 0px -25px;
   display: block !important
}
div.topictitle:hover {
   background: url(http://i28.servimg.com/u/f28/15/78/78/01/maikeq11.png) no-repeat right center
}


lg Mai

Maike
Lehrling
Lehrling

Beiträge : 70
Anmeldedatum : 24.02.10

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten