webForumDet fria alternativet
Logga in / Bli medlem

Tabell

HTML & CSS

7 svar · 256 visningar · startad av WebLady

WebLadyMedlem sedan mars 20038 inlägg
Frågan#1

Hej

Jag har skapat en tabell med include-filer. Innehållet varierar berorende av menyval.... *självklart*

Beroende på menyval som kommer sidan bli lång och använda scroll osv. När sidan bli längre så uppför sig tabellens sidor lite skumt, de vill då fylla ut utrymmet till 100% och trots att jag har valign="top"... så blir det hel skumt, det känns som jag måste ha något annat som "fyller" detta tomrum. Är det någon som fattar vad jag menar?

Tacksam för tips....

Jesper Ts avatarJesper TMedlem sedan nov. 20017 144 inlägg
#2

Välkommen till WF!

Fattar inte riktigt vad du menar, men testa att lägga till & nbsp; i alla celler.

<table width="100%">
  <tr>
    <td>[red]& nbsp;[/red]</td>
  </tr>
</table>

(Utan mellanrum mellan & och nbsp;)

WebLadyMedlem sedan mars 20038 inlägg
#3

Tabell

Hej,
jag sände med en bild som visar mitt dilemma... ju längre sidan bli dessto mer mellanrum blir det på kantena...

Jag vill att menyn och "hand"bilden - linjerna skall ligga valign="top" och inte flyta ut för att fylla ut det dynamiska utrymmet

pscreen.gif
Peter SMedlem sedan dec. 20025 483 inlägg
#4

Kan du posta koden som du använder?

:)

WebLadyMedlem sedan mars 20038 inlägg
#5

I detta fall är det inkluden - content.jsp som växer... så ändra storleken på den...

<html>
<head>
<title></title>
<LINK href="style/ie/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="Top" style="position:absolute; left:2px; top:1px; visibility: visible"><img src="images/top.gif" border=0></div>
<div class="Kalender" style="position:absolute; left:729px; top:99px; visibility: visible"><img src="images/kalender.gif" border=0></div>
<div class="Tabellen" style="position:absolute; left:2px; top:98px; visibility: visible">
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td rowspan=4 valign="top" width="1" background="images/linje.gif"></td>
<td valign="top"></td>
<td rowspan=4 valign="top" width="1" background="images/linje.gif"></td>
</tr>
<tr>
<td>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td valign="top"><jsp:include page="menu.jsp" flush="true" /></td>
<td rowspan="7" valign="top" width="1" background="images/linje.gif"></td>
<td rowspan=5 valign="top"><jsp:include page="content.jsp" flush="true"/></td>
<td rowspan="7" valign="top" width="1" background="images/linje.gif"></td>
</tr>
<tr>
<td valign="top"><img src="images/linje.gif" width="174" height="1" border=0></td>
<td valign="top"><img src="images/linje.gif" width="180" height="1" border=0></td>
</tr>
<tr>
<td valign="top"><img src="images/space.gif" width="1" height="8" border=0><br><img src="images/hand.gif" border=0 width="174"><br><img src="images/space.gif" width="1" height="8" border=0></td>
<td><jsp:include page="news.jsp" flush="true" /></td>
</tr>
<tr>
<td valign="top"><img src="images/linje.gif" width="174" height="1" border=0></td>
<td valign="top"><img src="images/linje.gif" width="180" height="1" border=0></td>
</tr>
<tr>
<td valign="top"><jsp:include page="contact.jsp" flush="true" /></td>
<td valign="top"><img src="images/lampa.gif" border=0></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan=3><img src="images/linje.gif" width="1000" height="1" border=0></td>
</tr>
</table>
</div>
</body>
</html>

Peter SMedlem sedan dec. 20025 483 inlägg
#6

Jag har gjort en mall utifrån bilden som du bifogade som du kanske kan bygga vidare på?

Bifogar en fil.

:)

temp.txt (1 kB)
WebLadyMedlem sedan mars 20038 inlägg
#7

Tack - Tack

Peter SMedlem sedan dec. 20025 483 inlägg
#8

Jag har bifogat en något modifierad version nu. Se det förra inlägget.

:)

246 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
117 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
117 ms — ändringar (db)