backgroundbild links vom menü
Eingetragen von dawehner (2639)am 13.12.2006 - 21:23 Uhr in
gibts eine bessere methode bilder per css weiter nach links als der menütext als mit leerzeichenhtmlcode im menütext?
- Anmelden oder Registrieren um Kommentare zu schreiben
Backgroundbilder
am 14.12.2006 - 11:01 Uhr
So positionierst du Backgroundbilder im Container:
background: #farbe url("name_des_bilds.gif") 10px 0 no-repeat;Hier würde das Bild 10px von der linken Kante seines Containers positioniert.
Gruß
--
md - drupalcenter
--------------------------------
http://mdwp.de
http://drupal.mdwp.de
so geht das nicht guckt
am 14.12.2006 - 20:41 Uhr
so geht das nicht
guckt euch einfach mal http://firecom.kilu.de/ an
das blaue quadrat im menü soll nach links gehen
Wetten das
am 15.12.2006 - 10:19 Uhr
Du hattest allerdings nicht erwähnt, dass sich das Hintergrundbild in einem Listenelement befindet.
Wenn du dort das Hintergrundbild gesetzt hast, gibt dem li einfach padding-left hinzu.
Oder poste hier mal, wie du es im CSS definiert hast.
Gruß
--
md - drupalcenter
--------------------------------
http://mdwp.de
http://drupal.mdwp.de
#sidebar
am 15.12.2006 - 14:35 Uhr
#sidebar a{background-image:url(/themes/roller&wehner/images/menupunkt1.png); background-repeat:no-repeat;
background-position:0px 15px;
font-size: 36px;
color: #666666;
}
#sidebar a:hover{
background-image:url(/themes/roller&wehner/images/menupunkt2.png); background-repeat:no-repeat;
background-position:0px 15px;
text-decoration: none;
color: #000000;
}
Ich möchte jetzt quasie die XPos des Background weiter nach links also irgendwie negativ , geht aber nicht
Backgroundbild im Menü
am 15.12.2006 - 14:43 Uhr
Ah, du hast das Bild im Link untergebracht.
Füg im css einfach folgendes hinzu und lösche background-position.
padding-left:15px;md - drupalcenter
http://drupal.mdwp.de
vCard herunterladen
also so wie ich es wollte
am 15.12.2006 - 15:13 Uhr
also so wie ich es wollte heisst es jetzt
padding-left:20px; background-position:0px 15px;Klar
am 15.12.2006 - 17:30 Uhr
wenn du oben auch einen Abstand haben willst.
md - drupalcenter
http://drupal.mdwp.de
vCard herunterladen