HTML/CSS werken niet mee!

[Webmaster007]

Beste mensen,

Ik bouw een website maar ik loop nu even vast op een punt. De website bestaat uit tabellen. Er zitten een hele hoop tabellen onder elkaar (de bovenste 3 zitten headers en de 5de is de copyright tekst). De 4de tabel is opgesplitst in 2 TD's 1 links die is voor buttons en 1 rechts die is voor de text. De links is 150px de rechts 550px.

De buttons links zijn er 3. De lijn van de rande van de website komt linksboven van de website naar beneden tot aan de links onder van de onderste button en gaat vandaar uit door naar rechtsonder. Het principe is is dat er nog een 'onzichtbare TD is' (alle buttons zijn TD's met een paar plaatjes). Die TD heeft een lijn rechts die er dus voor zorgt dat het lijkt als of het 1 geheel is en tot onderaan de pagina loopt waar de lijn wordt voortgezet door het plaatje met de copyright text.

Nu is het probleem dat ik die 'onzichtbare TD' niet zover krijg om van de onderste button tot aan het onderste plaatje te krijgen. Niet met HTML, niet met CSS (height="100%" of height: 100% Ik heb het op meerdere tabellen en TD's ingesteld en niks werkt.

Dit klinkt allemaal vrij vaag dus ik heb besloten jullie inkijk te geven op de broncode die je vind op mijn server. Vraag me om het adres als je denkt dat je kan helpen het probleem op te lossen. Post hier en ik PM je in een minuut terug.

Greetz,

Adriaan

 

[Rimsic]

kan je misschien iets laten zien? Of een tekening maken met paint wat je bedoelt. Want het is beetje moeilijk te volgen. Het begin snap ik nog maar dan

 

[Eagle Creek]

Vraag me om het adres als je denkt dat je kan helpen het probleem op te lossen. Post hier en ik PM je in een minuut terug.

Mail me maar dan.. Al is dat niet echt de bedoeling van een openbaar forum (source-theft?)

"xp_pc*staartvaneenaap*helpmij*kommazonderstaartje*nl"

 

[Barich]

Mischien dat je de URL ook moet posten, zodat we het beter snappen, of de html en css code posten. Dat werkt makkelijker :thumb:

 

[peter vazed]

Zal niet lukken.
Het geheel klopt alleen in een bepaalde layout.
Zodra je meer content toevoegt in een rowspan of colspan trek je het uit het verband, omdat de browser dit niet goed kan weergeven.

Oplossing:
werken met minder tabellen, en in cellen een nieuwe tabel zetten voor bv het menu.

Werk met de 'borders on' op je tabellen tijdens het ontwerpen.
Dan zie je wat er gebeurt.

 

[Webmaster007]

Ik geef de URL wel vrij ik edit m wel later weg:

hier:
http://82.168.94.116/websites/feetback/

even dit is mijn persoonlijke server dus als ik vanavond vrolijk ga slapen en de pc is uit dan werkt de link niet

Greetz,

Adriaan

PS sorry dat ik zo laat reageer

 

[peter vazed]

Wat moet lager komen dan?

<table id="no4table"  style="border:1px solid #ffff00">
								    
								<tbody>
									<tr>
										   <!-- start menu -->  

										<td id="no4td1" Style="border:10px solid #0000ff">
											     
											<table >
												       
												<tbody>
													<tr>
														        
														<td style="border:1px solid #0000ff">
															            
															<table id="left" style="border:1px solid #ff0000">
																    
																<tbody>
																	<tr>
																		     
																		<td class="lefttd0">
																			Home     
																		</td>
																		    
																	</tr>
																	
																	
																	    
																	<tr>
																		     
																		<td class="lefttd1">
																			     X
																		</td>
																		    
																	</tr>
																	    
																	<tr>
																		     
																		<td class="lefttd2">
																			
																			<a href="#" class="left">
																				Meer informatie
																			</a>
																		</td>
																	</tr>
																	<tr>
																		<td class="lefttd3">Y
																		</td>
																	</tr>
																	<tr>
																		<td class="lefttd2">
																			<a href="#" class="left">
																				Nog iets
																			</a>
																		</td>
																	</tr>
																	<tr>
																		<td class="lefttd3">Z
																		</td>
																	</tr>
																	<tr>
																		<td class="lefttd2">
																			<a href="#" class="left">
																				Test
																			</a>
																			     
																		</td>
																		    
																	</tr>
																	    
																	<tr>
																		     
																		<td class="lefttd4">
																			     
																		</td>
																		    
																	</tr>
																	    
																	<tr>
																		     
																		<td class="lefttd5">
																			<table>
																				<tbody>
																					<tr>
																						<td height="100%">
																							sldfjklsdjf
																						</td>
																					</tr>
																				</tbody>
																			</table>
																			     
																		</td>
																		    
																	</tr>
																	   
																</tbody>
															</table>
															 <!-- end menu -->       

														</td>
														       
														<td id="right">
														<!-- start content --> 	         
															<br>
															<blockquote>
																<h2>
																	» Meer informatie
																</h2>

 

[Webmaster007]

Ik ga even dit toepassen in me php scripts. Ik laat zsm weten. De bedoeling is dat lefttd5 langer word.

Styles worden opgeslagen in css/basic.css (ook vrije toegang tot).

Iig al bedankt voor inzet.

greetz,

A3aan

 

[Webmaster007]

Nog even een verduidelijing ik gebruik niet bij 'right' in no4table in css border-left: 1px solid #kleur omdat dan ook naast lefttd0 ..... lefttd4 een border een border rechts zit en die heb ik daar liever niet.

Greetz,

Adriaan

(hoop dat het volgbaar is)

 

[peter vazed]

Je zult je menu tabel opnieuw moeten maken.

Dit is de nieuwe tabel:


<table height="100%" border="1" cellspacing="0" cellpadding="4" bgcolor="#e4e4e4" bordercolor="#808080">
<tr>
<!-- Row 1 Column 1 -->
<td bgcolor="#c0c0c0">
<b>
1
</b>
</td>
</tr>
<tr>
<!-- Row 2 Column 1 -->
<td >
2
</td>
</tr>
<tr>
<!-- Row 3 Column 1 -->
<td >
3
</td>
</tr>
<tr>
<!-- Row 4 Column 1 -->
<td >
4
</td>
</tr>
<tr>
<!-- Row 5 Column 1 -->
<td >
5
</td>
</tr>
<tr>
<!-- Row 6 Column 1 -->
<td height="100%" style="vertical-align: bottom;">

6 dit komt onderaan
</td>
</tr>
</table>


maar dan wel deze td ook aanpassen:
<table id="no4table">

<tbody>
<tr>

<!-- start menu -->


<td id="no4td1" width="150" height="100%">

 

[Webmaster007]

Helaas... zonder resultaat. Zie mijn server.
In iedergeval bedankt voor de moeite. Ik werk met php en css in php kun je duidelijker de structuur van de website zien. Als je wil kan ik een ftp accountje aanmaken. Ik zie namelijk dat je bijvoorbeeld denkt dat no4td1 de linkse td is met het menu, maar in feite is het gewoon de td waar de twee tabellen left (het menu) en right (de content) in zitten.

Greetz,

Adriaan

 

[peter vazed]

dat no4td1 de linkse td is met het menu, maar in feite is het gewoon de td waar de twee tabellen left (het menu) en right (de content) in zitten

Ja, dat snap ik.

Haal uit je doctype
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

eens
"http://www.w3.org/TR/html4/loose.dtd"

kijk wat er gebeurt.

 

[Webmaster007]

Doe ik. Momentje,

Greetz,

Adriaan

 

[peter vazed]

Bijlage, je code met mijn basismenu en verkort doctype.

 

[Webmaster007]

Het werkt ook op mijn pc. Zal de oorzaak dan liggen bij een fout in het CSS document feetback/css/basic.css ? Want ik krijg het nog steeds niet werkend.

Greetz,

Adriaan

 

[Webmaster007]

Oke het werkt (eindelijk)!
Het was toch dat DTD loose die ut um deed.

   <table id="no4table">
    <tr>
     <td id="no4td1">
      <table>
       <tr>
        <td [B]height="100%"[/B]>
         <?php include('left.php'); ?>
        </td>
        <td id="right">
         <br><blockquote>

bij deze code heb ik height="100%" toegevoegd, en nu werkt deze wel terwijl dit voorheen niet gebeurde.

Hartstikke bedankt man!! TOP!!

Greetz,

Adriaan!

 

[peter vazed]

Your welcome

dit soort problemen worden vaak op
http://www.htmlforums.com voorgelegd
en dan blijkt het dus niet de code te zijn, doch het doctype.


,___,
(9v9)
(_^((\
^"^" \\^^^^

 

[Webmaster007]

Oke ik zal er voortaan rekening mee houden .

Adriaan