Form zentrieren, Button aber links lassen

[jakestyler]

So, ich hoffe dass wird meine letzte Frage für heute
Auf JokeNetwork habe ich eine Form (Unter Contact). Diese würde ich gern ohne <center>-Tags zentrieren und den Submit Button links behalten (allerdings unter der Form).

Danke schomal ;)

 

[thuemmy]

Also das Formular wird sicherlich nicht mittels des <center>-tags zentriert. Gib den einzelnen Eingabefeldern per css ein

margin: 0 auto;

 

[jakestyler]

Funktioniert leider nicht! ANdere Lösung?

 

[threadi]

Du musst dem form neben o.g. Eigenschaft auch eine feste Breite geben.

 

[jakestyler]

Haben sie doch. Das läuft über Bootstrap.
Weitere Ideen?

 

[XraYSoLo]

<style type="text/css">
   <!--
      #div_name { margin:0 auto; }

      .inline_element { text-align:left; }
   -->
</style>

<!-- Und anwenden -->

Es sei angemerkt, dass man nicht jedes Element inline zentrieren kann.

Nils aka XraYSoLo

 

[jakestyler]

auch das nützt nicht. Keine Ahnung.

JokeNetwork

 

[threadi]

Haben sie doch. Das läuft über Bootstrap.
Weitere Ideen?

Worüber das läuft ist mir egal. Ich sehe eindeutig, dass Du aktuell für das form die Eigenschaft

form {
    margin: 0 0 0 25px;
}

angegeben hast. Das musst Du wie schon 2 Mal gesagt auf

form {
    margin: 0 auto;
    width: 530px;
}

ändern, wobei ich bei den 530 Pixeln von der Breite der input-Felder ausgehe.

 

[jakestyler]

okay, habe ich geändert. Immernoch nichts.

 

[threadi]

Ich sehe nicht, dass sich irgendwas an den CSS-Dateien geändert hat.

 

[jakestyler]

Eigentlich schon.. Ich ändere an der css/style.css

 

[thuemmy]

Vielleicht änderst Du das ja nur auf dem localhost und vergisst, das ganze hochzuladen?

 

[jakestyler]

nein. Ich lade direkt hoch...

 

[threadi]

Offenbar hast Du die HTML-Änderungen inzwischen wieder rückgängig gemacht. Allerdings sehe ich auch weiterhin keine Eigenschaften außer "margin: 0 0 0 25px;" für die form-Elemente. Der Grund ist deine Schreibweise in der CSS-Datei hier:
http://www.jokenetwork.de/css/style.css

Dort steht jetzt:

.form {
margin: 0 auto;
width: 530px;
...

Damit sprichst Du alle Klassen namens "form" an. Ich sprach aber davon das form-Element anzusprechen. Wenn Du das bei der Klasse beibehalten willst, dann musst Du diese Klasse dem form-Element des Contact-Abschnitts noch zuweisen, also in der HTML-Datei. Durch den in deiner .form-Deklaration geschriebenen opacity-Eigenschaft macht das aber wiederum keinen Sinn da das Formular dann transparent erscheint. Daher kann ich nur zum dritten Mal auf meinen Tipp hinweisen die o.g. Eigenschaft dem form-Element zuzuweisen.

 

[jakestyler]

Danke! Hat zwar etwas gedauert, aber jetzt hatte ich Zeit das umzusetzen... Läuft!