Seite 1 von 1

Newsletter Box verschoben

BeitragVerfasst: Do 23. Jan 2014, 11:44
von 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!

Re: Newsletter Box verschoben

BeitragVerfasst: Fr 24. Jan 2014, 17:51
von 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

Re: Newsletter Box verschoben

BeitragVerfasst: Fr 25. Apr 2014, 10:59
von 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
newsletter-box.JPG (10.51 KiB) 8674-mal betrachtet

Re: Newsletter Box verschoben

BeitragVerfasst: Fr 25. Apr 2014, 12:14
von 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

Re: Newsletter Box verschoben

BeitragVerfasst: Fr 25. Apr 2014, 12:51
von extrazeit
Danke Martin!