problem med layout

6 svar · 447 visningar · startad av Vinnaren 6 feb. 2007

VinnarenMedlem sedan sep. 2005833 inlägg

Frågan6 feb. 2007 16:15#1

hej

Jag har ett litet problem med mitt forum jag håller på att bygga.
När man skriver ett långt inläggg så vill jag att det automatiskt ska bli radbyte.
Bild

koden som blir för varje inlägg:

	<table id="20" class="tabellinlagg">
		<tr>		
			<td class="kolumnavatar" valign="top" rowspan="2"><a class="anvandarnamnformatering" href="profile.asp?userID=1">a</a>
				<div class="personenstitel">	
					
					<br />
				</div>					
					<img src="avatar.asp?ID=3" width="60" height="60">
					
				<br />
					<div class="inlaggpersoninfo">					
						Inlägg: 40
					</div>	
			</td>
		
			<td class="tabellinlaggsdatum" valign="top">Postat: 
			
						måndag&nbsp;29&nbsp;jan,&nbsp;2007&nbsp;19:41&nbsp;&nbsp;&nbsp;
			
			
					
					
			
			
			</td>
		</tr>
		<tr>
		
			<td class="inlaggtext" valign="top">
				vbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbn

			</td>
		</tr>
	</table>

tabellen är 800px bred.

Hur löser jag så att den inte blir bredare, utan att det hoppar ner på en ny rad :stud

cayaMedlem sedan aug. 20051 448 inlägg

6 feb. 2007 16:30#2

varför inte låta bli tabeller när det för ändamålet skulle funka finfint med divar?

<div id="20" class="tabellinlagg">
	<h5 class="kolumnavatar">
		<a class="anvandarnamnformatering" href="profile.asp?userID=1">a</a> 
		<span class="personenstitel">
		<br />
		</span>					
		<img src="avatar.asp?ID=3" width="60" height="60" alt="">
		<br />
		<span class="inlaggpersoninfo">Inlägg: 40</span>
	</h5>
	<h6 class="tabellinlaggsdatum">
		Postat: måndag&nbsp;29&nbsp;jan,&nbsp;2007&nbsp;19:41
	</h6>
	<p class="inlaggtext">
		vbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb  
		bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb  
		bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb  
		bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb  
		bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbn
	</p>
</div>

jarvkloMedlem sedan juli 20013 378 inlägg

6 feb. 2007 18:21#3

Vinnaren skrev:

Hur löser jag så att den inte blir bredare, utan att det hoppar ner på en ny rad :stud

Hmm...
Det enklaste är nog att helt fräckt skriva en liten ASP-snutt som ser till att "för långa" ord i inlägget förses med mellanslag "på lämpliga ställen" (ungefär som mellanslagen du fått till i din exempelkod i inlägget) i samband med att du hämtar inläggstexten från databasen.

Ett annat alternativ är att experimentera med peta in style="overflow:scroll" eller style="overflow: hidden" i den td som ligger runt varje inlägg...
Funkar inte det kan du testa att köra med att lägga en div runt inläggstexten inuti tabellcellen och använda style-attribut i den istället...

headbugMedlem sedan sep. 2006867 inlägg

6 feb. 2007 19:41#4

Jag undrar samma sak som Vinnaren men faktum är att man ibland (säkert konsekvent och riktigt men jag försår i varje fall inte varför) så skrivs DB-hämtad text ut på en rad, detta TROTS att texten i sig innehåller mellanslag. Så i hans exempel med mellanslag i texten så blir det faktiskt ändå som han visar i sitt screenshot... Och detta fenomen har jag stött på även om jag stoppar in det i divar istället för i tabeller...

jarvkloMedlem sedan juli 20013 378 inlägg

6 feb. 2007 19:57#5

Hmm...

Då kanske jag missuppfattade problematiken - ber om ursäkt i så fall!

Om det inte är så att du i det läget råkat utlösa "whitespace: pre" eller "whitespace: nowrap" på ett eller annat sätt undrar jag om det går att ta reda på (i databasen) vad du råkat få för teckenkoder ("hexvärden") för de tecken som visas som mellanslag när fenomenet uppkommer? )

headbugMedlem sedan sep. 2006867 inlägg

7 feb. 2007 05:50#6

Ja, det borde jag ju ha kollat så klart. Återkommer om eller när jag stöter på det nästa gång :)

VinnarenMedlem sedan sep. 2005833 inlägg

7 feb. 2007 14:40#7

jarvklo skrev:

Hmm...
Det enklaste är nog att helt fräckt skriva en liten ASP-snutt som ser till att "för långa" ord i inlägget förses med mellanslag "på lämpliga ställen" (ungefär som mellanslagen du fått till i din exempelkod i inlägget) i samband med att du hämtar inläggstexten från databasen.

Ett annat alternativ är att experimentera med peta in style="overflow:scroll" eller style="overflow: hidden" i den td som ligger runt varje inlägg...
Funkar inte det kan du testa att köra med att lägga en div runt inläggstexten inuti tabellcellen och använda style-attribut i den istället...

ok, får nog lösa det med asp kod. som delar upp:

vbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbn

i flera delar, så det hamnar på ny rad :bire