NickName: höchste div-breite auslesen und auf alle divs anwenden

Beitrag lesen

So liebe Leutz...

da ich nicht mit Eurem Tipp zu den Listenelemente klargekommen bin, habe ich das Problem nun ganz simpel gelöst ;)

Ich hab mich einfach wieder an "alte Zeiten" zurück erinnert und den Aufbau tabellarisch gestaltet - der Code sieht vielleicht nicht schön aus, aber das stört mich vorerst nicht (bis ich mir denn dann mal zutrauen kann die Seite komplett neu zu programmieren) denn es funktioniert so, wie ich es mir vorgestellt habe.

Anzeige beim Client:

http://www.sosuma.de/Alt/1/img/Screenshot_17.jpg http://www.sosuma.de/Alt/1/img/Screenshot_18.jpg

Serverseitiger Code:

	<table style="position:relative;border-collapse:collapse;top:-25px;left:525px;" border="0" cellpadding="0" cellspacing="0" summary="Unterkategorien">
		<tr>
			<td width="100%" align="center">
				<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;height:37px;" width="100%" summary="Unterkategorien">
					<tr>
						<td width="44" align="center" style="background-image:url(image/elements/reiter_hkat_l.jpg);">&nbsp;</td>
						<td align="center" style="background-image:url(image/elements/reiter_hkat_m.jpg);">
							<div align="center" style="height:37px">
								<table align="center" class="Stil23" border="0" cellpadding="0" cellspacing="0" style="position:relative;border-collapse:collapse;height:37px;top:2px;" width="100%" summary="Unterkategorien">
									<tr>
										<td style="width:100%" align="center">
											<strong>Unterkategorien</strong>
										</td>
									</tr>
								</table>
							</div>
						</td>
						<td width="41" align="center" style="background-image:url(image/elements/reiter_hkat_r.jpg);">&nbsp;</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td width="100%">
				<table border="0" summary="Unterkategorien">
					<tr>
						<td>&nbsp;</td>
						<td width="100%">
							<?php 		
								$db = mysql_connect($db_server, $db_user, $db_passwort);
								mysql_select_db($db_name, $db);
								$sql = "SELECT * FROM `nt_unterkategorien` WHERE FK_Kateg = '$_GET[id]'";
								$result = mysql_query($sql);
								while($row = mysql_fetch_row ($result))
									{
										$db = mysql_connect($db_server, $db_user, $db_passwort);
										mysql_select_db($db_name, $db);
										$_GET['ukat'] = $row[1];
										$_GET['ukat2'] = $row[2];
										$_GET['einr'] = $row[0];
										$db = mysql_connect($db_server, $db_user, $db_passwort);
										mysql_select_db($db_name, $db);
										$sql1a = "SELECT * FROM `zt_ukat` WHERE ((FK_UKateg='$row[0]') AND (FK_Bezirk='$_GET[id_bez]'))";
										$result1a = mysql_query($sql1a);
										$rowta = mysql_fetch_row ($result1a);
										$menge= mysql_num_rows($result1a);
							?>
							<?php
								if ( $row[0] == 6  OR  $row[0] == 7)
									{
							?>
							<div align="left" style="height:33px">
								<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;height:33px;" width="100%" summary="Unterkategorien">
									<tr>
										<td width="13" align="center" style="background-image:url(image/elements/kateg_hg_l.gif);">&nbsp;</td>
										<td align="center" style="background-image:url(image/elements/kateg_hg_m.gif);">
											<table border="0" cellpadding="0" cellspacing="0" style="position:relative;left:5px;top:-3px;border-collapse:collapse;" width="100%" summary="Unterkategorien">
												<tr>
													<td width="100%">
															<a href="<?php echo 'ebene_05.php?bez=' . strip_tags($_GET['bez']) . '&amp;bez1=' . urlencode(strip_tags($_GET['bez1'])) . '&amp;ukat=' . urlencode(strip_tags($_GET['ukat'])) . '&amp;ukat2=' . urlencode(strip_tags($_GET['ukat2'])) . '&amp;kat=' . urlencode(strip_tags($_GET['kat'])) . '&amp;einr=' . strip_tags($row[0]) . '&amp;id=' . strip_tags($_GET['id']) . '&amp;id_bez=' . strip_tags($_GET['id_bez']) ; ?>" class="Stil11">
																<?php echo $row[1] . '&nbsp;('.$menge.')' ; ?>
															</a>
													</td>
													<td>&nbsp;&nbsp;</td>
												</tr>
											</table>
										</td>
										<td style="background-image:url(image/elements/kateg_hg_r_w.gif);width:30px;">
											<img style="position:relative;width:15px;height:22px;top:-2px;left:5px;" border="0" src="image/wappen_klein_jpg/<?php echo $_GET['bez'] ;?>" alt="Wappen">
										</td>
									</tr>
								</table>
							</div>
							<?php
									}
								else
									{
							?>
							<div align="left" style="height:33px">
								<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;height:33px;" width="100%" summary="Unterkategorien">
									<tr>
										<td align="center" style="background-image:url(image/elements/kateg_hg_l.gif);width:13px;">&nbsp;</td>
										<td align="left" style="background-image:url(image/elements/kateg_hg_m.gif);">
											<table border="0" cellpadding="0" cellspacing="0" style="position:relative;left:5px;top:-3px;border-collapse:collapse;" width="100%" summary="<?php echo strip_tags($row[1]) ; ?>">
												<tr>
													<td width="100%">
														<a class="Stil11" href="<?php echo 'ebene_05.php?bez=' . strip_tags($_GET['bez']) . '&amp;bez1=' . urlencode(strip_tags($_GET['bez1'])) . '&amp;ukat=' . urlencode(strip_tags($_GET['ukat'])) . '&amp;ukat2=' . urlencode(strip_tags($_GET['ukat2'])) . '&amp;kat=' . urlencode(strip_tags($_GET['kat'])) . '&amp;einr=' . strip_tags($row[0]) . '&amp;id=' . strip_tags($_GET['id']) . '&amp;id_bez=' . strip_tags($_GET['id_bez']) ; ?>">
															<?php echo strip_tags($row[1]) . '&nbsp;('.$menge.')'; ?>
														</a>
													</td>
												</tr>
											</table>
										</td>
										<td width="15" style="background-image:url(image/elements/kateg_hg_r.gif)">&nbsp;</td>
									</tr>
								</table>
							</div>
							<?php
									}
									}
							?>
						</td>
						<td>&nbsp;</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>

Bevor wieder jemand "meckert"... Die Styleangaben werden noch ausgelagert^^

Quelltext:


	<table style="position:relative;border-collapse:collapse;top:-25px;left:525px;" border="0" cellpadding="0" cellspacing="0" summary="Unterkategorien">
		<tr>

			<td width="100%" align="center">
				<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;height:37px;" width="100%" summary="Unterkategorien">
					<tr>
						<td width="44" align="center" style="background-image:url(image/elements/reiter_hkat_l.jpg);">&nbsp;</td>
						<td align="center" style="background-image:url(image/elements/reiter_hkat_m.jpg);">
							<div align="center" style="height:37px">
								<table align="center" class="Stil23" border="0" cellpadding="0" cellspacing="0" style="position:relative;border-collapse:collapse;height:37px;top:2px;" width="100%" summary="Unterkategorien">
									<tr>
										<td style="width:100%" align="center">

											<strong>Unterkategorien</strong>
										</td>
									</tr>
								</table>
							</div>
						</td>
						<td width="41" align="center" style="background-image:url(image/elements/reiter_hkat_r.jpg);">&nbsp;</td>
					</tr>

				</table>
			</td>
		</tr>
		<tr>
			<td width="100%">
				<table border="0" summary="Unterkategorien">
					<tr>
						<td>&nbsp;</td>
						<td width="100%">

																					<div align="left" style="height:33px">
								<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;height:33px;" width="100%" summary="Unterkategorien">
									<tr>
										<td width="13" align="center" style="background-image:url(image/elements/kateg_hg_l.gif);">&nbsp;</td>
										<td align="center" style="background-image:url(image/elements/kateg_hg_m.gif);">
											<table border="0" cellpadding="0" cellspacing="0" style="position:relative;left:5px;top:-3px;border-collapse:collapse;" width="100%" summary="Unterkategorien">
												<tr>
													<td width="100%">
															<a href="ebene_05.php?bez=fried.gif&amp;bez1=Friedrichshain-Kreuzberg&amp;ukat=B%FCrger%E4mter&amp;ukat2=2&amp;kat=Beh%F6rden&amp;einr=6&amp;id=2&amp;id_bez=1" class="Stil11">

																Bürgerämter&nbsp;(3)															</a>
													</td>
													<td>&nbsp;&nbsp;</td>
												</tr>
											</table>
										</td>
										<td style="background-image:url(image/elements/kateg_hg_r_w.gif);width:30px;">
											<img style="position:relative;width:15px;height:22px;top:-2px;left:5px;" border="0" src="image/wappen_klein_jpg/fried.gif" alt="Wappen">

										</td>
									</tr>
								</table>
							</div>
																					<div align="left" style="height:33px">
								<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;height:33px;" width="100%" summary="Unterkategorien">
									<tr>
										<td width="13" align="center" style="background-image:url(image/elements/kateg_hg_l.gif);">&nbsp;</td>
										<td align="center" style="background-image:url(image/elements/kateg_hg_m.gif);">

											<table border="0" cellpadding="0" cellspacing="0" style="position:relative;left:5px;top:-3px;border-collapse:collapse;" width="100%" summary="Unterkategorien">
												<tr>
													<td width="100%">
															<a href="ebene_05.php?bez=fried.gif&amp;bez1=Friedrichshain-Kreuzberg&amp;ukat=Staatliche+Einrichtungen&amp;ukat2=2&amp;kat=Beh%F6rden&amp;einr=7&amp;id=2&amp;id_bez=1" class="Stil11">
																Staatliche Einrichtungen&nbsp;(27)															</a>
													</td>
													<td>&nbsp;&nbsp;</td>
												</tr>

											</table>
										</td>
										<td style="background-image:url(image/elements/kateg_hg_r_w.gif);width:30px;">
											<img style="position:relative;width:15px;height:22px;top:-2px;left:5px;" border="0" src="image/wappen_klein_jpg/fried.gif" alt="Wappen">
										</td>
									</tr>
								</table>
							</div>
													</td>

						<td>&nbsp;</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>

Ich danke Euch trotzdem für die Versuche mir zu helfen und auch, dass Ihr die Gefahr von Augenkrebs, bei Betrachtung des Codes, nicht gescheut habt!

MfG Nick