✔ Problem bei der Anzeige eines Buttons

[kbit]

Hi ich lasse mir aus meiner DB die Datensätze in einer Tabelle ausgeben.

while ($row =mysql_fetch_array($result,MYSQL_ASSOC))
		{
			echo "<tr><td>";
			echo'<input type="checkbox" name="delete" value="'.$row['U_ID'].'">';
			echo implode ("</td><td>",$row);
			echo "</td></tr>";

		}
		echo "</table>";
		echo'<input type="submit" name="submit" value="löschen" />';
		echo"</form>";

Das Problem was ich nun habe ist, das der Button zum löschen nicht direkt unter die Tabelle ausgegeben wird, sondern so ca. 2-3 Zeilenumbrüche darunter. Ich möchte aber das der Button direkt darunter ausgegeben wird?

 

[crazymischl]

Hi,
probires mal mit :

		    echo "<tr><td>";
			echo'<input type="checkbox" name="delete" value="'.$row['U_ID'].'">';
			echo "</td><td>";
			echo $row ;
			echo "</td></tr>";

einfach ausprobieren, könnte villeicht helfen :suspekt:

//Uups xD hab übersehen dass das nen array is xD sry

 

[kbit]

Hi,
probires mal mit :

PHP-Code:
echo "<tr><td>";
echo'<input type="checkbox" name="delete" value="'.$row['U_ID'].'">';
echo "</td><td>";
echo $row ;
echo "</td></tr>";
einfach ausprobieren, könnte villeicht helfen

Moin, wenn ich nur $row schreibe ohne das implode gibt er mir keinen Datensatz aus sondern nur ein arra, deshalb kann ich das so nicht machen. Ich denke mal es liegt an der Tabelle das er darunter 2 oder 3 Zeilenumbrüche macht.

 

[Maik]

Hi,

dann zeig mal bitte den PHP-geparsten, sprich den vom Browser ausgegebenen HTML-Code, und falls vorhanden, das dazugehörige Stylesheet, denn bei mir wird da kein oder mehrere Zeilenumbrüche zwischen Tabelle und Button eingefügt.

 

[kbit]

Hi, danke für den Tipp hab den fehler so gefunden.
Hab noch mal eine frage.

Ich hab 3 Links :

<a id="bild" href="javascript:lage('ab')">Lagebeschreibung</a>	
<a id="bild" href="javascript:ben('bc')">Benennung/Widmung</a>	
<a id="bild" href="javascript:ben('bc')">Legende</a>

Und ich wollte nun das über allen drei Links ein Rahmen oben und unten angezeigt wird.

#bild{
font:bold 15px verdana, sans-serif;
margin: 0 0 0 10px;
padding:2px 4px 4px 4px;
text-decoration:none;
border-top:2px solid black;
border-bottom:2px solid black;
color:black;
}

Das Problem ist das er keinen durchgezogenen Rahmen anzeigt sondern immer nur so lang wie das Wort vom Link ist und zwischen denk Links eine Lücke läßt.
Habs dann mal versucht indem ich einen neuen div angelegt habe und zwar so:

<div class="bild">
<a href="javascript:lage('ab')">Lagebeschreibung</a>	
<a  href="javascript:ben('bc')">Benennung/Widmung</a>	
<a  href="javascript:ben('bc')">Legende</a>
</div>

Das klappt zwar aber er setzt die Links so eine Zeile tiefer was ich aber nicht möchte.
Hat jemand eine Idee?

 

[Maik]

Hi,

versuch es mal hiermit:

.bild{
font:bold 15px verdana, sans-serif;
margin: 0 0 0 0;
padding:2px 4px 4px 4px;
text-decoration:none;
border-top:2px solid black;
border-bottom:2px solid black;
color:black;
float:left;
}

<a class="bild" href="javascript:lage('ab')">Lagebeschreibung</a>
<a class="bild" href="javascript:ben('bc')">Benennung/Widmung</a>
<a class="bild" href="javascript:ben('bc')">Legende</a>

Eine ID muss im HTML-Dokument eindeutig sein, darf darin also nicht mehrmals vergeben werden. Aus diesem Grund habe ich die ID in eine Klasse umgewandelt.

Damit der Rahmen vollständig angezeigt wird, muss das Inline-Element "Block-Level-Charakteristika" erhalten, entweder durch display:block, oder in deinem Fall mit der float-Eigenschaft, da die Links vermutlich nebeneinander angeordnet werden sollen.

Dass bei dir zwischen ihnen eine Lücke bestand, lag an der margin:0 0 0 10px-Deklaration, denn der letzte Wert steht für den linken Außenabstand.

 

[kbit]

Hi, ja das mit de lücke stimmte. Er macht nun auch eine duchgezogene Linie, aber er springt in die nächste Zeile mit den Links.

<a href="javascript:void(0);" onclick="show('id_klein');"><img src="../../lupe+.jpg" title="Kartenausschnitt vergrößern" alt= "kein bild" border="0"></a>
<a href="javascript:void(0);" onclick="show('id_gross');"><img src="../../lupe-.jpg" title="Kartenausschnitt verkleinern" alt= "kein bild" border="0"></a>
<a class="bild" href="javascript:lage('ab')">Lagebeschreibung</a>	
<a class="bild" href="javascript:ben('bc')">Benennung/Widmung</a>	
<a class="bild" href="javascript:ben('bc')">Legende</a>

Das Problem ist ich wollte das die beiden Bilder und die Links auf einer Ebene sind, also nebeneinander. Und im moment zeigt er mir die Links unter den Bildern an.

 

[Maik]

Kannst du denn aus meinem CSS-Code und meiner Erläuterung keine Rückschlüsse ziehen, wie sich die Elemente in einer Zeile anordnen lassen?

 

[kbit]

Sagen wir halb. Wenn ich den Bildern auch die Klasse zuweise dann sind die in einer Reihe. Aber ich möchte halt das nur der Rahmen über die Links gezogen wird.

 

[Maik]

a.controller {
float:left;
}

<a class="controller" href="javascript:void(0);" onclick="show('id_klein');"><img src="../../lupe+.jpg" title="Kartenausschnitt vergrößern" alt= "kein bild" border="0"></a>
<a class="controller" href="javascript:void(0);" onclick="show('id_gross');"><img src="../../lupe-.jpg" title="Kartenausschnitt verkleinern" alt= "kein bild" border="0"></a>

Etwas mehr Einfallsreichtum darfst du ruhig an den Tag legen