Probleme mit Top Graifk
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
absolute code
anzugeben code
bild
code
container
drogenmafia
eigenschaft
frage
funktioniert code
gegebenfalls
gesamte zeile
grafik
helfen
hintergrundfarbe
http
komplette zeile
mache
rechten rand
rechts anzeigen
url
-
huhu...
Hab da mal ne frage! Und zwar will ich oben neben dem login ne andere grafik nach rechts anzeigen lassen...
http://www.drogenmafia.com/
Kann da vlt einer helfen?
Ich setzt mal nen bild rein wies aussehen sollte -.-
http://picul.de/hT
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
du könntest ein Bild mit den Maßen 1px in der Breite und 58px in die Höhe machen, denn deine Grafik ist ja 58px hoch.
dann einfach neben der logingrafik das Bild einfügen und die breite bis ganz ans nach rechts festlegen, gegebenfalls ist es noch nötig in der CSS anzugeben
damit der Hintergrund auch wiederholt wird, so solltest du die fläche so füllen wie du es magst unabhängig von den auflösungen der Bildschirme.background-repeat: repeat; -
Und da ist das problem, wenn ich das mit dem repeat mache wird die komplette zeile mit der Grafik gefüllt... Die grafik soll aber nur nach dem button kommen!
-
Nun weis ich ncith wie dein HTML gerüst aufgebaut ist aber,
du könntest deinem Butten eine eigenschaft " float: left; " zuweisen und daneben z.b.
einen Div Container mit der Eigenschft " float: right; " und der höhe die das Bild hat.
Und auf diesem Container wendest du dann die background repeat Eigenschaft an. -
Deine Loginbox hat ja das Attribut right: 200px.
Das heißt, dass deine Loginbox immer 200px vom rechten Rand weg ist.
Mach ein div, das die Hintergrundfarbe hat und richte es mit right:0px aus und einer width von 200px :)
Der Style für das neue Div funktioniert:
top: 44px; right:0px; width: 200px; height: 57px; background: url(deinBild); position: absolute;
Beitrag zuletzt geändert: 26.4.2011 14:33:57 von sneppa -
Habe das mit dem Float versucht und den code von sneppa... jedoch funktioniert es nicht. Bei der version mit dem loat wird die grafik auch über die gesamte zeile geschoben -.-
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
