• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Newsletteranmeldefenster Zentrieren

D

Diebaer

Neues Mitglied
Hallöchen.

Habe jetzt viel gelesen, leider nicht das richtige gefunden und somit endlich auch hier Angemeldet.

Habe auf meiner Homepage ein Anmeldefenster für Newsletter eingearbeitet. Allerdings richtet sich dieses nach links aus, soll aber zentriert sein.

Daher Bitte ich um Hilfe, da ich es nicht hinbekomme. Dieses Anmeldefenster musste ich auf meiner Seite mit html-Code eingeben, dieser:

HTML: 
<table cellpadding="0" width="250" border="1"><tr><td><form name="newsletter" action="http://www.counterindex.de/newsletter-max/newsletter.php" method="post" target="_blank"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td width="9%"><input checked name="html" type="radio" value="ja"></td><td colspan="4"><font size="2" color="#000000" face="Verdana"><b>Newsletter im HTML-Format</b></font></td></tr><tr><td width="9%"><input checked name="code" type="radio" value="1"></td><td width="40%"><font size="2" color="#000000" face="Verdana"><b>Eintragen</b></font></td><td width="2%"></td><td colspan="2"></td></tr><tr><td width="9%"><input name="code" type="radio" value="2"></td><td width="40%"><font size="2" color="#000000" face="Verdana"><b>Austragen</b></font></td><td width="2%"></td><td colspan="2"></td></tr></tbody></table><br><input type="hidden" value="12902" name="user"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td bgcolor="white" align="center"><input name="name" size="25" value="Ihr Name (freiwillig)..." type="text"><br><input name="mail" size="25" value="Ihre Email..." type="text"></td></tr><tr><td><br></td></tr><tr><td rowspan="2"><div align="center"><input type="submit" style="background: #FFFFFF; BORDER-RIGHT: black thin solid; BORDER-LEFT: black thin solid; BORDER-TOP: black thin solid; BORDER-BOTTOM: black thin solid" name="submitButtonName" value=" Senden "><br><br><a href="http://www.newsletter-max.de/"><img src="http://www.counterindex.de/newsletter-max/newsletter-2.gif" width="12" height="9" border="0"><font size="1" color="#777777" face="Verdana">Newsletter Max</font></a></div></td></tr><tr height="20"></tr></tbody></table></form></td></tr></table>

Wer kann mir da Bitte helfen und entsprechend den Code Ändern und die Änderung auch erklären bzw. zeigen, was geändert werden muss. Dann lerne ich doch wieder was.

Danke für die Hilfe.
 
Das sollte mit CSS gehen, entweder
HTML: 
<table style="text-align:center" ...
(dann werden alle Texte zentriert, also musste das FORM-Element wieder auf text-align:left gesetzt werden, oder so)

oder
HTML: 
<table style="margin:auto" ...
(Dazu muss das umgebende Element breiter sein, als die Tabelle).

P.S.: Muss es wirklich eine Tabelle sein, und dazu noch in einer Zeile, das macht den Code so gut wie unlesbar.
 
Marcus_Haas schrieb:
Das sollte mit CSS gehen, entweder
HTML: 
<table style="text-align:center" ...
(dann werden alle Texte zentriert, also musste das FORM-Element wieder auf text-align:left gesetzt werden, oder so)

oder
HTML: 
<table style="margin:auto" ...
(Dazu muss das umgebende Element breiter sein, als die Tabelle).

P.S.: Muss es wirklich eine Tabelle sein, und dazu noch in einer Zeile, das macht den Code so gut wie unlesbar.
Zum Vergrößern anklicken....

Hallöchen.

Danke für die Antwort.

Siehe Bitte dazu auf meine Homepage (etwas nach unten Scrollen) und da ist das Newsletter-Anmeldefenster zu sehen. Ich habe den Code so bekommen, wo ich den Newsletter einrichte.

Habe auch an dieser Stelle den Code eingebunden (eine Art Baukasten ist diese Seite bzw. erstellt mit "Zeta Producer 11").

Soll ich den ersten Code nehmen oder den zweiten? Wo kommt dieser genau hin?

Danke für die Hilfe.
 
Wenn Du eine bestimmte Seite meinst, dann kannst Du sie hier gerne direkt verlinken statt deine Helfer raten zu lassen. Kann ja auch sein, dass Du eine andere Webseite meinst ;)

Und wie oben schon gesagt sollte es ausreichen, wenn Du der Tabelle die Eigenschaft

Code: 
margin: 0 auto;

gibst. Das geht entweder im HTML-Code (wie oben bereits geschrieben) oder in deiner externen CSS-Datei durch Änderung von

Code: 
table {
    margin: 0 0 15px;
    padding: 0;
}

zu

Code: 
table {
    margin: 0 auto 15px;
    padding: 0;
}

wodurch jedoch alle Tabellen deiner Webseite zentriert werden würden.

Besser wäre es, wenn Du der Tabelle eine Klasse gibst, z.B. durch Änderung von

HTML: 
<table width="250" cellpadding="0" border="1">

zu

HTML: 
<table class="newsletteranmeldung">

und Ergänzung von

Code: 
table.newsletteranmeldung {
 border: 0;
 margin: 0 auto 30px;
 width: 250px;
}

in deiner CSS-Datei.

Ideal wäre es, wenn Du auf diese unnötige Tabelle für das Formular verzichtest. Das was Du dort willst, kann man mit viel weniger HTML-Code erreichen - was auch aus HTML-Sicht sauberer wäre.

Übrigens solltest Du dir auch mal die Meldungen des HTML-Validators anschauen:
[Invalid] Markup Validation of http://kt4dt.lima-city.de/ - W3C Markup Validator
 
Es gibt auch deutschsprachige HTML-Validatoren, z.B. diesen hier:
HTML / XHTML / XML / WML Validator

Die Fehler stecken im Quellcode der gesamten Seite. Wenn dein CMS solchen Quellcode ausliefert und Du ihn nicht verändern/ausbessern kannst, würde ich das CMS wechseln.

Wenn Du HTML-Code von einer externen Quelle geliefert bekommst, heißt es zwar oft, dass man den Quellcode nicht verändern darf/sollte, aber man kann es durchaus machen. Wichtig ist lediglich, dass die Funktionalität (Newsletteranmeldung in deinem Fall) erhalten bleibt. Das erreichst Du indem Du einfach nur das Formular und die Formularfelder allesamt behältst - der Rest könnte theoretisch weg (vor allem die Tabelle).
 
threadi schrieb:
Es gibt auch deutschsprachige HTML-Validatoren, z.B. diesen hier:

HTML / XHTML / XML / WML Validator

Die Fehler stecken im Quellcode der gesamten Seite. Wenn dein CMS solchen Quellcode ausliefert und Du ihn nicht verändern/ausbessern kannst, würde ich das CMS wechseln.

Wenn Du HTML-Code von einer externen Quelle geliefert bekommst, heißt es zwar oft, dass man den Quellcode nicht verändern darf/sollte, aber man kann es durchaus machen. Wichtig ist lediglich, dass die Funktionalität (Newsletteranmeldung in deinem Fall) erhalten bleibt. Das erreichst Du indem Du einfach nur das Formular und die Formularfelder allesamt behältst - der Rest könnte theoretisch weg (vor allem die Tabelle).
Zum Vergrößern anklicken....

Da macht ja "Zeta Producer 11" ganz schön viele Fehler. Den ich selber gebe ja nur Text und Bilder ein bzw. vorgefertigte html-Codes (Newsletter usw.).

Das sollte aber wohl ein Webseiten Ersteller Programm nicht Passieren.

Dann muss ich mal sehen, wie ich das alles behebe.

Vielen Dank für die Hilfe.
 
Kleinere Fehler kann es durchaus geben, Ziel jeder Webseite sollte aber sauberer und valider HTML-Code sein. Ein CMS welches das nicht erzeugt oder nicht erzeugen kann, ist nicht zeitgemäß (was mich bei Zeta Producer etwas wundert, da Du ja die aktuellste Version nutzt die nur wenige Tage alt ist). Nicht valider HTML-Code kann zu Darstellungsfehlern führen. Besonders viele Fehler können auch zu Problem in der Geschwindigkeit der Darstellung (da der Browser erst die Fehler im Quellcode für die Anzeige selbst korrigieren muss) führen und zu Indizierungsproblemen durch Suchmaschinen, da sie die Inhalte nicht richtig auslesen könnten.

Wenn Du eigene HTML-Codes einfügst, musst Du eben auch aufpassen. Das ein CMS so etwas ermöglicht finde ich schon ein großes entgegen kommen. Da man (wie in deinem Fall) dadurch den HTML-Code, den das CMS erzeugt, beeinflussen und verfälschen könnte - was wiederum dem Ziel des CMS das Beste für den Redakteur zu bieten widerspricht.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben