IPB

Willkommen, Gast ( Anmelden | Registrierung )

 
Reply to this topicStart new topic
> Hintergrundbild, Mittig
Maja
Beitrag 27.02.2006 - 20:40
Beitrag #1


Rookie


Gruppe: User
Beiträge: 2
Mitglied seit: 27.02.2006
Mitglieds-Nr.: 5.879



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
Go to the top of the page
 
+Quote Post
Kasperl
Beitrag 27.02.2006 - 23:20
Beitrag #2


is getting harder


Gruppe: User
Beiträge: 15
Mitglied seit: 23.12.2005
Mitglieds-Nr.: 5.704



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
Go to the top of the page
 
+Quote Post
Conny
Beitrag 27.02.2006 - 23:23
Beitrag #3


Kommt Zeit, kommt Rat, kommt Conrad!
Gruppensymbol

Gruppe: Mods
Beiträge: 1.169
Mitglied seit: 21.11.2001
Wohnort: Altenkirchen, Westerwald
Mitglieds-Nr.: 42



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
Go to the top of the page
 
+Quote Post
Maja
Beitrag 28.02.2006 - 14:54
Beitrag #4


Rookie


Gruppe: User
Beiträge: 2
Mitglied seit: 27.02.2006
Mitglieds-Nr.: 5.879



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
Go to the top of the page
 
+Quote Post
harlequin
Beitrag 28.02.2006 - 16:19
Beitrag #5


DELETE FROM users WHERE search_count < 1
Gruppensymbol

Gruppe: Admin
Beiträge: 314
Mitglied seit: 15.07.1976
Wohnort: Osnabrück
Mitglieds-Nr.: 2



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
Go to the top of the page
 
+Quote Post
Kasperl
Beitrag 28.02.2006 - 16:30
Beitrag #6


is getting harder


Gruppe: User
Beiträge: 15
Mitglied seit: 23.12.2005
Mitglieds-Nr.: 5.704



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

Der Beitrag wurde von Kasperl bearbeitet: 28.02.2006 - 16:35
Go to the top of the page
 
+Quote Post
Auge
Beitrag 28.02.2006 - 16:47
Beitrag #7


Anwärter auf W3.org Mitgliedschaft
*****

Gruppe: User
Beiträge: 550
Mitglied seit: 28.11.2001
Wohnort: Berlin Friedrichshain
Mitglieds-Nr.: 107



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
Go to the top of the page
 
+Quote Post
Conny
Beitrag 28.02.2006 - 18:42
Beitrag #8


Kommt Zeit, kommt Rat, kommt Conrad!
Gruppensymbol

Gruppe: Mods
Beiträge: 1.169
Mitglied seit: 21.11.2001
Wohnort: Altenkirchen, Westerwald
Mitglieds-Nr.: 42



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

cu
Conny
Go to the top of the page
 
+Quote Post
Google Bot
Beitrag
Beitrag #


Google Ads









Go to the top of the page
 
Quote Post

Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 16.04.2024 - 6:38

taschenkalender
expertise-panel IPS Driver Error

IPS Driver Error

There appears to be an error with the database.
You can try to refresh the page by clicking here