nicht angemeldet
Background in Tabelle nicht wiederholen
Hallo,
habe folgendes Prob,
ich will in einer Tabelle ein Hintergrundild einfügen, schön und gut nur das Ding wiederholt sich ja immer wieder! Wie kann ich das unterbinden?
Vielen Dank für eure Hilfe!
sun
-
Hallo,
ich will in einer Tabelle ein Hintergrundild einfügen, schön und gut nur das Ding wiederholt sich ja immer wieder! Wie kann ich das unterbinden?
RTFM:
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_repeatGruesse,
Thomas
-
Wo soll ich das denn reinschreiben in die Style Datei oder in den <td> Tag?
-
Hallo,
Wo soll ich das denn reinschreiben in die Style Datei oder in den <td> Tag?
Ich wuerde es unbedingt in die externe CSS-Datei schreiben.
Das macht es viel einfacher zum Bearbeiten - alles, was Layout
angeht, steht zentral in der CSS-Datei.Ins TABLE- oder TD-Element (je nachdem, ob Du das Hintergrundbild
fuer die ganze Tabelle oder nur fuer eine Zelle willst) schreibst
Du dann nur noch die Klasse oder ID.
Z.B. so:HTML
<table class="mitbild">
<tr><td>...</td><td>...</td></tr>
<!-- u.s.w. -->
</table>CSS:
table.mitbild { background: url("/pfad/zum/bild.jpg") no-repeat; }---
Die Alternative (STYLE-Attibut im TABLE- oder TD-Tag) ist viel
schlechter:
<table style="background: url("/pfad/zum/bild.jpg") no-repeat;">---
Lies doch mal das Kapitel zu CSS in SelfHTML, besonders den
Abschnitt wo es darum geht, wie man CSS in HTML einbindet:
http://selfhtml.teamone.de/css/formate/index.htmHTH, Gruesse,
Thomas
-
Erstmal Vielen Dank für deine sehr umfassende Hilfe!
Nur lieder wird jezt nichts eingebunden!Hier mein Code:
HTML Teil:
<tr>
<td class="headline" height="241"></td>
</tr>CSS Teil:
table.headline {
background: url("Images/headlineklein.jpg") no-repeat;
}Mir scheit alles richtig nur irgendwo muss ein kleiner Fehler sitzen!
Kannst du mir nochmal helfen?-
Hallo,
table.headline {
du definierst die Klasse headline für den table-Tag, und nicht für den td-Tag. Entweder du schreibst hier td.headline oder dann im body <table class="headline">
background: url("Images/headlineklein.jpg") no-repeat;
}Mit freundlichen Grüßen
Dimitri Rettig--
Meistens gelangen die Menschen nur durch die Folgen der Unordnung zur Einführung der Ordnung, und Gesetzlosigkeit führt gewöhnlich erst zu Gesetzen.
-- Friedrich Schiller-
Hab ich nach meinem ÜPost gesehen und dann auch geändernt nur leider klappt es auch so nicht! Habt ihr noch ne Idee?
-
Hallo sunstar,
Vielleicht finden wir was, wenn du deinen Quelltext postest.
Ist vielleicht nur ein Schreibfehler irgendwo...Mit freundlichen Grüßen an sunstar und alle weiteren Forumsteilnehmer: Hurrtz
--
Simply the Best: Epiphone Les Paul Standard Black!-
Ich habs hinbekommen, es lag daran dass ich noch einen colspan einbinden mustte das noch andere td´s in der Datei sind!!!!
Ich danke euch für eure Hilfe!Wenn ihr mir jetzt noch sagen könntet wie ich das Hintergrundbild zentrieren kann also in die mitte des Dokument machen kann, währe das super!
-
Alles klar habs rausgefunden!
-
-
-
-
-
Hallo sunstar,
Der Code sollte eigentlich korrekt sein.
Hast du auf die Schreibweise geachtet? Heist der Ordner "Images" oder "images"?
Hast du den CSS-Teil auch richtig eingebunden (im Header, ist er beendet, hat er einen richtigen Anfang)?
Ich habe das auch mal eben ausprobiert - es geht.Wenn es nicht klappt, hier ist der Quelltext, den ich verwendet habe:
<html>
<head>
<title>test</title><style type="text/css">
body,table {height:100%; width:100%}
td.bild {background:url("1.jpg")}
</style></head>
<body>
<table border="1">
<tr>
<td class="bild">
</td>
</tr>
</table>
</body>
</html>Wenn du den Quelltext noch leicht angleichst, sollte es eigentlich auch bei dir gehen...
Mit freundlichen Grüßen an sunstar und alle weiteren Forumsteilnehmer: Hurrtz
--
Simply the Best: Epiphone Les Paul Standard Black!-
Hast du den CSS-Teil auch richtig eingebunden (im Header, ist er beendet, hat er einen richtigen Anfang)?
Was meinst du damit?
im Header?????-
Hallo sunstar,
Mit dem Header meine ich den Abschnitt <head>...</head>.
Dort werden die Stylesheets implementiert.Mit freundlichen Grüßen an sunstar und alle weiteren Forumsteilnehmer: Hurrtz
--
Simply the Best: Epiphone Les Paul Standard Black!
-
-
-
Hallo !
Versuch mal dieses:("Images/headlineklein.jpg")
Lass mal die Gänsefüßchen weg
(Images/headlineklein.jpg)Vielleicht klappts dann.
Mfg
Zimbo
-
-
-
Hallo sunstar,
Na, das kannst du dir aussuchen.
Entweder schreibst du sowas:<style type="text/css>
td.hintergrund {
background-image:url(bildchen.jpg);
background-repeat:no-repeat;
}
</style>
...<td class="hintergrund" ...>
oder du schreibst
<td style="background-image:url(bildchen.jpg);
background-repeat:no-repeat;">Ersteres empfielt sich, wenn du den jeweiligen Tag öfters verwendest. Außerdem ist dieses Verfahren zentraler; Änderungen können also schneller vorgenommen werden.
Wenn du nur einen einzelnen td-Tag mit einem Hintergrundbild versehen willst, brauchst du dir die Mühe nicht zu machen - dann genügt das zweite Beispiel.Am idealsten wäre es natürlich, wenn du gleich ALLE Stylesheets, die du verwenden willst, in eine zentrale CSS-Datei packst. Dann brauchst du nur noch auf der Seite den Link und die jeweilige Klasse anzugeben. Aber das tut jetzt erstmal nichts zur Sache. Kannst du ja auch noch nachholen.
Mit freundlichen Grüßen an sunstar und alle weiteren Forumsteilnehmer: Hurrtz
--
Simply the Best: Epiphone Les Paul Standard Black!
-
-