login  Naam:   Wachtwoord: 
Registreer je!
 Forum

tabellen vervangen door CSS

Offline psychogene00 - 29/01/2007 14:44
Avatar van psychogene00Nieuw lid Ik heb een <h2> element waar ik de tekst aan de likerkant wil hebben en 3 afbeeldingen aan de rechterkant.

Hier het voorbeeld:
[img]http://fil....JPG[/img]

Nu heb ik dit opgelost met een tabel. zie code.
maar dit is niet valid.
Hoe kan ik dit toch bekomen zonder tabellen. dus alleen met CSS?

  1. <h2 id="Ajax">
  2. <table border="0" style="width:100%;">
  3. <tr>
  4. <td>Ajax (6)</td>
  5. <td style="text-align:right;">
  6. <a href="?pagina=startpaginaverwijder&amp;catID=25">
  7. <img src="afbeeldingen/black_green/delete.gif" alt="verwijder categorie" />
  8. </a>
  9. <a href="?pagina=startpaginawijzig&amp;catID=25">
  10. <img src="afbeeldingen/black_green/edit.gif" alt="wijzig categorie" />
  11. </a>
  12. <a href="#" onclick="new Effect.ScrollTo('top'); return false;">
  13. <img src="afbeeldingen/black_green/top.gif" alt="terug naar boven" />
  14. </a>
  15. </td>
  16. </tr>
  17. </table>
  18. </h2>



mzzl psy.

6 antwoorden

Gesponsorde links
Offline vinTage - 29/01/2007 14:58 (laatste wijziging 29/01/2007 15:00)
Avatar van vinTage Nieuw lid Ik wil je niet teleurstellen, maar als die Ajax (6) letters zijn en dus geen plaatje, dan heb je al een probleem, niemand zal die op die manier zien.

Verder zal je alles in divs moeten zetten, want nu werk je nog met tables 
Offline psychogene00 - 29/01/2007 15:10 (laatste wijziging 29/01/2007 15:13)
Avatar van psychogene00 Nieuw lid
Citaat:
Ik wil je niet teleurstellen, maar als die Ajax (6) letters zijn en dus geen plaatje, dan heb je al een probleem, niemand zal die op die manier zien.


Ik snap niet wat je bedoelt?
Het zijn letters, wat is dan het probleem??
Dit heb ik al op mijn website en dit werkt. heb er gewoon een foto bij gezet voor de duidelijkheid.
Zie mijn site.


Citaat:
Verder zal je alles in divs moeten zetten, want nu werk je nog met tables


idd en daarom open ik ook dit topic. Mijn vraag is nu juist HOE doe je dit met div en CSS ipv tables.

Heb al wat geprobeerd maar krijg het niet hetzelfde als met tables.

psy.
Offline vinTage - 29/01/2007 15:13 (laatste wijziging 29/01/2007 15:16)
Avatar van vinTage Nieuw lid mijn fout, was ondertussen al een oplossing aan het maken
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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. <title>dingske</title>
  6. </head>
  7.  
  8. <body>
  9. <div style="float:left;">Ajax (6)</div>
  10. <div style="float:right; text-align:right;">img1 img2 img3</div>
  11. </body>
  12. </html>



Ik weet niet hou jij het ziet, maar ik zie je site zo .
Als dat de bedoeling is, dan is het goed voor mij, maar ik baseerde me op die ajax(6) tekst in die td...als dat een image is, dan was dat niet duidelijk in je voorbeeld code 
Offline psychogene00 - 29/01/2007 15:34 (laatste wijziging 29/01/2007 15:43)
Avatar van psychogene00 Nieuw lid Je moet dan ff inloggen:

gebruikersnaam: demo
paswoord: demo

Daar zie wat ik bedoel.


Ik had dit zo ook al eens geprobeerd. maar dan staat er van alles uit de haak.
zie http://file04.u...ingvb2.JPG

dit is de oorspronkelijke code uit het php script:
  1. echo "<h2 id=\"".str_replace(" ", "", $rij["categorie"])."\">
  2. <table border=\"0\" style=\"width:100%;\">
  3. <tr>
  4. <td>
  5. ".$rij["categorie"]." (".mysql_num_rows($result).")
  6. </td>
  7. <td style=\"text-align:right;\">
  8. <a href=\"?pagina=startpaginaverwijder&amp;catID=".$catID."\">
  9. <img src=\"afbeeldingen/black_green/delete.gif\" alt=\"verwijder categorie\" />
  10. </a>
  11. <a href=\"?pagina=startpaginawijzig&amp;catID=".$catID."\">
  12. <img src=\"afbeeldingen/black_green/edit.gif\" alt=\"wijzig categorie\" />
  13. </a>
  14. <a href=\"#\" onclick=\"new Effect.ScrollTo('top'); return false;\">
  15. <img src=\"afbeeldingen/black_green/top.gif\" alt=\"terug naar boven\" />
  16. </a>
  17. </td>
  18. </tr>
  19. </table>
  20. </h2>";


Hoe kan dit beter?

toch al bedankt
Offline vinTage - 29/01/2007 15:42 (laatste wijziging 29/01/2007 15:45)
Avatar van vinTage Nieuw lid arf..kappuh nou met die html te echoen, dat leest toch voor geen meter zo......



  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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. <title>dingske</title>
  6. </head>
  7.  
  8. <body>
  9. <div style="float:left;">Ajax (6)</div>
  10. <div style="float:right; text-align:right;">img1 img2 img3</div>
  11. <div style="clear:both;">DE REST VAN JE MEUK</div>
  12. </body>
  13. </html>



Edit
ah, btw, kijk even naar mn screen (vorige post) dan zie je wat ik bedoel met letters, zoals je daar ziet zijn het niet meer die fancy lettertjes
Offline psychogene00 - 29/01/2007 15:57
Avatar van psychogene00 Nieuw lid ok thx tis gelukt ik had rond de divs ook nog een h2 staan die onderlijnt is.
Die was ook uit de haak. maar als ik die ook float komt het goe.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.29s