[PHP] Feld zu klein - Text abgeschnitten

[secret_3des]

Hi!

Ich steh auf dem Schlauch: Wieso ist die Auswahlbox für die Anrede "Frau, Herr" zu klein und schneidet den Text ab? Wer hat eine Lösung für das Problem(chen)?

http://www.ort-der-spiele.de/kontakt.php

Viele Grüße
Tom

PS. Allgemeine Verbesserungsvorschläge zur Seite sind erwünscht!

 

[RuL3R]

Ein bisschen Quelltext würde uns bei der Fehlersuche weiterhelfen.

 

[secret_3des]

Ähm, ja.. natürlich:

<tr>					      
<td><strong>Anrede:</strong></td>

<td>
<select name="anrede";>
<option <?=($_POST['anrede']=='Frau')?'selected':''?>>Frau</option>
<option <?=($_POST['anrede']=='Herr')?'selected':''?>>Herr</option>
</select>
</td>
</tr>

 

[RuL3R]

Also an dem Fetzen des Quelltextes liegt es schonmal nicht. Wenn ich das ausführe zeigt die Select-Box das komplette Wort an.
Es könnte vielleicht an der Tabelle liegen. Wie hast du das denn gebaut?

 

[secret_3des]

Die Tabelle sieht so aus:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> ..

Könnte es vielleicht an der css Datei (default.css) liegen?
http://www.ort-der-spiele.de/default.css

 

[RuL3R]

Daran kann es liegen. Ich kenn mich zwar mit CSS nicht so aus, aber du kannst mit CSS deine Select-Box in die Breite ziehen.
Vielleicht probierst du es mal so.

Ich habe mal die komplette Seite ohne CSS auf meinem Server ohne Probleme ausgeführt.
Ich denke da wird wohl irgendwo der Fehler liegen.

 

[DerEineDa]

Es liegt am

* {
	margin: 0;
	padding: 0;
}

in der Stylesheet-Datei.

 

[secret_3des]

@RuL3R: Vielen Dank für deine Mühe!

@DerEineDa: Danke für den Tipp! Das ist das Problem. Leider verhaut es mir mein ganzes Layout, wenn ich das rausschmeisse.. Hast du vielleicht einen Tipp für mich wie ich das am besten löse ohne das Layout in Mitleidenschaft zu ziehen?

 

[Zweipunktnull]

Hast du das Problem gelöst?
Bei mir wird ja nämlich überhaupt nichts abgeschnitten - weder im Firefox, noch im Opera, noch im Internet Explorer...

 

[secret_3des]

Wie gesagt: Das Problem mit dem Abschneiden besteht jetzt nicht mehr, allerdings müsste ich die ganze css-Datei überarbeiten und frage mich ob es da nicht einen Trick gibt, um das zu vermeiden. Im Moment ist das Layout verhunzt, weil die Abstände nicht mehr passen.

 

[krizzelfix]

Wiese dem Select Feld doch einfach eine ID zu in dem du Margin und Padding auf die passenden Werte setzt.

 

[DerEineDa]

Das ganze Konzept, dass du zuerst gar kein margin haben wolltest, ist das Problem, weswegen nun nichts mehr passt. So wie ich das sehe kannst du schon eine Menge wieder hinbiegen, indem du h2 auf margin 0 setzt:

h2 { margin:0; padding:0; }

Der Vorschlag von tewes würde natürlich auch klappen, aber ganz allgemein finde ich die Idee mit dem * im Stylesheet wenig elegant.

 

[secret_3des]

Danke für eure Hilfe!

@tewes: Könntest du mir bitte noch sagen wie sowas konkret ausschauen könnte? Meine css-Kenntnisse sind nicht besonders gut.

edit: Was sind denn passende Margin- und Padding-Werte?

 

[krizzelfix]

Das müsste ca. so aussehen:

*{
margin: 0px;
padding: 0px;
}

.selectfeld {
padding: 2px 5px 2px 2px;
}
<tr>					      
<td><strong>Anrede:</strong></td>

<td>
<select name="anrede"; class="selectfeld">
<option <?=($_POST['anrede']=='Frau')?'selected':''?>>Frau</option>
<option <?=($_POST['anrede']=='Herr')?'selected':''?>>Herr</option>
</select>
</td>
</tr>

Ich weiss nicht obs es so passt. Musst du einfach mal ausprobieren und an sonsten die werdte beim Padding verändern.

 

[secret_3des]

Danke für deine / eure Hilfe! :-)

Ich hab es gestern Abend noch folgendermassen gelöst und bin nicht mehr dazu gekommen es hier zu schreiben:

default.css:

.post .story .feld {
	width: 146px;
}

kontakt.php
<td>
<select name="anrede" class="feld";>
<option <?=($_POST['anrede']=='Frau')?'selected':''?>>Frau</option>
<option <?=($_POST['anrede']=='Herr')?'selected':''?>>Herr</option>
</select>
</td>

 

[DerEineDa]

Wieso machst du eigentlich bei sowas

<select name="anrede" class="feld";>

immer ein Semikolon? Hat da nichts zu suchen.