login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Tabel in Firefox

Offline Geerios - 23/04/2005 09:11 (laatste wijziging 23/04/2005 09:12)
Avatar van GeeriosOnbekend Ik ben bezig met een site die ook goed te zien is in Firefox maar nu zit ik met een probleem.
Al bekijk je:
http://geerswebdesign.ge.funpic.org/voorbeeld.html
In IE dan is er niks ergs aan maar als je hem in FireFox bekijkt dan gaan de buitenste randen weg.
Hier is de code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style>
  2. TABLE {
  3.  font-size: 9pt; 
  4.  border-collapse: collapse; border-style: hidden; 
  5. }
  6. </style>
  7. <table width="120" border="1" bordercolor="black" cellpadding="0" cellspacing="2" valign="middle">
  8. <tr><td><b>Titel</b></td></tr>
  9. <tr><td>
  10. Een stukje tekst
  11. </td></tr>
  12. </table>
Ik hoop dat jullie me kunnen helpen.

16 antwoorden

Gesponsorde links
Offline Martijn1989 - 23/04/2005 09:23
Avatar van Martijn1989 PHP ver gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style>
  2. TABLE {
  3.  font-size: 9pt;
  4.  border-collapse: collapse;
  5. }
  6. </style>
  7. <table width="120" border="1" bordercolor="black" cellpadding="0" cellspacing="2" valign="middle">
  8. <tr><td><b>Titel</b></td></tr>
  9. <tr><td>
  10. Een stukje tekst
  11. </td></tr>
  12. </table>


Zo moet hij perfect werken
Offline dufes - 23/04/2005 09:24
Avatar van dufes Grafische interesse border-style: hidden;

delete dat eens
Offline Geerios - 23/04/2005 09:38 (laatste wijziging 23/04/2005 09:58)
Avatar van Geerios Onbekend Het werkt maar nu nog een vraagje:
Nu zitten alle letters tegen de kant op ,hoe kan ik dat veranderen?
Ik heb het eens ergens gelezen maar toen dacht ik dat dat toch nooit van pas zou komen.
Offline zointer - 23/04/2005 10:00
Avatar van zointer HTML gevorderde mischien zo
php code - Bekijk de code zonder highlighting - Klap code in 
  1. .text-positsie {
  2. 	padding-top: 10px;
  3. 	padding-right: 10px;
  4. 	padding-bottom: 10px;
  5. 	padding-left: 10px;
  6. }
Offline Geerios - 23/04/2005 10:05
Avatar van Geerios Onbekend K dacht dat het met een <p> was maar als dit werkt is het ook goed 
Offline zointer - 23/04/2005 10:32
Avatar van zointer HTML gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <p style="margin-left:20px;">je text sta nu  van de kant met 20px </p>


php code - Bekijk de code zonder highlighting - Klap code in 
  1. style="margin-left:20px; margin-bottom:20px; 
  2. margin-right:20px; 
  3. margin-top:20px">;
Offline Martijn1989 - 23/04/2005 15:55 (laatste wijziging 23/04/2005 15:57)
Avatar van Martijn1989 PHP ver gevorderde dus :

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style>
  2. TABLE {
  3.  font-size: 9pt;
  4.  border-collapse: collapse;
  5.  margin-left:20px; margin-bottom:20px;
  6.  margin-right:20px;
  7.  margin-top:20px;
  8. }
  9. </style>
  10. <table width="120" border="1" bordercolor="black" cellpadding="0" cellspacing="2" valign="middle">
  11. <tr><td><b>Titel</b></td></tr>
  12. <tr><td>
  13. Een stukje tekst
  14. </td></tr>
  15. </table>


Deze werkt (uitgetest)
Offline zointer - 23/04/2005 16:31 (laatste wijziging 23/04/2005 16:31)
Avatar van zointer HTML gevorderde @Martijn1515 jouw code is voor de table en niet voor de text zoals Geerios
Citaat:
Nu zitten alle letters tegen de kant op ,hoe kan ik dat veranderen?
vraagde
dus:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <table width="120" border="1" bordercolor="black" cellpadding="0" cellspacing="2" valign="middle">
  2. <tr><td><b style="margin-left:10px;">Titel</b></td>
  3. </tr>
  4. <tr><td><p style="margin-left:4px;">Een stukje tekst</p>
  5. </td></tr>
  6. </table>


werkt en getest zoals alle ander codes die ik reeds opgaf
Offline Steven - 23/04/2005 17:56
Avatar van Steven HTML interesse @ zointer, je kan wel moeilijk doen... maar dit is makkelijker:

Gewoon bij elke regel een onzichtbare spatie ervoor zetten, in dreamweaver kan dit met Ctrl + Shift + Spatiebalk, of voer deze code in:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. &nbsp;


zo kan het er dan uit komen te zien:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <strong>&nbsp;Voorbeeld</strong>
 
Offline Geerios - 23/04/2005 18:17 (laatste wijziging 23/04/2005 18:18)
Avatar van Geerios Onbekend
Citaat:
@ zointer, je kan wel moeilijk doen... maar dit is makkelijker:

Gewoon bij elke regel een onzichtbare spatie ervoor zetten, in dreamweaver kan dit met Ctrl + Shift + Spatiebalk, of voer deze code in:[..code..]

Dit is niet goed te zien in FireFox!
Maar het is wel gelukt dus bedankt allemaal!
Offline XenoX - 23/04/2005 20:25
Avatar van XenoX Gouden medailleGouden medaille

PHP expert		 cellpadding="2" ipv cellpadding="0"
Offline CelestialCelebi - 23/04/2005 21:01
Avatar van CelestialCelebi PHP gevorderde Idd, niet gaan zitten kloten met spaties.. :/ Maak het niet moeilijker dan het al is.
Offline Geerios - 23/04/2005 21:48
Avatar van Geerios Onbekend
Citaat:
cellpadding="2" ipv cellpadding="0"

Nee want ik wil het juist in die stijl.
Is het fout ofzo???
Offline Martijn1989 - 23/04/2005 23:20
Avatar van Martijn1989 PHP ver gevorderde Nee, maar t is voor de overzicht beter
Offline Geerios - 24/04/2005 09:57
Avatar van Geerios Onbekend
Citaat:
Nee, maar t is voor de overzicht beter

Ik vind het wel leuk staan, teminste weer eens wat anders .
Offline Steven - 24/04/2005 21:10
Avatar van Steven HTML interesse @ CelestialCelebi

Dat maakt geen hol uit, het ligt er maar aan "hoeveel of hoevaak" hij het gaat toepassen... Oke een hele tabel of z'n hele website, tja dat wordt wel veel. Maar een stuk of 4 zinnen...
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.287s