webForumDet fria alternativet

Tabellmellanrum blir inte rätt!!!

HTML & CSSur HTML, XHTML & CSS

3 svar · 205 visningar · startad av crisse6

crisse6Medlem sedan dec. 20002 526 inlägg
#1

Hej!

Jag har gjort en sökfunktion som nu ska lista fram resultaten. Det funkar ju så va, men till tabellerna för att få det snyggt oså så strular det lite... Tabellerna som skriver ut te x användarnamnet på en en person, eller vilken klass hon/han går i funkar bra med måtten, men inte den som ska förklara ovanför utskrivningen vad varje grej är.... Kolla koden, ser helt likadana ut enligt mig, annars är jag blind!!!!

[red]
<span class="rubrik">Sökresultat:</span><br><br>
<%
strResults = strResults &_
	"<tr><td width=""20%"" bgcolor=""#FFFFFF""><b>Användarnamn</b></td>"&_
	"<td width=""10%"" bgcolor=""#FFFFFF""><b>Kön</b></td>"&_
	"<td width=""10%"" bgcolor=""#FFFFFF""><b>Ålder</b></td>"&_
	"<td width=""20%"" bgcolor=""#FFFFFF""><b>Bor</b></td>"&_
	"<td width=""20%"" bgcolor=""#FFFFFF""><b>Status</b></td>"&_
	"<td width=""10%"" bgcolor=""#FFFFFF""><b>Klass</b></td></tr>"
	
Set objResults = Server.Createobject("Adodb.Recordset")
strSQLResults = strSQLResults & " ORDER BY userFirstName ASC"

intPageId = request.querystring( "pageid" )
if intPageId = "" then intPageId = 1

with objResults
  .cursorlocation = 3
  .open strSQLResults, objConn
  .pagesize = 20
  .absolutepage = intPageId
end with

intPages = cint( objResults.pagecount )
intCurrentPost = 0
				
do while not objResults.eof and intCurrentPost < objResults.pagesize

	if bgcolor3 = "EFEFEF" then
	bgcolor3 = "FFFFFF"
	else
	bgcolor3 = "EFEFEF"
	end if
	
  strContents = strContents &_
    "<tr><td bgcolor=""#"&bgcolor3&""" width=""20%""><span class=""brod"">" & objResults( "userName" ) & "</span></td>" &_
    "<td bgcolor=""#"&bgcolor3&""" width=""10%""><span class=""brod"">" & objResults( "userSex" ) & "</span></td>"&_
	"<td bgcolor=""#"&bgcolor3&""" width=""10%""><span class=""brod"">"& DateDiff("yyyy", objResults("userAge"), Date())&" år</span></td>"&_
	"<td bgcolor=""#"&bgcolor3&""" width=""20%""><span class=""brod"">"&objResults("userCity") &"</span></td>"&_
	"<td bgcolor=""#"&bgcolor3&""" width=""20%""><span class=""brod"">"&objResults("userStatus")&"</span></td>"&_
	"<td bgcolor=""#"&bgcolor3&""" width=""10%""><span class=""brod"">"&objResults("userYear")&"</span></td></tr>"
  intCurrentPost = intCurrentPost + 1
  objResults.movenext
loop

for i = 1 to objResults.pagecount
  strNavigation = strNavigation & " <span class=""brod""><a href='?pageid=" & i & "&page=results'>" & i & "</a></span>"
next
response.write "<table class=""brod"">" & strResults & "</table>"
response.write "<table>" & strContents & "</table>"
response.write "<table><tr><td><span class=""brod"">Sidor:</span> " & strNavigation & "</td></tr></table>" 
%>
Web-TorMedlem sedan nov. 200013 890 inlägg
#2

Det hade varit lättare om du bara postat HTML-koden.
Alltså den kod som visas i webbläsaren.

jarvkloMedlem sedan juli 20013 378 inlägg
#3

Hmm...
Du sätter ingen width på dina tabeller vad jag kan se...
Och då blir kolumnerna olika i de tre tabellerna (Webbläsaren ser till att dina relativa mått garanterat stämmer och anpassar tabellbredden så att bredden blir som du skrev i cellerna ;) ).

Exempel:

<table border="1" cellpadding="0" cellspacing="0">
<tr>
  <td width="20%" bgcolor="#FFFFFF"><b>Användarnamn</b></td>
  <td width="10%" bgcolor="#FFFFFF"><b>Kön</b></td>
  <td width="10%" bgcolor="#FFFFFF"><b>Ålder</b></td>
  <td width="20%" bgcolor="#FFFFFF"><b>Bor</b></td>
  <td width="20%" bgcolor="#FFFFFF"><b>Status</b></td>
  <td width="10%" bgcolor="#FFFFFF"><b>Klass</b></td>
</tr>
</table>

<table border="1" cellpadding="0" cellspacing="0">
<tr>
  <td width="20%" bgcolor="#FFFFFF">Arne</td>
  <td width="10%" bgcolor="#FFFFFF">M</td>
  <td width="10%" bgcolor="#FFFFFF">14</td>
  <td width="20%" bgcolor="#FFFFFF">Hemma</td>
  <td width="20%" bgcolor="#FFFFFF">X</td>
  <td width="10%" bgcolor="#FFFFFF">SuperduperExpert</td>
</tr>
</table>

Översta tabellen blir så bred att cellen med "Användarnamn" (bredaste innehåll och därför den cell som blir "master") blir 20% bred
i Nedre exemplet blir tabellen så bred att "Superduperexpert" garanterat blir 10% bred.
Inte en bredd blir lika mellan dessa två - helt enligt "spelreglerna" för hur en tabell läggs ut på sidan ;)

Enda sättet du kan garantera att kolumnerna blir lika breda är att lägga allt i en tabell istället och tänka om lite var du lägger dina klasser ;)

crisse6Medlem sedan dec. 20002 526 inlägg
#4

Jag är nog fan bäst på tabeller!!!

Jag, Crisse6 kom fram att det enda sättet för att garanterat får kolumnerna att bli lika breda vara att lägga allt i en tabell.

131 ms totalt · 3 externa anrop · v20260731065814-full.363dfaf6
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)