Problem mit der Ausrichtung von Checkbox und text

NTM · 11.11.2011, 11:41

Hallo zusammen,
ich weis nicht ob ich hier überhaupt richtig bin.
Ich habe folgendes Problem. Ich habe folgende Code geschrieben der auch funktioniert.
Nun ist mein Problem das der Text der hinter der Checkbox mal 4 Zeichen lang ist und mal 7 Zeichen lang.
Dementsprechend werden die checkbox immer wieder etwas verrückt.
Gibt es eine Möglichkeit zu sagen richte dich mal längsten Text aus?

Danke für eure Hilfe.

Code:

<?php
require('lib/Database.class.php');
$db->connect();
$query='SELECT h_code FROM sprache_h_code_eng';
$rows=$db->query($query);

if (mysql_num_rows($rows)) {?>
<form name='delete_form' id='delete_form' action='' method='post'>
<br/>                        
<?php
$i = 0;	
while ($result = $db->fetch_array($rows))
{
if($i == 10) {
echo "<br><br>";
$i = 0;
}
$i++;
$id = $result['id'];
$event = $result['h_code'];
echo "<input type='checkbox' name='deleteCB[]' value='$id' />$event&nbsp;&nbsp;";
}
echo "<br><br>";
echo "<input type='submit' id='deleteBtn' value='Weiter' name='deleteBtn' />";
echo "</form>"; }  //end if?>

ChrisB · 11.11.2011, 11:50

Zitat:

Zitat von NTM

ich weis nicht ob ich hier überhaupt richtig bin.

Nein, dass bist du mit einem clientseitigen Problem im PHP-Bereich nicht. *verschieb*

Und da du ein clientseitiges Problem hast, zeige bitte auch clientseitigen Code (HTML), und keinen serverseitigen.

NTM · 11.11.2011, 11:53

Ok danke anbei mein kompletter Code.

Was meinst du mit
"zeige bitte auch clientseitigen Code (HTML)"

wenn ich dich Richtig verstehe mache ich also etwas falsch oder habe etwas vergessen.
Nun die Frage was oder wie?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" href="css/demos.css">
        <link href="css/jquery-ui-1.8.7.custom.css" type="text/css" rel="stylesheet" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>
        <script type="text/javascript" src="checkbox.js"></script>

        <title> All Events</title>
        
</head>
<body>
            <div id="dialog-confirm" title="Sind alle Sprachen ausgewählt?">
                <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>
                Wenn du dir sicher bis das alle Sprachen ausgewählt sind drücke unten auf Weiter.</p>
            </div>
     
            <?php
require('lib/Database.class.php');
$db->connect();
 $query='SELECT h_code FROM sprache_h_code_eng';
                 $rows=$db->query($query);

                  if (mysql_num_rows($rows)) {?>
                         <form name='delete_form' id='delete_form' action='' method='post'>
                          <br/>                        
                          <?php
							$i = 0;	
							while ($result = $db->fetch_array($rows))
							{
									if($i == 10) {
										echo "<br><br>";
										$i = 0;
									}
                               		$i++;
                                    $id = $result['id'];
                                    $event = $result['h_code'];
                                    echo "<input type='checkbox' name='deleteCB[]' value='$id' />$event&nbsp;&nbsp;";
							   }
					echo "<br><br>";
                                echo "<input type='submit' id='deleteBtn' value='Weiter' name='deleteBtn' />";
                                echo "</form>"; }  //end if?>

</body>
</html>

ChrisB · 11.11.2011, 11:58

Zitat:

Zitat von NTM

Was meinst du mit
"zeige bitte auch clientseitigen Code (HTML)"

Zeige den Code, den der Client (Browser) erhält – also nix PHP.

Delirius · 11.11.2011, 12:01

Hallo!

Zitat:

Zitat von NTM

Was meinst du mit "zeige bitte auch clientseitigen Code (HTML)"

Wenn du das nicht ganz verstehst, solltest du dir nochmal die Grundlagen von HTML und PHP anschauen und damit vertraut machen, was welche Sprache tut.

Kurz gesprochen:
- HTML --> clientseitig
- PHP --> serverseitig

mquadrat · 12.11.2011, 16:03

Naja, sein Problem lässt sich ja aus dem PHP auch schon ablesen. Ich werf mal das Wort Tabelle in den Raum, denn genau sowas versucht er anzuzeigen

Wenn du eine Tabelle anzeigen möchtest, spricht nichts dagegen auch eine Tabelle zu verwenden. Damit sind dann alle deine Checkboxen sauber untereinander ausgerichtet. Achtung falls die Anzahl der Boxen != Anzahl der Zellen der Tabelle sind. Die überzähligen mit   füllen, da es sonst zu Renderingunterschieden in den Browsern kommen kann/wird.

ChrisB · 12.11.2011, 16:25

Zitat:

Zitat von mquadrat

Naja, sein Problem lässt sich ja aus dem PHP auch schon ablesen.

Das mag sein – aber wer hat schon immer Lust auf raten, nur damit’s dann nachher vielleicht doch wieder anders gemeint war – wenn man das Problem mit einem kurzen, simplen Beispiel-HTML-Dokument auch gleich anschaulich beschreiben könnte?

Zitat:

Wenn du eine Tabelle anzeigen möchtest, spricht nichts dagegen auch eine Tabelle zu verwenden.

Möglichkeiten mit CSS gäb’s aber sicher auch einige.

mquadrat · 13.11.2011, 10:41

Sicher kann man das mit CSS machen, aber wie gesagt: Wenn Tabelle dann Tabelle

Außer es soll fluid werden, dann funktioniert eine Tabelle mit einer festen Anzahl Spalten natürlich nicht wirklich. Dann eben Container außenrum, Breite setzen und floaten.

ChrisB · 13.11.2011, 12:15

Zitat:

Zitat von mquadrat

Sicher kann man das mit CSS machen, aber wie gesagt: Wenn Tabelle dann Tabelle

Erst mal zu klären, ob Tabelle

Es handelt sich um eine Liste an-/abwählbarer Optionen – also hätte man zunächst mal nur eine „Spalte“, und das rechtfertigt meist keine Tabelle.
Gut, man kann es entsprechend „aufblasen“, in dem man Checkbox und Beschriftung als zwei Spalten ansieht. Ob das aber wirklich die Betrachtung als tabellarische Daten rechtfertigt – oder lässt man sich dabei zu sehr von der reinen Optik leiten, die man von Fragebögen etc. gewohnt ist …?

nikosch · 13.11.2011, 23:10

Sinnvollerweise benutzt man hier einfach Labels mit fester Breite. Aber selbst das garantiert nicht, dass man ein besonders langer Eintrag nicht noch breiter ist. Besonders übersichtlich stelle ich mir das ganze eh nicht vor - 10 Sprachen pro Zeile und x Zeilen. Wäre (mal wieder) sinnvoll, den Hintergrund zu erfahren.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Denkanstoß: Tabelle	Horatio	PHP Einsteiger	2	06.11.2011 18:10
Bilder und Fliesstext - fpdf	tsunami	PHP Einsteiger	19	15.06.2011 18:27
[Erledigt] CSS Problem (Links Bild, Rechts Text nicht 100% korrekt)	smilla	HTML, Usability und Barrierefreiheit	2	14.04.2011 19:10
[Erledigt] CSS Problem, Links ausrichten	monk	HTML, Usability und Barrierefreiheit	7	09.03.2010 20:33
Text in Datenbank umwandeln	muffinsbacken	PHP Tipps 2009	9	07.01.2009 18:40
Text mit Smilies austauschen - Problem	Black-Devil	PHP Tipps 2008	13	07.09.2008 22:42
checkbox problem	haufe	PHP Tipps 2008	6	18.02.2008 16:32
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
Checkbox Text daneben	andrew22	HTML, Usability und Barrierefreiheit	7	22.02.2007 16:44
checkbox problem	test022	PHP Tipps 2006	18	25.01.2006 21:59
CSS - Design (clear - Problem)		HTML, Usability und Barrierefreiheit	7	21.12.2005 14:55
txt-Datei erstellen	d-81	PHP Tipps 2004	12	11.08.2004 20:31
[Erledigt] Ausrichtung von Text innerhalb von Button ändern?		HTML, Usability und Barrierefreiheit	10	29.06.2004 10:50
Problem mit Text Kürzen :/		PHP Tipps 2004	10	12.06.2004 20:25


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

12.11.2011, 16:03
mquadrat Erfahrener Benutzer Registriert seit: 02.09.2009 Beiträge: 1.019 PHP-Kenntnisse: Fortgeschritten	Naja, sein Problem lässt sich ja aus dem PHP auch schon ablesen. Ich werf mal das Wort Tabelle in den Raum, denn genau sowas versucht er anzuzeigen Wenn du eine Tabelle anzeigen möchtest, spricht nichts dagegen auch eine Tabelle zu verwenden. Damit sind dann alle deine Checkboxen sauber untereinander ausgerichtet. Achtung falls die Anzahl der Boxen != Anzahl der Zellen der Tabelle sind. Die überzähligen mit   füllen, da es sonst zu Renderingunterschieden in den Browsern kommen kann/wird. __________________ Wir suchen PHP Entwickler (Vollzeit) im Raum Darmstadt / Rhein-Main. Infos via E-Mail mueller@new-frontiers.de

13.11.2011, 10:41
mquadrat Erfahrener Benutzer Registriert seit: 02.09.2009 Beiträge: 1.019 PHP-Kenntnisse: Fortgeschritten	Sicher kann man das mit CSS machen, aber wie gesagt: Wenn Tabelle dann Tabelle Außer es soll fluid werden, dann funktioniert eine Tabelle mit einer festen Anzahl Spalten natürlich nicht wirklich. Dann eben Container außenrum, Breite setzen und floaten. __________________ Wir suchen PHP Entwickler (Vollzeit) im Raum Darmstadt / Rhein-Main. Infos via E-Mail mueller@new-frontiers.de

13.11.2011, 23:10
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Sinnvollerweise benutzt man hier einfach Labels mit fester Breite. Aber selbst das garantiert nicht, dass man ein besonders langer Eintrag nicht noch breiter ist. Besonders übersichtlich stelle ich mir das ganze eh nicht vor - 10 Sprachen pro Zeile und x Zeilen. Wäre (mal wieder) sinnvoll, den Hintergrund zu erfahren. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --