✔ clandesign... hilfe benoetigt!

ZE23 · 24. Juni 2005

hi
ich hab ein problem undzwar arbeite ich an einer homepage fuer meinen clan: seht es euch besser selbst an ^^ http://goingdown.go.funpic.de/newpage/index.php mein problem ist dass das so weit auseinander ist wenn da zuviel text ist... hier der qt:

Code:

<?php
include("_mysql.php");
include("_settings.php");
include("_functions.php");
?>
<html>
  <title>...:::#going-down ::: Gaming Since 2k5:::...</title>
  <link href="_stylesheet.css" rel="stylesheet" type="text/css">
  <script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {
	background-image: url();
	background-color: #FFFFFF;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
a {
	font-size: 10px;
	color: #666666;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #3A4E33;
}
a:active {
	color: #666666;
}
.Stil2 {color: #FFFFFF}
.Stil3 {color: #FDFDFD}
-->
</head>
<body bgcolor="#222222" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (index.psd) -->
<table id="Table_01" width="1001" height="721" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="6">
			<img src="images/header.jpg" width="1000" height="143" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="143" alt=""></td>
	</tr>
	<tr>
		<td colspan="6">
			<img src="images/index_02.jpg" width="1000" height="31" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="31" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?site=news" ><img src="images/news.jpg" width="132" height="21" alt="" border="0"></a></td>
		<td rowspan="29">
			<img src="images/index_04.jpg" width="29" height="547" alt=""></td>



		<td rowspan="29" background="images/index_05.jpg" bgcolor="#ffffff" width="670" height="547" alt="" style="vertical-align:top; text-align:left;">  <?
	    if(!isset($site)) $site="news";
	    include($site.".php");
	  ?>
	<br>




		<td rowspan="29">
			<img src="images/index_06.jpg" width="29" height="547" alt=""></td>


		<td colspan="2" rowspan="5" background="images/login_nav.jpg" width="140" height="106" bgcolor="#ffffff">
			<? include("login.php"); ?></td>


		<td>
			<img src="images/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?site=guestbook"><img src="images/gbook.jpg" width="132" height="21" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?site=forum"><img src="images/board.jpg" width="132" height="21" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_10.jpg" width="132" height="31" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="31" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<a href="index.php?site=members"><img src="images/members.jpg" width="132" height="21" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="12" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="3">
			<img src="images/index_12.jpg" width="140" height="41" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="9" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?site=clanwars"><img src="images/cw.jpg" width="132" height="22" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="22" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<a href="index.php?site=history"><img src="images/his.jpg" width="132" height="20" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td rowspan="6" background="images/vote_nav.jpg" width="139" height="107" bgcolor="#ffffff">
			</td>
		<td rowspan="15">



			<img src="images/index_16.jpg" width="1" height="280" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?site=awards"><img src="images/awards.jpg" width="132" height="21" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?site=ruels"><img src="images/ruels.jpg" width="132" height="21" alt="" border="0"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?site=sponsors"><img src="images/sponsors.jpg" width="132" height="23" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="23" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_20.jpg" width="132" height="29" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="29" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<a href="index.php?site=calendar"><img src="images/evebts.jpg" width="132" height="21" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="3" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/index_22.jpg" width="139" height="38" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="18" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<a href="index.php?site=server"><img src="images/servers.jpg" width="132" height="21" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="20" alt=""></td>
	</tr>


	<tr>
		<td rowspan="5" background="images/stats_nav.jpg" width="139" height="95" bgcolor="#ffffff">
			 <? include("counter.php"); ?></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>






	<tr>
		<td>
			<a href="index.php?site=registered_users"><img src="images/community.jpg" width="132" height="21" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?site=files"><img src="images/downloads.jpg" width="132" height="21" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?site=links" ><img src="images/links.jpg" width="132" height="21" alt="" border="0"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_28.jpg" width="132" height="31" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="31" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?site=whoisonline"><img src="images/faq.jpg" width="132" height="21" border="0" alt=""></a></td>
		<td rowspan="2">
			<img src="images/index_30.jpg" width="139" height="40" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<a href="index.php?site=polls"><img src="images/votes.jpg" width="132" height="21" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>



		<td colspan="2" rowspan="5" background="images/wars_nav.jpg" bgcolor="#ffffff" style="vertical-align:top; text-align:center;"><? include("sc_results.php"); ?>
			</td>



		<td>
			<img src="images/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?site=challenge" ><img src="images/mailus.jpg" width="132" height="21" border="0" alt="votes"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="index.php?site=search" ><img src="images/about.jpg" width="132" height="22" border="0" alt=""></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="22" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/blank.jpg" width="132" height="20" border="0" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="20" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/index_36.jpg" width="132" height="55" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="38" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_37.jpg" width="139" height="17" alt=""></td>
		<td>
			<img src="images/index_38.jpg" width="1" height="17" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="17" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

waere echt nett wenn ihr mir helfen koennt das das nicht auseinander geht... eine idee waere das mit frames zu machen, doch leider hab ich im mom zu wenig zeit um mich damit zu beschaeftigen...

mfg
ze23

Gudy · 24. Juni 2005

Frames..... NEIN!

mal nach word-break
und nach nl2br

damit solltest du weiterkommen....

ZE23 · 24. Juni 2005

hmm... wenn ich richtig gegoogelt habe sind das Zeichenumbrüche... ich mein allerdings nicht dass da nur eins pro zeile steht sondern das das auseinander geht... ich kann auch mehr pro zeile schreiben... (hab ich jezz ma gemacht...) mein problem ist das es sich an den seiten beim menue verschiebt bzw die abstaende groeßer werden...

ich hoffe ich habe dich richtig verstanden ^^

mfg
ZE23

ZE23 · 25. Juni 2005

kann mir sonst noch jemand helfen?

Dflex · 26. Juni 2005

hab mir jetzt deinen Code nicht wirklich durchgelesen.

Ich hatte ein ähnliches Problem.

Diese Ränder an den Seiten habe ich bei mir folgendermaßen über die ganze Länge gezogen:

Du setzt deine TD-Zelle in der du die Grafik für den Rand reingelegt hast auf 100%(so hab ichs bei mir gemacht) oder eine feste Größe und setzt einen Hintergrund fest:

HTML:

<td rowspan="29" width="29" height="100%" background="images/index04.jpg"></td>
....
<td rowspan="29" height="100%" background="images/index06.jpg"></td>

ZE23 · 26. Juni 2005

:\ hat nicht geklappt... die Bilder werden dann statt auseinadergezogen zu werden groeßer und pixeliger...

hat sonst noch jemand einen vorschlag?

mfg
ZE23

Dflex · 27. Juni 2005

hmm komisch

versuch doch mal die grafik von 547x29 pixel auf 1x29 pixel zu verkleinern(also in nem grafikprog) und dann das nochmals versuchen.

wie gesagt bei mir sind die grafiken 1pixel hoch. diese grafik habe ich dann als background für ne td-zelle über 100% genommen

bei mir funktioniert das auch ohne probleme ohne das was verzerrt oder pixelig aussieht.

evtl liegts daran, dass in dieser grafik index_06.jpg du noch das schwarz mit drinne hast(kann ich mir aber nich vorstellen) was ist wenn du das auf das graue beschränkst und nebendran noch ne zelle mit ner festen breite machst die diesen schwarzen abstand enthält(als Farbe, nicht als Grafik)? Das spart dann gleich noch bissl Ladezeit

ansonsten fällt mir direkt nix ein.
ein height-attribut in der grafik funktionierte bei mir nicht

ZE23 · 28. Juni 2005

klappt auch nicht *verzweifel*

ZE23 · 2. Juli 2005

noch nuetzliche ideen?

Gumbo · 2. Juli 2005

Wenn du CSS zur Formatierung anstatt Tabellen und Spacer-Grafiken nimmst, wäre das Problem beseitigt.

✔ clandesign... hilfe benoetigt!

ZE23

Grünschnabel

Gudy

Erfahrenes Mitglied

ZE23

Grünschnabel

ZE23

Grünschnabel

Dflex

Mitglied

ZE23

Grünschnabel

Dflex

Mitglied

ZE23

Grünschnabel

ZE23

Grünschnabel

Gumbo

Erfahrenes Mitglied

Neue Beiträge