HTML - Text auf/über ein Bild/Grafik schreiben !?

[Ben]

Hallo ich bin ziehmlicher Anfänger und schlage mich nun mit meiner Vorstellung einer Seite und deren Verwirklichung herum !

Ich habe eigentlich alles was ich möchte so eingebaut, nur die Texte eben noch nicht !

So da kommt das Problem : ich habe 2 Frames , Links Navigation und rechts das Hauptfenster. Wenn man die einzelnen Navigationspunkte (News, downloads usw.) durchgeht, dann verändert sich das Hauptfenster !

Jeder Menuepunkt bringt im Hauptfenster ein neues Bild zum Vorschein, welches nicht Hintergrundbild ist sondern so normal eingefügt ist !!(die Bilder füllen nicht das ganze Hauptfenster aus)

Jetzt möchte ich gerne und da komm ich nicht weiter, meine Texte eben
auf die Bilder schreiben (ich kann die ja in Paint draufhauen,speichern dann gehören sie aber zum Bild!! was mistig ist/und Links??)

Man kann sich das noch so vorstellen, daß rechts im Hauptfenster in der Mitte ein Normales Foto (wie eins ausm echten Album) ist und ich will halt das dann genau auf dem Foto nen paar sätze stehen oder ein link ist usw. .
Die Bilder sind auch keine Personenbilder sondern Style-Bilder die als Hintegrund für Text echt gut sind !!

Nun da ich Anfänger bin wäre ich äußerts glücklich wenn mir jemand der das echt drauf hat mal ein Beispiel postet oder als email schickt
(wenns nen script is dann brauch ich sowiso nen Bsp. )!!!

vielen lieben Dank !!

Gruss Ben

[isam]

Hi Ben,

ich weiß nicht wie sehr du dich schon mit selfhtml beschäftigt hast, aber probier das hier mal

http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm

Da ises ziemlich gut beschrieben. Du fügst das Bild somit als Hintergrundgrafik ein und kannst dein html ganz normal schreiben ohne, dass dich das Bild weiter stört. Setzt aber voraus, dass du dich schon mal ein wenig mit css beschöftigt hast!

http://selfhtml.teamone.de/css/index.htm

die Bilder füllen nicht das ganze Hauptfenster aus)

Dann ises wichtig, dass du Angaben zu repeat und position machst, is da aber auch erklärt.

auf die Bilder schreiben (ich kann die ja in Paint draufhauen,speichern dann gehören sie aber zum Bild!! was mistig ist/und Links??)

Da hast du vollkommen recht, mistig isses und hat dann auch nicht mehr viel mit html zu tun. Überhaupt solltest du dir überlegen, ob es wirklich schön ist, deine Besucher auf jeder Seite mit einem ganzen und neuen Hintergrund zu "erschlagen", auf mich würde das zumindest wahrscheinlich so wirken. Hinzukommt, dass ein Bild in der größe eines Browserfensters bestimmt auch nicht so klein ist. Berücksichtigst du auch die downloadzeit eines Modems? Die weicht nämlich nicht unerheblich von der Ladezeit auf einem lokalem System ab!

Aber versuch dich erstmal mit den links die oben stehen.

grüße i.

[Ben]

Jo Hallo zusammen erstmal danke für die
Bemühungen, aber irgendwie gehts nich !
Ich nehme den Code :

<style type="text/css">
 #back1 {
 background-image:url((1).jpg); background-repeat:no-repeat;
 background-position:center;
 }
</style>

dann ist das Bild aber nicht da !!
 Wenn ich dann aber :

<div id="back1">
<div align="center">
<Font color="FFFFFF">
<Font size=4>
Hey Hallo und willkommen auf der Website !
</div>
</div>

in den Body schreibe dann habe ich den Text mit einem Teil von dem Bild unterlegt !! dann muss ich aber ja das ganze bild zuschreiben um auch das ganze Bild zu sehen !!!!?!?!--> das will ich ja nicht !

hmmm ich habe da schon so alle Beispiele durch wo ich dachte so kanns gehen aber ich habe ein Brett vor der Birne und krichs nich aufe reihe !!!

HILLLFFEEE , kann das nochmal jemand für KINDER erklären !!

Gruss ben

[Isam]

Rehi

also

<style type="text/css">
#back1 {
background-image:url((1).jpg); background-repeat:no-repeat;
background-position:center;
}
</style>

das is zwar vollkommen korrekt, kann so alleine aber nicht klappen, das is ne Anweisung die ins Nirvana führt, wenn sie nich im Body irgendwo aufgerufen wird.

<div id="back1">
<div align="center">
<Font color="FFFFFF">
<Font size=4>
Hey Hallo und willkommen auf der Website !
</div>
</div>

Da war diese Ergänzung schon mal viel besser! Aber, wie du schon festgestellt hast, richtet sich die Größe des div's nach seinem Inhalt. Also zwei Möglichkeiten: 1. Dem div mit height/width ne Größe zuordnen

http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm

oder 2. und noch viel besser: deine style-Definition im Body aufrufen.

<style type="text/css">
 body.back {
 background-image:url((1).jpg); background-repeat:no-repeat;
 background-position:center;
 }
</style>

<body class="back">
  ......

Im übrigen solltest Du dir am besten recht früh angewöhnen Formatierungen mit css durchzuführen. So sachen wie Font, color und align haben eigentlich im html-code nichts mehr verloren!

http://selfhtml.teamone.de/css/eigenschaften/index.htm

Viel Glück weiterhin

i.

[Ben]

Hammer !!!!!

Vielen Dank das geht ja wie ne 1 jetzt kann ich die Bilder mit px schön einpassen !! wow ich bin Happy !!

1000 Dank !!

Ich melde mich aber bestimmt nochmal hehehe wenn ich wieder mal nicht weiter weis !

Gruss Ben !

[Tim Tepaße]

Hallo Ben,

Jetzt möchte ich gerne und da komm ich nicht weiter, meine Texte eben
auf die Bilder schreiben (..)
Die Bilder sind auch keine Personenbilder sondern Style-Bilder die als
Hintegrund für Text echt gut sind !!

Ich würde die Bilder dann nicht mittels <img> einbinden, sondern als
tatsächlich als Hintergrundbilder. In meinem Fall mit CSS:

http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_image

Da - wie Du schreibst, solche Bilder selten mit der Seite übereinstimmen,
kann man diese auch positionieren und in ihrem Verhalten modifizieren:

Zum Beispiel ob sie sich wiederholen sollen:
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_repeat
Und wo sie dann positioniert sein sollen:
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_position

Das ganze muß dann auf der wechselnd sollenden Seite im Frame eingebunden
sein. Beschäftige Dich mal mit CSS, wenn Du es noch nicht getan hast. Es
lohnt sich.

Tim