Willkommen |
|
myGully |
|
Links |
|
Forum |
|
|
|
|
21.09.14, 18:18
|
#1
|
*Kotzbrocken*
Registriert seit: Jul 2009
Ort: Braunschweig
Beiträge: 225
Bedankt: 89
|
Ausrichtung innerhalb einer einzelnen Tabellenzeile ändern?
Hallo,
ich bin mal wieder ratlos.
Wie kann ich die Ausrichtung der Buttons innerhalb der letzten Zeile in der zweiten Spalte ändern? Also, so, dass die Buttons rechtsbündig sind.
Hier der ganze Code der Tabelle innerhalb des form-Tags:
Zitat:
<form action="mailto:[email protected]" method="post" enctype="text/plain" name="Kontaktformular" id="Kontaktformular">
<table width="80%" align="center">
<tr></tr>
<tr>
<td width="40%">Anrede:</td>
<td width="60%"><input name="anrede" type="radio" id="radio" value="Frau" checked>
<label for="anrede"></label>
Frau
<input type="radio" name="anrede" id="radio2" value="Herr">
<label for="anrede"></label>
Herr</td>
</tr>
<tr>
<td>Vorname:</td>
<td><label for="vorname"></label>
<input type="text" name="vorname" id="vorname"></td>
</tr>
<tr>
<td>Nachname:</td>
<td><label for="nachname"></label>
<input type="text" name="nachname" id="nachname"></td>
</tr>
<tr>
<td>E-Mail:</td>
<td><label for="emailadresse"></label>
<input type="text" name="emailadresse" id="emailadresse"></td>
</tr>
<tr>
<td>Ihr Anliegen:</td>
<td><label for="anliegen"></label>
<textarea name="anliegen" id="anliegen" cols="30" rows="5"></textarea></td>
</tr>
<tr>
<td>Interessiert an:</td>
<td><input name="interesse" type="checkbox" id="interesse" value="Internetauftritt" checked>
<label for="interesse"></label>
Internetauftritt
<input name="interesse" type="checkbox" id="interesse" value="CMS">
<label for="interesse"></label>
CMS
<input name="interesse" type="checkbox" id="interesse" value="Webshop">
<label for="interesse"></label>
Webshop</td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="abschicken" id="abschicken" value="Send">
<input type="reset" name="loeschen" id="loeschen" value="Reset"></td>
</tr>
</table>
</form>
|
Wahrscheinlich stehe ich total auf dem Schlauch, ist vermutlich einfach. Ich komme aber nicht drauf.
Liebe Grüße und schon mal vielen Dank,
Eure Sloddy
|
|
|
22.09.14, 11:25
|
#2
|
*Kotzbrocken*
Registriert seit: Jul 2009
Ort: Braunschweig
Beiträge: 225
Bedankt: 89
|
Danke für den Denkanstoß!
Ich habe es mit einem div-Tag gelöst und funktioniert einwandfrei:
Zitat:
<tr>
<td> </td>
<td><div align="right"><input type="submit" name="abschicken" id="abschicken" value="Send">
<input type="reset" name="loeschen" id="loeschen" value="Reset"></div></td>
</tr>
|
Ist doch auch richtig, oder?
|
|
|
22.09.14, 15:32
|
#3
|
Aw Yiss!
Registriert seit: Jul 2009
Beiträge: 1.564
Bedankt: 3.089
|
Dann würdest du in der Tabelle ein weiteres div aufziehen, was in älteren Browsern das Design zerschießen kann.
Außerdem ist <div align="right"> nicht (mehr) valide. Wenn, dann <div style="text-align:right;">. Aber login2s Lösung ist in Ordnung.
|
|
|
Folgendes Mitglied bedankte sich bei MrTee:
|
|
22.09.14, 22:10
|
#4
|
Ist öfter hier
Registriert seit: May 2011
Beiträge: 239
Bedankt: 91
|
Zitat:
Zitat von Sloddy1985
... mit einem div-Tag gelöst und funktioniert einwandfrei....
|
Ich habe es jetzt nicht selber überprüft, aber ich fürchte Du täuscht Dich - auch wenn es in DEINEM Browser gut aussehen kann.
Lass die entsprechende Seite zur Sicherheit mal bei z.B. [ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ] überprüfen - so viele Ergebnisse wie möglich(!).
Passt es wirklich immer, super - die Browser federn den Fehler ab. Es geht auch die falsche aber einfache Methode. Aber Du kannst meinen "kleinen Einwand" einfach ignorieren.
Passt es zu oft, auch bei gängigen browsern, jedoch nicht - dann sag es bitte hier nochmal. Gibt valide Möglichkeiten, aber die sind bisserl mehr Tipparbeit
|
|
|
Folgendes Mitglied bedankte sich bei weberleins:
|
|
23.09.14, 10:36
|
#5
|
*Kotzbrocken*
Registriert seit: Jul 2009
Ort: Braunschweig
Beiträge: 225
Bedankt: 89
|
Div ist wirklich keine elegante Lösung. Login2, danke Dir für Deine Mühe!
Weberleins, leider konnte ich den Test nicht durchführen, da ich die Seite auf keinen Server hochgeladen habe. Trotzdem muss ich mir die Seite merken! :-)
Ich habe noch eine Frage:
Damit die Überschrift und der Absatztext auf derselben Höhe mit der Tabelle sind, habe ich es folgendermaßen gelöst:
HTML
Zitat:
<h2 class="fh">Kontaktformular</h2>
<p class="fp">Haben Sie Fragen, so kontaktieren Sie uns:</p>
<form action="mailto:[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]" method="post" enctype="text/plain" name="Kontaktformular" id="Kontaktformular">
<table width="65%" align="center">
<tr></tr>
<tr>......................
|
CSS
Zitat:
p.fp {
padding-left: 18%;
}
h2.fh {
padding-left: 18%;
}
|
Funktioniert auch einwandfrei. Aber ist das denn die elegante Lösung?
|
|
|
23.09.14, 15:38
|
#6
|
*Kotzbrocken*
Registriert seit: Jul 2009
Ort: Braunschweig
Beiträge: 225
Bedankt: 89
|
Zitat:
Zitat von login2
zu deiner letzten frage: ob elegant oder nicht ist doch wurscht. hauptsache es
funktioniert gut und bereitet später keine probleme.
|
Das stimmt. Dennoch sollte es ja schon einheitlich sein, falls man mal mit anderen
Webdesignern/-entwicklern zusammenarbeiten sollte zum Beispiel.
|
|
|
24.09.14, 13:14
|
#7
|
Ist öfter hier
Registriert seit: May 2011
Beiträge: 239
Bedankt: 91
|
Die "elegante" Lösung ist um einiges größer - HTML5 + CSS 3 mit den 3 Browservarianten plus eventuelle Kompromisse für ältere Browser.
Deswegen auch, das Du schauen solltest (was in Deinem Fall aktuell leider nicht möglich ist) ob es funktioniert oder nicht. Funktioniert es: lass es so, es ist definitiv eine leichte und machbare Lösung.
An die große, absolut konforme (Du nennst es elegante) Lösung solltest Du in dem Fall wirklich nur gehen, wenn es nicht klappt - der Aufwand ist einfach ziemlich groß und wenn die kleine Lösung funzt es einfach nicht wert. W3C konform wird es wahrscheinlich nicht sein, aber das sollte in so einem Fall relativ egal sein, wenn die Browser es richtig interpretieren.
Und es stimmt übrigens NICHT das eine 100% konforme Seite von Haus aus besser bei Google rankt als eine nicht ganz konforme Webseite. Das wirkt sich erst aus, wenn wirklich einiges an "Fehlern" zusammenkommt. Andere Sachen wirken sich da viel schneller aus als ein paar kleine Programmierunschönheiten.
|
|
|
Folgendes Mitglied bedankte sich bei weberleins:
|
|
28.09.14, 10:23
|
#8
|
*Kotzbrocken*
Registriert seit: Jul 2009
Ort: Braunschweig
Beiträge: 225
Bedankt: 89
|
Ja, das ist logisch!
Danke für Deine Tipps!
|
|
|
Forumregeln
|
Du kannst keine neue Themen eröffnen
Du kannst keine Antworten verfassen
Du kannst keine Anhänge posten
Du kannst nicht deine Beiträge editieren
HTML-Code ist Aus.
|
|
|
Alle Zeitangaben in WEZ +1. Es ist jetzt 00:47 Uhr.
().
|