Newsletter Box verschoben

[extrazeit]

Wie kann ich diesen kleinen jedoch unschönen Fehler der verschobenen
Newsletter Felder beheben. Auch mit Firebug komme ich auf keinen grünen Zweig.

Siehe Anhang!

Vielen Dank für einen Tipp!

[Martens]

Hallo,

in der layout.css ist für input ein border mit 1px Breite definiert. Beim Eingabefeld addiert sich dieses Pixel umlaufend nach außen hinzu, beim Submit-Button jedoch nicht. Daher ist es 2px höher und breiter.
Höhe und Breite sind in

Code: Alles auswählen

div.newsletterBox fieldset input, div.newsletterBox fieldset span input {
    width: 220px;
    height: 20px;
    margin-bottom: 2px;
}

definiert. Du musst nach diesem Code (nicht davor) die Breite für das Eingabefeld einfach nur mit einer eigenen Definition (2px weniger)

Code: Alles auswählen

div.newsletterBox fieldset input {
   width: 218px;
}

überschreiben.

Grüße
Martin

[extrazeit]

Dank eurem Tipp konnte ich auch diese unschönen verschobenen Boxen beheben.

Nun würde ich aber noch etwas Hilfe von euch benötigen:

Ein weiteres Problem macht mir mir der Titel...
welchen ich auch gerne links zu den Boxen ausgerichtet hätte.

Trotz Firebug finde ich diesen Bereich, wo ich das ändern könnte nicht!

newsletter-box.JPG (10.51 KiB) 8627-mal betrachtet

[Martens]

Hallo Josef,

einfach nach dem obigen Code das hier einfügen:

Code: Alles auswählen

div.newsletterBox fieldset {
   padding-left: 0;
}

Grüße
Martin

[extrazeit]

Danke Martin!