• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild im Hintergrund, aber nicht als Hintergrundbild

Status
Für weitere Antworten geschlossen.
W

Was Costas

Neues Mitglied
Moin,

ich möchte auf einer Seite Ein Bild, als Untergrund für den Text einfügen, d.h. den Text auf das Bild schreiben. Allerdings sollte die bereits vorhandene Hintergrundfarbe erhalten bleiben, also nicht mit dem Befehl <body background="123.jpg"> oder style="background-image:url(background.jpg)"

Gruss
 
Werbung:
Ich weiß, dass es geht, und ich habe mir ganz fest vorgenommen, dieses mal auf der Homepage keine Frames zu verwenden :wink:
 
Werbung:
Du meinst also quasie, dass das Hintergrundbild mehr oder weniger einer Farbe angepasst ist? Oder wie darf ich das genau verstrehen?

hm, ich arbeite gern mit Frames, vorallem I FRames find ich ganz ok
 
Also ich wollte mit bgcolor eine Hintergrundfarbe definieren, und dann in die Mitte ein Bild einfügen, auf dem dann Text geschrieben wird...
 
Werbung:
Kompliment ;) Das ist die richtige Entscheidung Was Costas ;)
Zu deinem Problem:
Das ganze lässt sich mit CSS lösen:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
    <head>
        <title>Hintergrundbild</title>
        <style type="text/css">
            .hintergrundbild {
                background:url(dein_bild.gif);
                position:absolute;
                with:300px;
                height:200px;
            }
        </style>
    </head>
    <body>
        <div class="hintergrundbild">
            Dein Text
        </div>
    </body>
</html>

Bei width und height gibst du dann eben die Grösse des Bildes an.

Erläuterung:

Das Bild gilt in diesem Fall nicht als insgesamtes Hintergrundbild, sondern nur als Hintergrund des Textes oder der Objekte, die du dann einfügen willst. Die Hintergrund-farbe bleibt also.
 
wenn du eine tabele machst geht es doch oder ?
und in der tabele nimmst du das hintergrundbild asl hintergrund
 
Werbung:
R3fFl!xX, so oft, wie du Frontpage mit "schlechter Meinung" erwähnst bzw. empfiehlst, könnte man fast denken, dass du auch mit Frontpage arbeitest..
 
nö ich arbeite mit Macromedia Dreamweaver, nur ist das Programm im
"Vergleich"
ein wenig "seltener", als Front page, da Front page zum office Paket zählt ;)
Deshalb rede ich, ka wieso, immer prinzipiell von Front page :|
 
Werbung:
L.T.M schrieb:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
    <head>
        <title>Hintergrundbild</title>
        <style type="text/css">
            .hintergrundbild {
                background:url(dein_bild.gif);
                position:absolute;
                with:300px;
                height:200px;
            }
        </style>
    </head>
    <body>
        <div class="hintergrundbild">
            Dein Text
        </div>
    </body>
</html>
Zum Vergrößern anklicken....
Eine Sache noch: Wie kann ich (wie auf der Beispielseite) das Bild in die Mitte setzen?
 
must galub ich stad
Code: 
position:absolute;

Code: 
 position:center;
draus machen
 
Werbung:
Quatsch, nix da center
Ergänz den Code einfach durch:
Code: 
top:200px;
left:400px;

Damit bestimmst du den Abstand des Bildes zur oberen und linken Seite. Musste halt gucken, wie es in der Mitte ist.
 
Aus einem anderen Fred!

R3fFl!xX schrieb:
Hasse ich auch total ^^
Macromedia soll ja gut sein aber ich kanns mir ned leisten -.-^^
Zum Vergrößern anklicken....


In diesem hier!

R3fFl!xX schrieb:
nö ich arbeite mit Macromedia Dreamweaver, nur ist das Programm im
"Vergleich"
ein wenig "seltener", als Front page, da Front page zum office Paket zählt ;)
Deshalb rede ich, ka wieso, immer prinzipiell von Front page :|
Zum Vergrößern anklicken....


Schon komisch????
 
Werbung:
background-position: center
P.S.: Ich hasse franzoesische Tastaturen!!!

Edit:
Nein, entschuldigung, das war falsch. Du musst um den div ein <p style="text-align: center">...</p> schreiben
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben