Hilfe - Suche - Mitglieder - Kalender
Vollansicht: Hintergrundbild
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
Maja
hi
Ich bin etwas verzweifelt ich bin totaler Anfänger in Sachen Html . Ich habe mit einer Tabelle gearbeitet und oben in den Kopf ein Bild eingefügt mit dem bodybackround Befehl damit ich "über" das billd noch etwas schreiben kann, mein Problem ist ich kann nur ein Bild einfügen wenn ich es direkt aus dem Internet nehme also kann ich es vorher nicht bearbeiten aber wenn ich es nicht bearbeite ist es ein kleines Stück zu klein, sodass es sich wie bei einer Tapete immer wiederholt , ich habe es auch mit dem "center" Befehl versucht mittig in die Zeile zu setzen aber das klappt nicht . Bis jetzt habe ich keien Lösung gefunden sad.gif , obwohl ich da sooooooooooooooooooo lange dran gesessen hab smilywand.gif
Kann mir jemand helfen ??
bitteeeeeeee
Kasperl
hi

Zuerst musst du sicher sein das du das Bild selber nutzen darfst ... Copyright

Wenn du ein kleines Bild vergrößerst bekommst du einen pixelbrei.
allgemein kannst du Bilder mit height und width deinen "größen"-wünschen anpassen.

Mit dem CSS-tag "background-repeat:no-repeat" kannst du sagen das, dass Bild nicht wiederhohlt weden soll. Beispiel SELF-HTML
allgemein ist SELF-HTML eine gute Seite um sich grundlagen beizubringen ...

cYa
Conny
Hi,
ZITAT
...mein Problem ist ich kann nur ein Bild einfügen wenn ich es direkt aus dem Internet nehme...
Wieso?
ZITAT
Ich habe mit einer Tabelle gearbeitet und oben in den Kopf ein Bild eingefügt mit dem bodybackround Befehl

Body und Tabelle haben im Grunde nicht viel miteinander zu tun... vielleicht könntest Du den Quelltext Kopieren und hier einsetzen oder, falls online, einenn Link zu Deinem Problem einsetzen.

cu
Conny
Maja
hey erst mal ganz dolle danke schön smile.gif
So das is der quelltext

<html>
<head>
<title>
Tabelle1
</title>
</head>
<body bgcolor="black" text="purple" >



<font size="9" face="Monotype Corsiva" color="purple">

<table border="0" width="100%" height="100%">

<tr width="100%" height="30%">

<th colspan="2" width="100%" body background="http://www.ponynet.nl/F_drybarrowsmovingfromus.jpg"><font size="14" ><h1></h1></th>

</tr>

<tr>

<td height="100" width="25%" align="center" ><a href="linkAAA.html">versuch</a></td>

<td BACKGROUND="pferd-wiese.gif" rowspan="5" width="75%"align="center"></td>

</tr>

<tr>


<td height="100" width="25%" align="center"><a href="linkBBB.html">Link</a></td>


</tr>



<td height="100" width="25%" align="center"><a href="linkCCC.html">Link</a></td>


</tr>


<td height="100" width="25%" align="center"><a href="linkDDD.html">Link</a></td>


</tr>


</font>
</font>

nochmal danke ich geh jetzt noch mal auf der seite stöbern aber das sich das bild nicht wiederholt das will und will nicht klappen sad.gif
lg
harlequin
hallo!

ZITAT(Maja @ 28.02.2006 - 14:54) *
hey erst mal ganz dolle danke schön smile.gif
So das is der quelltext

nochmal danke ich geh jetzt noch mal auf der seite stöbern aber das sich das bild nicht wiederholt das will und will nicht klappen sad.gif
lg


Sodele, ich nehme mir mal nur den relevanten Teil:
statt:
QUELLTEXT
<th colspan="2"  width="100%" body background="http://www.ponynet.nl/F_drybarrowsmovingfromus.jpg">

solltest du, wenn du das Hintergrundbild nur da oben haben möchtest, folgendes versuchen:
QUELLTEXT
<th colspan="2"  width="100%" style="background-image:url(http://www.ponynet.nl/F_drybarrowsmovingfromus.jpg); background-repeat: no-repeat; background-position: center">

Das Bild wird einmal angezeigt und ist zentriert / mittig ausgerichtet.
Wenn du es in die Mitte der ganzen Tabelle haben möchtest kannst du einfach aus dem <th> Tag, da wo es jetzt drinsteht, die Anweisung:
QUELLTEXT
style="background-image:url(http://www.ponynet.nl/F_drybarrowsmovingfromus.jpg); background-repeat: no-repeat; background-position: center"

ausschneiden und innerhalb des <table> Tags einfügen, dass sähe dann so aus:
QUELLTEXT
<table border="0" width="100%" height="100%" style="background-image:url(http://www.ponynet.nl/F_drybarrowsmovingfromus.jpg); background-repeat: no-repeat; background-position: center">


Allgemein kann ich dir empfehlen mal unter Selfhtml im entsprechenden Abschnitt nachzuschlagen. Am besten, du lädst dir die komplette Dokumentation auf herunter und klickst einfach mal durch ("Wie fange ich an?" ist ein guter Einstieg).
Ich glaube, wir haben fast alle diese Dokumentation auf dem Rechner, also auch die Fortgeschritteneren - man kann halt nicht alles im Kopf haben... wink.gif

Viel Spass beim Probieren!
Lars
Kasperl
hi

ziehe dir das Bild am besten auf deine Festplatte.
rechte Maustaste >> Bild Speichern Unter >> "Deine Seite" >> F_drybarrowsmovingfromus.jpg

Mit <img src="F_drybarrowsmovingfromus.jpg"> kannst du das Bild einbinden.
notfalls noch mit einem Bildbearbeitungsprogramm deinen Wünschen anpassen.

Deinen Quelltext solltest du mal durch einen Validator schicken.
außerdem solltest du keine blaue schrift auf scharzem hintergrund nehmen ... wink.gif

cYa
Auge
ZITAT(Kasperl @ 28.02.2006 - 16:30) *
Mit <img src="F_drybarrowsmovingfromus.jpg"> kannst du das Bild einbinden.
notfalls noch mit einem Bildbearbeitungsprogramm deinen Wünschen anpassen.

Das nutzt ihr nix, denn:

ZITAT(Maja @ 27.02.2006 - 20:40)
... und oben in den Kopf ein Bild eingefügt mit dem bodybackround Befehl damit ich "über" das billd noch etwas schreiben kann ...

Oder soll sie über das Bild ein anderes Element mit dem Text positionieren? harlequins Weg ist schon der richtige. Wobei Maya sich der Tatsache bewusst sein sollte, dass Hintergrundbilder nicht skaliert werden können. Sie werden immer in der Größe angezeigt, die sie auch tatsächlich haben.

Dies betone ich nur, weil ihr Tabellenkonstrukt darauf hinweist, dass das <th></th>, in dem das nämliche Bild angezeigt wird, die gesamte zur Verfügung stehende Breite des Browserfensters ausnutzt. Weiterer Hinweis in die gleiche Richtung: Die besagte Breite kennst du nie, außer in deinem eigenen Browserfenster.

Tschö, Auge
Conny
Jo,
ich Denke, das Wesentliche wäre hiermit gesagt! wink.gif
Der Weg, der harlquin Dir aufgezeichnet hat, ist wohl die plausibelste.

cu
Conny
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.
Invision Power Board © 2001-2012 Invision Power Services, Inc.