login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Html/css tables

Offline supremecars - 01/10/2006 14:15
Avatar van supremecarsNieuw lid Kheb met nrzonline gepraat en hij zei dat http://www.nationofgfx.com
Moest veranderen in tables etc.

Nu heb ik al een beginnetje gemaakt dit kwam er nu uit:

http://www.nationofgfx.com/website/test.html

Heb ik de juiste manier van links gebruikt?
Of is dit fout?
Nu moet ik ook nog de content in het midden links en rechts krijgen.

Kan iemand mij dit uitleggen?

Ik hoop het maar.

Groeten.

18 antwoorden

Gesponsorde links
Offline Simax - 02/10/2006 08:53
Avatar van Simax Onbekend Hoi 

Het is niet slim om je layout te bouwen met een tabel. Daar gebruik je divs voor. Tabellen zijn voor het ordenen van gegevens. Als je er niet uit komt hoor ik het wel :-)

MvG,
Generix
Offline xSc - 02/10/2006 09:53
Avatar van xSc Onbekend Jammer, had het dan eerst op het forum gevraagd. Dan zou dat je wel afgeraden worden. Je code is bagger. Sorry dat ik het zo moet zeggen. Je hebt de slicetool gebruikt in Photoshop. Dat is prima. Maar de gegenereerde HTMLcode is absoluut slecht. Dat is ook algemeen bekend. Het is een kleine moeite om je layout om te zetten naar divs. Wil je dat niet, werk dan met Frontpage ofzo.
Offline supremecars - 02/10/2006 10:26
Avatar van supremecars Nieuw lid Hier heb je bar weinig aan, grote mond weinig hulp.

Ik denk dat je bij http://www.nationofgfx.com kijkt en die code is zeker bagger.

Nrzonline heeft mij aangeraden om tables te gebruiken en ik vraag om hulp of het al wat beter is maar nee alleen maar commentaar is dat de manier om te helpen.

Generix, bedankt maar weet je misschien hoe ik het beter kan maken dan? Met welke codes.

Groeten -sc-
Offline Simax - 02/10/2006 10:48
Avatar van Simax Onbekend Hoi 

Ik heb je verteld dat je beter gebruik kunt maken van divs ipv tabellen. Divs zijn voor het positioneren van een layout. Ik kan je eventueel wel helpen, maar probeer er eerst zelf uit te komen.

Maak gebruik van xhtml en css 

MvG,
Generix
Offline DrB - 02/10/2006 11:30
Avatar van DrB HTML interesse Ze helpen je door te zeggen dat tabellen niet echt handig zijn om je website om te bouwen Divs werkt zelfs makkelijker dan tabellen.
Offline xSc - 02/10/2006 11:39
Avatar van xSc Onbekend supremecars, dat heeft niets met grote mond te maken. We willen je op het goede pad helpen.
Offline Rens - 02/10/2006 11:41
Avatar van Rens Gouden medaille

Crew algemeen		 *zucht* Maak er alsjeblieft niet weer zo'n 'divs vs. tabellen'-discussie van...

Supremecars vraagt het in tabellen, help hem dan met zijn tabellen.
Geef hem desnoods een tip van 'je kunt misschien beter divs gebruiken', maar maak er hier geen discussie van 
Kan hij alsnog zien of hij gebruikt gaat maken van divs...
Offline Simax - 02/10/2006 13:03
Avatar van Simax Onbekend Ok 

Ik ga je helpen, maar waarschuw je wel dat divs beter zijn voor het positioneren.

Wat wil je precies hebben?

MvG,
Generix
Offline CounterForce - 02/10/2006 15:09
Avatar van CounterForce Onbekend Zelf gebruik ik ook tabellen...
En persoonlijk zie ik geen verschil tussen het gebruik van div's en table's...
Het komt toch op hetzelfde neer ?

Iedereen heeft er zijn eige mening over en als een website in table's is opgemaakt, begin dan niet te zeggen dat die persoon div's moet gebruiken.

@ supremecar

Leg even je probleem uit...dan kunnen we verder helpen.
Offline supremecars - 02/10/2006 17:32
Avatar van supremecars Nieuw lid Mijn website deze: http://www.nationofgfx.com is in photoshop html wat eigenlijk bar en bar slecht is.

Nu heeft nrzonline mij aan geraden om tabbelen te gebruiken omdat die beter zijn en makkelijker dan div's.
Nu heeft hij ook gezegd probeer het op sitemasters.be te vragen of ze je daar kunnen helpen als ik er niet ben en je komt er niet uit.

Nu is mijn vraag:

Ik moet de buttons, het logo, de content (3x links|midden|rechts) in elkaar krijgen.

Nu zeggen jullie divs. Nu weet ik het niet meer.

Weten jullie een oplossing.

Ik hoop het maar.
Groeten,

-sc-
Offline Dark_Paul - 02/10/2006 17:39
Avatar van Dark_Paul PHP ver gevorderde Maak een hoofdtabel met 3 rijen. In een rij doe je je header.
In de 2e rij maak je 3 cellen, voor buttons, content en rechtsmenuutje (dat kan je aanpassen zoals jij 't wilt). In die cellen bouw je de paginas dan op in aparte tabellen, genestelde tabellen.
In de derde rij maak je je footer.
Dus zoiets:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <table style="width: 760px;">
  2. <tr><td id="header"><img src="plaatjes/header.jpg" /></td></tr>
  3. <tr><td id="menu">
  4. <table id="table_menu"><tr><td>Menu hier</td></tr></table>
  5. </td>
  6. <td id="content"><table id="table_content"><tr><td>Content hier</tr></td></table>
  7. </td>
  8. <td id="menu_rechts"><table id="table_menu_rechts"><tr><td>Menu rechts</td></tr></table>
  9. </td>
  10. </tr>
  11. <tr><td id="footer">Footer komt hier</td></tr>
  12. </table>
Offline supremecars - 02/10/2006 18:22
Avatar van supremecars Nieuw lid Bedankt, hoe plaats ik de links met het plaatje, en hoe plaats ik de content door middel van plaatje?
Offline CounterForce - 03/10/2006 08:54
Avatar van CounterForce Onbekend Links met een plaatje doe je als volgt :

<a href="URL"><img src="URL_AFBEELDING"></a>

Voor je content :

Je werkt met tabellen, dus zet je een tabel voor je content en laat alle tabellen aan elkaar sluiten ( geen cellpadding dus ) en zet je border uit...
Offline xSc - 03/10/2006 10:18
Avatar van xSc Onbekend Supremecars, waarom gebruik je geen Frontpage. Is een prima programma ja, superkwaliteit HTMLcode enzo. Echt geschikt voor tableprofessionals. 
Offline CounterForce - 03/10/2006 10:24 (laatste wijziging 03/10/2006 10:26)
Avatar van CounterForce Onbekend FrontPage = Betalend...

De meesten kunnen zich die dure programma's niet aanschaffen...

FrontPage , MacroMedia-producten enzo...die kosten stukken van mensen...

Een gewone editor zal dus de enige oplossing zijn :-)

ik gebruik:

Voor PHP => PHP DESIGNER 2007

Voor HTML => KladBlok of HTML-kit

Allemaal gratis en gebruiksvriendelijk...enige kennis van HTML en PHP is dan wel vereist.. :-)
Offline xSc - 03/10/2006 10:27
Avatar van xSc Onbekend CounterForce, het was sarcastisch bedoeld. Sorry.
Offline CounterForce - 03/10/2006 12:26 (laatste wijziging 03/10/2006 12:28)
Avatar van CounterForce Onbekend NP voor mij he...
Maar toch ook rekekning houden dat er hier ook leden zijn die (nog) niet werken en dus geen geld hebben voor dergelijke programma's aan te kopen...

Kwil het maar ff late weten  

Allemaal heel mooi dat die progs dat kunnen...
MAAR :

1. De aanschaf ervan...
2. Ermee leren werken...
3. Bestaat er geen beter programma ?

Allemaal dingen waar ik rekening mee houd voor ik iets aankoop...
Offline supremecars - 03/10/2006 13:36 (laatste wijziging 03/10/2006 13:37)
Avatar van supremecars Nieuw lid Waarom zou ik frontpage kopen als ik Dreamweaver heb.  

En trouwens als ik het nodig zou hebben koop ik het wel, photoshop cs2 heb ik ook dus ja.

Nog 1 vraag:

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 xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <link rel="stylesheet" href="style.css" type="text/css" >
  6. 	<title>Welcome to NationofGFX</title>
  7. </head>
  8. <body>
  9. <div align="center">
  10. <<table width="718" cellspacing="0" cellpadding="0"> // #=sitebreedte
  11.    <tr> // nieuwe rij maken
  12.       <td background="images/2_04.gif" align="center"><div align="left"><img src="images/2_04.gif" /><img src="images/2_05.gif" /></div></td> 
  13.       // nieuw kolom binnen de rij met een plaatje in het midden
  14.    </tr> // vorige rij sluiten
  15.    <tr> // nieuwe rij
  16.    		<td background="images/2_04.gif" align="center"><div align="left"><img src="images/2_07.gif" /></div></td>
  17.  
  18. 	</tr> // vorige rij sluiten
  19.    <tr> // nieuwe rij
  20. 		<td background="images/2_04.gif" align="center"><div align="left"><img src="images/2_03.gif" /></div></td>
  21. 				<td>&nbsp;</td> 
  22.       // nieuw kolom met je logo
  23.         <td>
  24. 	  <tr>
  25. 		<td>
  26. 			<img src="images/2_11.gif" alt="" width="113" height="23" border="0" id="Main_15" /></td>
  27. 		<td>
  28.  
  29. 			<img src="images/spacer.gif" width="1" height="18" alt="" /></td>
  30. 	</tr>
  31. 			<td>
  32. 	  <tr>
  33. 		<td>
  34. 			<a href="http://www.nationofgfx.com"><img src="images/2_13.gif" alt="" width="113" height="18" border="0" id="Main_15" /></a></td>
  35. 		<td>
  36. 			<img src="images/spacer.gif" width="1" height="18" alt="" /></td>
  37. 	</tr>
  38.  
  39. 		<td>
  40. 	  <tr>
  41. 		<td>
  42. 			<a href="http://forums.nationofgfx.com"><img src="images/2_20.gif" alt="" width="113" height="18" border="0" id="Main_15" /></a></td>
  43. 		<td>
  44. 			<img src="images/spacer.gif" width="1" height="18" alt="" /></td>
  45. 	</tr>
  46.           OPBOUW REST SITE
  47.       </td>
  48.  
  49.    </tr>
  50. </table>
  51. <!-- Main content starts here -->
  52. </div>
  53. </body>
  54. </html>


Wat moet ik hier nog aan veranderen?
Zodat ikde content etc goed kan krijgen?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.198s