[GastForen Programme Web/Internet Adobe Dreamweaver Tabellen über Hintergrundbild einpassen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Web/Internet - Webdesign, eForms
Themen
Beiträge
Moderatoren
Letzter Beitrag

Tabellen über Hintergrundbild einpassen

scherar
Beiträge gesamt: 153

24. Okt 2010, 08:12
Beitrag # 1 von 14
Bewertung:
(6747 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo zusammen

Ich habe ein Hintergrundbild erstellt und dieses wird zentriert.
Jetzt lege ich eine Tabellenstruktur über das Hintergrundbild, wo dann Textinhalte genau auf das Hintergrundbild passen.
Bei einer Bildschirmauflösung von 1268 x 1024 passt dies alles wunderbar, solange das Browserfenster maximiert ist.
Wenn jemand jedoch das Fenster in der Breite verschmalert, passen die Tabellen und das Hintergrunbild nicht mehr zusammen.
Unter folgendem Link sieht man mein Problem:
http://ccadelboden.ch/cca_2010/turniere2.html

Kann ich dies auf irgendeine Art und Weise lösen?

Danke und Gruss
X

Tabellen über Hintergrundbild einpassen

SabineP
Beiträge gesamt: 7586

24. Okt 2010, 09:11
Beitrag # 2 von 14
Beitrag ID: #454980
Bewertung:
(6729 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Scherar,

versuch´s mal mit einem Hintergrundbild für die Tabelle anstatt für den Body.


als Antwort auf: [#454979]

Tabellen über Hintergrundbild einpassen

scherar
Beiträge gesamt: 153

24. Okt 2010, 09:24
Beitrag # 3 von 14
Beitrag ID: #454981
Bewertung:
(6723 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine

Das war eigentlich meine Idee, wusste jedoch nicht ob und wie man das machen kann. Kannst du mir da noch weiterhelfen wie man dies macht?

Danke im Voraus

Grüsse


als Antwort auf: [#454980]

Tabellen über Hintergrundbild einpassen

SabineP
Beiträge gesamt: 7586

24. Okt 2010, 10:51
Beitrag # 4 von 14
Beitrag ID: #454985
Bewertung:
(6711 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Du gibst Deiner Tabelle eine Klasse.

<table class="klassenname"

mit CSS dann das Hintergrundbild der Tabelle hinzufügen:

.klassenname {
background-image: url(bilder/hintergrund.jpg);
background-repeat:no-repeat;
}


als Antwort auf: [#454981]

Tabellen über Hintergrundbild einpassen

scherar
Beiträge gesamt: 153

25. Okt 2010, 07:48
Beitrag # 5 von 14
Beitrag ID: #455021
Bewertung:
(6666 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ok, vielen Dank Sabine. Ich versuche das mal.

Gruss


als Antwort auf: [#454985]

Tabellen über Hintergrundbild einpassen

scherar
Beiträge gesamt: 153

1. Nov 2010, 23:16
Beitrag # 6 von 14
Beitrag ID: #455713
Bewertung:
(6542 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine

Muss nochmal auf das Hintergrundbild zurückkommen.

Alles funktioniert eigentlich perfekt, doch wenn ein Formularfeld auf der Seite ist, stellt der IE (8) dies falsch dar. Dieser wiederholt das Hintergrundbild plötzlich.
In Chrome wird das absolut richtig dargestellt.

Was könnte dies sein?

Link dazu: http://www.ccadelboden.ch/anmeldung.html


als Antwort auf: [#454985]

Tabellen über Hintergrundbild einpassen

SabineP
Beiträge gesamt: 7586

1. Nov 2010, 23:52
Beitrag # 7 von 14
Beitrag ID: #455714
Bewertung:
(6535 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
>> Dieser wiederholt das Hintergrundbild plötzlich.

Ich habe hier getestet, da sieht alles ganz normal aus:
http://meineipadresse.de/netrenderer/


als Antwort auf: [#455713]
Anhang:
image.jpg (96.2 KB)

Tabellen über Hintergrundbild einpassen

scherar
Beiträge gesamt: 153

2. Nov 2010, 13:59
Beitrag # 8 von 14
Beitrag ID: #455767
Bewertung:
(6500 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine

Diese Ansicht stimmt eben nicht. Das Hintergrundbild wir unten (ausserhalb des sichtbaren Bereichs von netrenderer) wiederholt. Und ganz rechts sollte eine Tabelle sichtbar sein, diese schiebt jedoch der IE ganz nach unten (passt dann wieder zum 2. Hintergrundbild...).

Irgendwie liegt das am Formularfeld. Nehme ich dies raus, ist es ok.
Mache ich ein neues Formularfeld rein, habe ich diese Erscheinung.
Nur im IE, in Chrome und Firefox stimmts.


als Antwort auf: [#455021]

Tabellen über Hintergrundbild einpassen

SabineP
Beiträge gesamt: 7586

2. Nov 2010, 14:27
Beitrag # 9 von 14
Beitrag ID: #455771
Bewertung:
(6492 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Scherar,

schau Dir mal die HTML-Fehler an:
http://validator.w3.org/...=W3C_Validator%2F1.1


als Antwort auf: [#455767]
(Dieser Beitrag wurde von SabineP am 2. Nov 2010, 14:27 geändert)

Tabellen über Hintergrundbild einpassen

scherar
Beiträge gesamt: 153

2. Nov 2010, 16:39
Beitrag # 10 von 14
Beitrag ID: #455798
Bewertung:
(6469 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine

Nun bin ich schon was frustriert ab so vielen Fehlern :-(

Habe auf die Schnelle noch nicht mehr rausgefunden.
Der Fehler, der am meisten angezeigt wird ist "required attribute "alt" not specified".
<td><img src="bilder/spacer.gif" width="1160" height="152" /></td>

Dieser Code schreibt ja aber Dreamweaver??


als Antwort auf: [#455771]

Tabellen über Hintergrundbild einpassen

SabineP
Beiträge gesamt: 7586

2. Nov 2010, 17:11
Beitrag # 11 von 14
Beitrag ID: #455808
Bewertung:
(6463 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo scherar,

schau Dir mal den ersten Fehler an in Zeile 38
http://validator.w3.org/...idator%2F1.1#line-38

Lies mal was der Validator dazu meint:
Line 38, Column 48: value of attribute "method" cannot be "POST"; must be one of "get", "post"
Line 38, Column 52: document type does not allow element "form" here; assuming missing "body" start-tag

Hier ist der Fehler:
<form action="/_wlscripts/formmail.asp" method=POST>
<body>

Den schließenden form-Tag schreibst Du dann am besten vor dem body-Tag

</form>
</body>

Dann müßte erst mal das Formular richtig sein.

Was soll das Wort table innerhalb dieser Zeile bewirken?
<table width="1160" border="0" align="center" cellpadding="0" cellspacing="0" table class="klassenname">

>> Dieser Code schreibt ja aber Dreamweaver??

Dann schreibt Dreamweaver falschen Code.
Das alt-Attribut ist obligatorisch für Bilder.


als Antwort auf: [#455798]
(Dieser Beitrag wurde von SabineP am 2. Nov 2010, 17:12 geändert)

Tabellen über Hintergrundbild einpassen

scherar
Beiträge gesamt: 153

2. Nov 2010, 17:53
Beitrag # 12 von 14
Beitrag ID: #455814
Bewertung:
(6450 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Nun stehe ich wahrscheinlich total auf dem Schlauch.

Den Fehler mit dem Formular sehe ich gar nicht, dies steht doch bei mir auch so... oder was verstehe ich falsch?

Wenn ich den schliessenden form-Tag direkt vor den schliessenden body-Tag stelle, habe ich gar kein Formular mehr.

Was table in dieser Zeile zu suchen hat, weiss ich tatsächlich auch nicht.

Ich kann mich erinnern, das Dreamweaver 5 am Anfach beim Einsetzen eines Bildes etwas abgefragt hat, das wird wahrscheinlich das alt-Attribut sein. Dieses Fenster habe ich deaktiviert, darum ist wahrscheinlich nirgends dieses Attribut drin. Zum wiederaktivieren müsste ich wahrscheinlich Dreamweaver zurücksetzen, geth das?


als Antwort auf: [#455808]

Tabellen über Hintergrundbild einpassen

SabineP
Beiträge gesamt: 7586

2. Nov 2010, 18:28
Beitrag # 13 von 14
Beitrag ID: #455818
Bewertung:
(6437 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
>> oder was verstehe ich falsch?

Vor dem body-Tag darf kein form-Tag stehen.
POST ist nicht gleich post.

>> Dreamweaver zurücksetzen, geth das?
Das kann ich Dir nicht sagen, denn ich verwende Dreamweaver nicht.


als Antwort auf: [#455814]

Tabellen über Hintergrundbild einpassen

scherar
Beiträge gesamt: 153

2. Nov 2010, 22:13
Beitrag # 14 von 14
Beitrag ID: #455846
Bewertung:
(6407 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Habe das Formular ganz neu gemacht. Dann habe ich zu Beginn des Formular den öffnenden form-Tag gesetzt und am Ende des Formulars den schliessenden.

Der Provider gibt an, dass "POST" gross geschrieben werden muss.

Auf jeden Fall sieht es jetzt auch im IE in Ordnung aus.

Danke vielmal für deine Inputs und ich denke bis bald einmal...


als Antwort auf: [#455818]
X