login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Lay-out probleem

Offline Coolbean - 27/03/2006 20:32 (laatste wijziging 27/03/2006 20:41)
Avatar van CoolbeanNieuw lid code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <tr>
  2. 	    <td border="0" style="background: url('../opmaak/afbeeldingen/bar1.jpg'); width:6px; height:150px;">
  3. 	    <td border="0" style="background: url('../opmaak/afbeeldingen/header.jpg'); width:1012px; height:150px;">
  4. 		<td border="0" style="background: url('../opmaak/afbeeldingen/bar2.jpg'); width:6px; height:150px;">
  5. 	  </tr>

Ok dus ik heb een lay out gemaakt, allemaal mooi gesliced, en nu heb ik deze als achtergond afbeeldingen gezet, maar nu is het zo, dat deze helemaal buiten de tabel worden gezet... ze worden helemaal verplaatst en ik zie de oorzaak niet. Dit is ook zo bij mijn content en menu's.
Screenshot komt er aan

17 antwoorden

Gesponsorde links
Offline lemoinet - 27/03/2006 20:34 (laatste wijziging 27/03/2006 20:38)
Avatar van lemoinet PHP gevorderde background= 
background; 

maak er eens background: van
Offline Coolbean - 27/03/2006 20:37 (laatste wijziging 27/03/2006 21:28)
Avatar van Coolbean Nieuw lid ow.. ok 
stomme fout ,
maar het klopt nog steeds niet

Screenshot:

http://img55.im...oos4kc.jpg

Dus de header enzo moeten terug verplaatst worden zoals aangeduid.
Ik zie de reden niet waarom ze verschoven zijn 
Offline lemoinet - 27/03/2006 21:29
Avatar van lemoinet PHP gevorderde kan je misschien de hele code eventjes posten:?:

misschien kan ik je dan verder helpen:?:
Offline Coolbean - 27/03/2006 21:35 (laatste wijziging 27/03/2006 21:38)
Avatar van Coolbean Nieuw lid ok hier is het script:

http://www.pastebin.be/684/
Offline krisie - 27/03/2006 21:42
Avatar van krisie HTML interesse Je moet een colspan plaatsen in de td van de header volgens mij;-)
Offline Coolbean - 27/03/2006 21:45 (laatste wijziging 28/03/2006 13:55)
Avatar van Coolbean Nieuw lid nu heb ik dit:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3.   <head>
  4.  
  5.     <title> Dynamic Designers Website | Welkom! </title>
  6. 	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  7. 	<link rel="stylesheet" href="Templates/css code.css" type="text/css" />
  8.  
  9.   </head>
  10.   <body bgcolor="#FFFFFF" text="#000000">
  11. 	<table width="1012" height="100%" border="0" cellpadding="0" cellspacing="0">
  12. 	  <tr>
  13. 	    <td valign="top" style="background: url('../opmaak/afbeeldingen/headertop.jpg'); width:1012px; height:35px;"></td>
  14. 	  </tr>
  15. 	  <tr>
  16. 	    <td colspan="1" "border="0" style="background: url('../opmaak/afbeeldingen/bar1.jpg'); width:6px; height:150px;"></td>
  17. 	    <td colspan="1000" border="0" style="background: url('../opmaak/afbeeldingen/header.jpg'); width:1000px; height:150px;"></td>
  18. 		<td colspan="1" border="0" style="background: url('../opmaak/afbeeldingen/bar2.jpg'); width:6px; height:150px;"></td>
  19. 	  </tr>

Nu is de header op de goede grootte, maar nu is het zo dat de afbeelding bar1 over de hele tabel verspreid word, en dan staan de header en bar2 erlangs 
Offline krisie - 28/03/2006 20:42
Avatar van krisie HTML interesse Neenee, je moet dit krijgen:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3.   <head>
  4.  
  5.     <title> Dynamic Designers Website | Welkom! </title>
  6.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  7.   <link rel="stylesheet" href="Templates/css code.css" type="text/css" />
  8.  
  9.   </head>
  10.   <body bgcolor="#FFFFFF" text="#000000">
  11.   <table width="1012" height="100%" border="0" cellpadding="0" cellspacing="0">
  12.     <tr>
  13.       <td colspan="3" valign="top" style="background: url('../opmaak/afbeeldingen/headertop.jpg'); width:1012px; height:35px;"></td>
  14.     </tr>
  15.     <tr>
  16.       <td "border="0" style="background: url('../opmaak/afbeeldingen/bar1.jpg'); width:6px; height:150px;"></td>
  17.       <td border="0" style="background: url('../opmaak/afbeeldingen/header.jpg'); width:1000px; height:150px;"></td>
  18.     <td border="0" style="background: url('../opmaak/afbeeldingen/bar2.jpg'); width:6px; height:150px;"></td>
  19.     </tr>
Offline Coolbean - 28/03/2006 22:03 (laatste wijziging 28/03/2006 22:06)
Avatar van Coolbean Nieuw lid Dit werkt niet,
het zorgt er alleen voor dat naast de tabel, boven de header ook de headertop komt te staan :S

screenshot:
http://img145.i...ome5dd.jpg
Offline nepe - 29/03/2006 12:26
Avatar van nepe Nieuw lid Ik denk dat je beter die styles="backgound: url(' ... ook in je CSS bestand zet en dan verwijst met id= naar het CSS bestand.

Bijv in CSS bestand:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. td#header{
  2. background: url ('.../opmaak/afbeeldingen/headertop.jpg');
  3. width: 6px;
  4. height: 100px;
  5. }


En dan in html bestand:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <td id="header">blabla</td>


Verder werkt bij mij je site wel als je het nog afsluit met </table></body></html>
Offline Coolbean - 30/03/2006 22:52
Avatar van Coolbean Nieuw lid ik heb nu dit in men css:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. td#headerbarleft{
  2.  
  3.     background: url('../opmaak/afbeeldingen/bar1.jpg');
  4. 	width: 6px;
  5.     height: 150px;
  6.  
  7. }	
  8.  
  9. td#banner{
  10.  
  11. 	background: url('../opmaak/afbeeldingen/header.jpg');
  12. 	width: 1000px;
  13. 	height: 150px;
  14.  
  15. }
  16.  
  17. td#headerbarright{
  18.  
  19. 	background: url('../opmaak/afbeeldignen/bar2.jpg');
  20. 	width: 6px;
  21. 	height: 150px;
  22.  
  23. }


en dit is een deel van men header:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <tr>
  2. 	    <td id="headerbarleft"></td>
  3. 	    <td id="banner"></td>
  4. 		<td id="headerbarright"></td>
  5. 	  </tr>

maar nu laat die niet eens de afbeeldingen zien 
Offline BramBo - 31/03/2006 12:00 (laatste wijziging 31/03/2006 12:03)
Avatar van BramBo JS gevorderde &nbsp; of iets dergelijks in je cell plaatsen. Als er geen data in de cell staat laat hij hem qua default waarden ook niet zien. Er is wel een css optie geloof ik om deze toch weer te geven.


Edit : Dit is hem, http://www.w3.org/TR/CSS21/tables.html#empty-cells
Offline Coolbean - 02/04/2006 19:35 (laatste wijziging 02/04/2006 23:19)
Avatar van Coolbean Nieuw lid Het werkt echt langs geen kanten 

dit is wat ik nu heb:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <tr>
  2. 	    <td style="background: url('../opmaak/afbeeldingen/bar1.jpg'); width:6px; height:150px;">
  3. 		 &nbsp;
  4. 		</td>
  5. 	    <td style="background: url('../opmaak/afbeeldingen/header.jpg'); width:1000px; height:150px;">
  6. 		 &nbsp;
  7. 		</td>
  8. 		<td style="background: url('../opmaak/afbeeldingen/bar2.jpg'); width:1012px; height:50px;">
  9. 		 &nbsp;
  10. 		</td>
  11. 	  </tr>

en ik heb vanalles zitten proberen met colspan enzo maar het lukt gewoon niet...
ik heb nu over de hele table bar1 afbeeldingen, en aan het einde, waar het normaal zou moeten stoppen heb ik de helft v/d header en dan nog bar2.
Ik zie de fout nog steeds niet 
Offline BramBo - 03/04/2006 09:51 (laatste wijziging 03/04/2006 09:52)
Avatar van BramBo JS gevorderde hmm dan zou het zo moeten werken naar mijn idee
[niet getest]

php code - Bekijk de code zonder highlighting - Klap code in 
  1. /* HTML */
  2.   <body bgcolor="#FFFFFF" text="#000000">
  3.   <table class='container'>
  4.     <tr>
  5.       <td colspan='3' id='headertop'></td>
  6.     </tr>
  7.     <tr>
  8.       <td id='barleft'></td>
  9.       <td id='header'></td>
  10.       <td id='barright'></td>
  11.     </tr>  
  12.  
  13.  
  14. /* CSS Style*/
  15. table 
  16. { 
  17. 	table-layout	: fixed;
  18. 	empty-cells	: show;
  19. }
  20.  
  21. table.container
  22. {
  23. 	border		: 0px;
  24. 	border-collapse : collapse;
  25. 	padding		: 0;
  26. 	margin		: 0;
  27. 	width		: 1013px;
  28. 	height		: 100%;
  29. }
  30.  
  31. td#headertop
  32. {
  33. 	background	: #FFF url('../opmaak/afbeeldingen/headertop.jpg') no-repeat left-top;
  34. 	width		: 1012px;
  35. 	height		: 35px;
  36. }
  37.  
  38. td#barleft
  39. {
  40. 	background	: #FFF url('../opmaak/afbeeldingen/bar1.jpg') no-repeat left-top;
  41. 	width		: 6px;
  42. 	height		: 150px;
  43. }
  44.  
  45. td#barright
  46. {
  47. 	background	: #FFF url('../opmaak/afbeeldingen/header.jpg') no-repeat left-top;
  48. 	width		: 1000px;
  49. 	height		: 150px;
  50. }
  51.  
  52. td#header
  53. {
  54. 	background	: #FFF url('../opmaak/afbeeldingen/bar2.jpg) no-repeat left-top;
  55. 	width		: 6px;
  56. 	height		: 150px;
  57. }


evt. meer ionformatie : http://www.quirksmode.org/css/tables.html
Offline xSc - 03/04/2006 12:40
Avatar van xSc Onbekend Gebruik divjes. Het is helemaal niet moeilijk en het scheelt je veel code.
Offline Coolbean - 04/04/2006 13:53
Avatar van Coolbean Nieuw lid @brambo: Dit werkt al helemaal niet.
Het laat helemaal geen afbeeldingen zien
+ de rest van de site klopt ook niet meer.
Offline xSc - 04/04/2006 13:55
Avatar van xSc Onbekend Als je nu met CSS gaat werken, doe het dan gelijk goed. Niet half HTML en half CSS!
Offline BramBo - 04/04/2006 14:03
Avatar van BramBo JS gevorderde Coolbean als je van die tables, Divs maakt met de zelfde id. kan je in de css ook easy veranderen. Verder roep je dat het al helemaal niet werkt. naar even te kijken in je html bron te kijken zag ik dat je de css nog een directory dieper hebt dan de images. dit dient ook in de CSS verander te worden !
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.271s