• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[CSS] Float

NewNoise schrieb:
ich dachte man dürfe keine tabellen mehr verwenden, weil die so uncool sind?
außerdem hatte ich bei tabellen auch probleme, da war das einrücken unregelmäßig
Zum Vergrößern anklicken....

Tabellen sind uncool fürs Design, Dein Gästebuch hat aber, wie ein schlauer schon sagte, eine tabellenartige Struktur und dafür könntest Du schon eine nehmen.

Andererseits geht es natürlich auch so. Nur: Hast Du schon mal einen Blick in Dein HTML geworfen? Woher soll denn der Text wissen, dass er hübsch im Block rechts eingerückt stehen soll? Du hast um Nachricht und den Text einen p-Tag notiert und sonnenklar fängt der Text in der zweiten Zeile wieder links an. Ich würde mir ernsthaft Gedanken machen, wenn das auf Deiner Seite nicht so wäre. Also die Browser machen exakt das, was Du ihnen aufgetragen hast.

Wenn Du nun aber den Text als Block stehen lassen und keine weiteren Umbauarbeiten vornehmen willst, dann schreib doch einfach neben Dein <b>Nachricht:</b><span style="display:block; margin-left: 143px;">Text</span>

Wobei Du die Styleangaben in Dein CSS reinnimmst und nicht im HTML stehen lässt.

Im Übrigen war ich der Meinung, dass Du eifrig an der Validierung Deiner Seite gearbeitet hast. Ich geh jetzt mal einfach davon aus, dass Du die überarbeitete Site noch nicht online gestellt hast und Validome nur die alte Datei anmeckert.
 
Die Möglichkeiten sind vielfältig, aber die Aussage mit der Tabellenartigen Struktur kommt sogar von ihm, das steht so im CSS
PHP: 
/* ##################################################################################### */
/* Gästebuch */

/* Tabellenartige Struktur */

#gbg     {
		width: 100%;
                 height: 100%;
}
 
so.
also nun müsste alles valide sein, außer links (da fügt der olle freewebspace server immer magic quotes ein und ich kann sie nich deaktivieren) und die nich von mir geschriebene galerie.
da kümmer ich mich ma in ruhe drum.

das mit dem span funktioniert prima. danke anna.

einen schönen abend wünsche ich!

noise
 
NewNoise schrieb:
also nun müsste alles valide sein, außer links (da fügt der olle freewebspace server immer magic quotes ein und ich kann sie nich deaktivieren) und die nich von mir geschriebene galerie.
da kümmer ich mich ma in ruhe drum.
Zum Vergrößern anklicken....

Sehr schön und auf der Galeriesite wird ja nicht so viel angemeckert. Das meiste ist klar, beim hr-Tag schreibst Du <hr noshade="noshade" />.
 
hey.
das mit noshade="noshade" geht nich. macht aber nix ich habs einfac ganz rausgenommen ...
die letzten 3 fehler find ich nich, da das ein fürchterliches js script is, dass die ausgabe regelt. da steig ich echt nich durch.
kann mir jemand den code ausschnitt korrigiere, sodass ich einfach im script suchen kann?
danke
die fehler sind hier:
HTML / XHTML / XML / WML Validator
und dazu am besten den quelltext unter:
Perfume Uniform
ansehen.
gruß noise
 
NewNoise schrieb:
das meckerte der validator ebenfalls an!
Zum Vergrößern anklicken....

...und zu Recht, Du benutzt die Doctype-Variante 'strict, da geht das in der Tat nicht.

Edit: Wenn Du den gleichen Effekt erreichen willst (auf dieser Seite ist noshade noch drin), denn lass <hr> im HTML und definiere in Deinem CSS

Code: 
hr {
border: 0;
color: #777777;
background-color: #777777;
height: 2px;
width: 100%;
text-align: left;
}
 
Zuletzt bearbeitet:
NewNoise schrieb:
die letzten 3 fehler find ich nich, da das ein fürchterliches js script is, dass die ausgabe regelt. da steig ich echt nich durch.
kann mir jemand den code ausschnitt korrigiere, sodass ich einfach im script suchen kann?
Zum Vergrößern anklicken....

Hmm, ist eine fürchterlich verschachtelte Tabelle. Braucht Dein "fürchterliches js script" denn diese Schachtelei oder warum gibt es die? Muss es denn überhaupt ne Tabelle sein? Ich hab das mal zusammengestrichen. Bin wirklich gespannt, ob's so geht.
PHP: 
<div id="conbg">
     <div id="con">   
<h1 class="kopfzeile" style="margin:0px; text-align:center;">Übersicht</h1><br />
		<hr />
         <table style="margin-left:auto; margin-right:auto; margin-top:11px; margin-bottom:28px;">
             <tr class="overview" align="center" valign="middle">
                  <td class="contentOver">							<a href="/pu/index.php?c=10&page=PhotoIt/index" title="Bergen"><img 
src="./PhotoIt/thumbs/10/070728oelli7471.jpg" alt="Bergen" title="Bergen" width="120" height="95" style="border:0;" /></a>
<p><a href="/pu/index.php?c=10&page=PhotoIt/index" title="Bergen">Bergen</a> <i style="white-space:nowrap">(2 Bilder)</i></p><p>Bilder von Nik und Tom aus Bergen</p>
                  </td>
                  <td class="contentOver"><a href="/pu/index.php?c=20&page=PhotoIt/index" title="Oslo"><img 
src="./PhotoIt/thumbs/20/070728oelli7471.jpg" alt="Oslo" title="Oslo" width="120" height="95" style="border:0;" /></a>					
<p><a href="/pu/index.php?c=20&page=PhotoIt/index" title="Oslo">Oslo</a> <i style="white-space:nowrap">(5 Bilder)</i></p><p>Bilder von Nik und Tom aus Oslo</p>					
                </td>
          </tr>
     </table>
<hr />
    </div>
</div>
 
hey.
ich fürchte, ich kann das nicht ausprobieren, weil die einzelnen zeilen durch if abfragen ausgegeben werden.
das js-script is nic von mir, ich kann das nich. das is nen fertiges galerie script gewesen:
fruit-lab.de - PHP Bildergalerie PhotoIt (PHP Fotogalerie)
mit tabellen habe ich mich auch nie beschäftigt, weil als ich angefangen habe mit webdesign waren tabellen schon "verboten".
daher wäre es toll wenn du mir einfach die stellen an der tabelle zeigen könntest, wo irgendwas fehlt oder so.
danke schonmal.
 
Dir fehlen bei Deinem Code zwei schließende td-Tags. Ich habe sie rot gekennzeichnet. Damit ist die Seite valide.

Code: 
<div id="conbg">
                 <div id="con">
                         
<table cellpadding="0" cellspacing="2" border="0" width="100%">
<tr>

	<td align="center" valign="middle">

		<h1 class="kopfzeile" style="margin:0px;">Übersicht</h1>
		<br />
		<hr />
	</td>
</tr>
<tr>
	<td align="center" valign="middle">
		<table cellpadding="2" cellspacing="2" width="100%" class="content">

			<tr>
				<td align="center" valign="middle">
					<table cellpadding="2" cellspacing="2" class="overview">
						<tr><td><table class="contentOver"><tr>
							<td align="center" valign="middle">
								<a href="/pu/index.php?c=10&page=PhotoIt/index" title="Bergen"><img src="./PhotoIt/thumbs/10/070728oelli7471.jpg" alt="Bergen" title="Bergen" width="120" height="95" /></a>
							</td></tr>
<tr>							<td align="center" valign="middle">
								<p><a href="/pu/index.php?c=10&page=PhotoIt/index" title="Bergen">Bergen</a> <i style="white-space:nowrap">(2 Bilder)</i></p><p>Bilder von Nik und Tom aus Bergen</p>

							</td></tr></table>[COLOR="Red"]</td>[/COLOR]<td><table class="contentOver"><tr>
							<td align="center" valign="middle">
								<a href="/pu/index.php?c=20&page=PhotoIt/index" title="Oslo"><img src="./PhotoIt/thumbs/20/070728oelli7471.jpg" alt="Oslo" title="Oslo" width="120" height="95" /></a>
							</td></tr>
<tr>							<td align="center" valign="middle">
								<p><a href="/pu/index.php?c=20&page=PhotoIt/index" title="Oslo">Oslo</a> <i style="white-space:nowrap">(5 Bilder)</i></p><p>Bilder von Nik und Tom aus Oslo</p>
							</td></tr></table>
                                                   [COLOR="Red"]</td>[/COLOR]
						</tr>
					</table>
				</td>
			</tr>
		</table>

	</td>
</tr>
<tr>
	<td align="center" valign="middle">

		<hr />
		
	</td>
</tr>
</table>
                 </div>
         </div>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben