Pagina 1 van 2 12 Laatste

Discussie: colspan doet niets?

  1. #1

    Lid sinds
    12/12/04
    Locatie
    Vlimmeren
    Berichten
    343
    iTrader
    0

    colspan doet niets?

    Ik durf het bijna niet te zeggen, maar ik slaag er niet in mijn table te krijgen zoals ik ze wil. HIER kan je zien dat er cellen zijn die niet de volledig breedte innemen. COLSPAN slaagt er niet in om hiervoor te zorgen en ik heb geen idee waar mijn fout zit.

    Dan heb ik nog een klein probleempje; de linkercellen met <h3> staan niet volledig verticaal top-gealigned, maar lijken een top-margin van enkele pixels (15 ofzo) te hebben. (dit is wanneer ik valign gebruik in de html, wanneer ik het via de css probeer, gebeurt er niets, net zo met padding)
    Ik zie ook niet waar het probleem zit. Ik heb de vertical-align al in de table, de td, de tr en de h3 gezet, maar niet lukt. Ook margin of padding aanpassen werkt bij de elementen niet.

    Alvast heel erg bedankt om een n00b te willen helpen : )

    Michael

    Mijn CSS:
    Code:
    h3 {
    	color: #000000;
    	font-size:14px;
    	font-family:"Times New Roman", Times, serif;
    	font-style: oblique;
    	font-weight: bold;
    	vertical-align:top;
    }
    
    table {
    	padding: 15 px;
    	color: #000000;
    	font-size:14px;
    	font-family: Georgia, "Times New Roman", Times, serif;	font-style: normal;
    	font-weight: lighter;
    	vertical-align: top;
    }
    Mijn TABLE:
    Code:
     <table border="0" width="750 px" cellpadding="5 px" >
                <tr>
                    <td>
                    <h3>Geboortedatum</h3>
                    </td>
                    <td colspan="2">
                    04.02.1965
                    </td>
                </tr>
                <tr>
                    <td>
                    <h3>Nationaliteit</h3>
                    </td>
                    <td colspan="2">
                    Belg
                    </td>
                </tr>
                <tr>
                    <td>
                    <h3>Burgerlijke status</h3>
                    </td>
                    <td colspan="2">
                    Gehuwd, 3 kinderen
                    </td>
                </tr>
                <tr>
                    <td>
                    <h3>Universitaire en postuniversitaire
                    opleiding</h3>
                    </td>
                    <td colspan="2">
                    Lic. Dent. KU Leuven   1988 <br/>
                    Dr. Med.   KU Leuven   1993 <br/>
                    Specialist Stomatologie  1995 <br/>
                    Specialist Maxillo-Faciale Chirurgie 1997 <br/>
                    Fellow of the European Board for Oral & Maxillo-Facial Surgery 2002
                    <br/>
                    </td>
                </tr>
                <tr>
                    <td>
                    <h3>Huidige werkplaats</h3>
                    </td>
                    <td colspan="2">
                    Dienst Mond-, Kaak- en Aangezichtschirurgie Eeuwfeestkliniek <br/>
                    Harmoniestraat 68 <br/>
                    2018 Antwerpen <br/>
                    tel + 32 3 2402611 <br/>
                    e-mail drvanhemelen@monica.be <br/>
                    AZ KLINA <br/>
                    Augustijnlei 100 <br/>
                    Brasschaat <br/>
                    Tel + 32 3 6505096 <br/>
                    e-mail geert.van.hemelen@klina.be <br/>
                    H. Hartziekenhuis <br/>
                    Mechelsestraat <br/>
                    2500 Lier <br/>
                    Tel : +32/3/491.27.36 <br/>
                    </td>
                </tr>
                <tr>
                    <td>
                    <h3>Adres</h3>
                    </td>
                    <td colspan="2">
                    Bertheide 2 <br/>
    				2200 Herentals <br/>
    				Tel 014/72.65.67 <br/>
    				e-mail:  geert.van.hemelen@telenet.be
    
                	</td>
                </tr>
                  <tr>
                  <td rowspan="6">
                    <h3>Werkervaring</h3>
                    </td>
                 	<td colspan="2">
                    Stage in de algemene tandheelkunde 1/2/98 - 30/6/88 - AZ St. Jan Brugge
                    </td>             
                 </tr>
                <tr>                        
    				<td>
                    Interne Geneeskunde: <br/>	
                    Gynaecologie: <br/>		
                    Pediatrie: <br/>		
                    Algemene Heelkunde:  <br/>		
                    </td>
                     <td>
                    H. Hart Ziekenhuis, Mol <br/>
                  	Pelonomi Hospitaal, Bloemfonteyn, Z.-Afrika <br/>
                    Frere Hospitaal, East London, Z.-Afrika <br/>
                    AZ St. Elisabeth, Herentals <br/>
                    </td>
                 </tr>
                 <tr>
                    <td colspan="2">
                    BLAAAAH
                    </td>             
                 </tr>
                <tr>                        
    				<td colspan"2">
                    bbfbsfb <br/>	
                    sfbsfbsf: <br/>		
                    fbsfbsfbsfbsfbbr<br/>		
                    dfbdfbdfbdf:  <br/>		
                    </td>
                </tr>
                  <tr>
                    <td colspan="2">
                    BLAAAAH
                    </td>             
                 </tr>
                <tr>                        
    				<td colspan"2">
                    bbfbsfb <br/>	
                    sfbsfbsf: <br/>		
                    fbsfbsfbsfbsfbbr<br/>		
                    dfbdfbdfbdf:  <br/>		
                    </td>
                </tr>
               
                  
                </table>
    Laatst gewijzigd door ::SaBeR::; 15 oktober 2010 om 17:45
    no votes  

  2. #2
    adrianhates's schermafbeelding
    Lid sinds
    23/01/06
    Berichten
    2.115
    iTrader
    0
    Reputation
    20/23
    Kunt ge die pagina eens online zetten en/of er naar linken? Met firebug kunnen we dan nogal snel ontleden en zien waar de fout zit..
    no votes  

  3. #3

    Lid sinds
    14/08/10
    Locatie
    Diest
    Berichten
    2.419
    iTrader
    1 (100%)
    Reputation
    5/16
    En de code in code-tags zetten aub
    no votes  

  4. #4

    Lid sinds
    12/12/04
    Locatie
    Vlimmeren
    Berichten
    343
    iTrader
    0
    HTML

    CSS

    en de code staat in de juiste tags
    no votes  

  5. #5
    EuT.be's schermafbeelding
    Lid sinds
    10/10/07
    Locatie
    Vilvoorde
    Berichten
    192
    iTrader
    0
    voor hetgeen ik al kan zien is dat de colspans vanboven geheel niet niet nodig zijn en dan volgt er een serie colspan's waar de = missen

    Van div tot /div, de verbetering:
    Code:
    <div class="contentwrapper">
            <div class="textwrapper">
                <h1> Urercip magnit wisi.</h1>
                   <p>
               <table border="0" width="750 px">
                <tr>
                    <td valign="top">
                    <h3>Geboortedatum</h3>
                    </td>
                    <td colspan="2">
                    04.02.1965
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                    <h3>Nationaliteit</h3>
                    </td>
                    <td colspan="2">
                    Belg
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                    <h3>Burgerlijke status</h3>
                    </td>
                    <td colspan="2">
                    Gehuwd, 3 kinderen
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                    <h3>Universitaire en postuniversitaire
                    opleiding</h3>
                    </td>
                    <td colspan="2">
                    Lic. Dent. KU Leuven   1988 <br/>
                    Dr. Med.   KU Leuven   1993 <br/>
                    Specialist Stomatologie  1995 <br/>
                    Specialist Maxillo-Faciale Chirurgie 1997 <br/>
                    Fellow of the European Board for Oral & Maxillo-Facial Surgery 2002
                    <br/>
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                    <h3>Huidige werkplaats</h3>
                    </td>
                    <td colspan="2">
                    Dienst Mond-, Kaak- en Aangezichtschirurgie Eeuwfeestkliniek <br/>
                    Harmoniestraat 68 <br/>
                    2018 Antwerpen <br/>
                    tel + 32 3 2402611 <br/>
                    e-mail drvanhemelen@monica.be <br/>
                    AZ KLINA <br/>
                    Augustijnlei 100 <br/>
                    Brasschaat <br/>
                    Tel + 32 3 6505096 <br/>
                    e-mail geert.van.hemelen@klina.be <br/>
                    H. Hartziekenhuis <br/>
                    Mechelsestraat <br/>
                    2500 Lier <br/>
                    Tel : +32/3/491.27.36 <br/>
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                    <h3>Adres</h3>
                    </td>
                    <td colspan="2">
                    Bertheide 2 <br/>
                    2200 Herentals <br/>
                    Tel 014/72.65.67 <br/>
                    e-mail:  geert.van.hemelen@telenet.be
    
                    </td>
                </tr>
                  <tr>
                  <td rowspan="18" valign="top">
                    <h3>Werkervaring</h3>
                    </td>
                     <td colspan="2">
                    Stage in de algemene tandheelkunde 1/2/98 - 30/6/88 - AZ St. Jan Brugge
                    </td>             
                 </tr>
                <tr>                        
                    <td>
                    Interne Geneeskunde: <br/>    
                    Gynaecologie: <br/>        
                    Pediatrie: <br/>        
                    Algemene Heelkunde:  <br/>        
                    </td>
                     <td>
                    H. Hart Ziekenhuis, Mol <br/>
                      Pelonomi Hospitaal, Bloemfonteyn, Z.-Afrika <br/>
                    Frere Hospitaal, East London, Z.-Afrika <br/>
                    AZ St. Elisabeth, Herentals <br/>
                    </td>
                 </tr>
                 <tr>
                    <td colspan="2">
                    Co-assistentschap in Orale & Maxillo-Faciale Chirurgie 1/8/91 - 1/2/92
                    </td>             
                 </tr>
                <tr>                        
                    <td colspan="2">
                    St. Rafael, UZ Leuven
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                    Assistent Algemene Chirurgie 1/8/92 - 31/7/93
                    </td>             
                 </tr>
                <tr>                        
                    <td colspan="2">
                    AZ St. Elisabeth, Herentals <br/>
                    Dr. Sebrechts, Dr. Storms, Prof. Dr. Gruwez
                    </td>
                </tr>
                
                <tr>
                    <td colspan="2">
                    Assistent Stomatologie 1/8/93 - 31/7/94
                    </td>             
                 </tr>
                <tr>                        
                    <td colspan="2">
                       UZ St. Rafael, Leuven <br/>
                    Prof. Dr. Fossion, Prof. Dr. Vinckier, Prof. Dr. Bossuyt
                    </td>
                </tr>
               
                <tr>
                    <td colspan="2">
                    Assistent Orale & Maxillo-Faciale Chirurgie 1/8/94 - 31/7/96
                    </td>             
                 </tr>
                <tr>                        
                    <td colspan="2">
                    AZ St. Jan, Brugge <br/>
                    Dr. Mommaerts, Dr. Abeloos, Dr. De Clercq, Prof. Dr. Neyt
                    </td>
                </tr>
               
                <tr>
                    <td colspan="2">
                    Specialist Registrar Maxillofacial Surgery 1/8/96 - 31/7/97
                    </td>             
                 </tr>
                <tr>                        
                    <td colspan="2">
                    Queen Victoria Hospital NHS Trust, East Grinstead, GB <br/>
                    Dr. Lavery, Dr. Brown, Dr. Ward-Booth, Dr. Banks
                   </td>
                </tr>
               
                <tr>
                    <td colspan="2">
                    Fellow Faciale Esthetische Chirurgie 1/8/1997 - 30/9/1997
                    </td>             
                 </tr>
                <tr>                        
                    <td colspan="2">
                    Institute for Facial & Cosmetic Surgery, Murray, Utah, VS <br/>
                    Dr. B. Kennedy
                    </td>
                </tr>
               
                <tr>
                    <td colspan="2">
                    Staflid Geneesheer-Specialist Maxillo-Faciale Chirurgie 1/1 - 31/12/98
                    </td>             
                 </tr>
                <tr>                        
                    <td colspan="2">
                    AZ St Augustinus, Antwerpen <br/>
                    Consulent Maxillo-Faciale Chirurgie, UZ Antwerpen <br/>
                    Consulent Maxillo-Faciale Chirurgie, AZ Vesalius, Tongeren
                    </td>
                </tr>
               
                <tr>
                    <td colspan="2">
                    Huidige werkplaats
                    </td>             
                 </tr>
                <tr>                        
                    <td colspan="2">
                    AZ Monica campus Antwerpen <br/>
                    AZ KLINA, Brasschaat <br/>
                    H. Hartziekenhuis, Lier <br/>
                    Coördinator Hoofd-Hals oncologie <br/>
                    </td>
                </tr>
               
               
                  
                </table>
                </p>
          </div>
    RavenGames.com - Your hub for Raven Software games
    DGTnt.be - My Personal web
    no votes  

  6. #6
    adrianhates's schermafbeelding
    Lid sinds
    23/01/06
    Berichten
    2.115
    iTrader
    0
    Reputation
    20/23
    als ge uw document laat valideren had ge dat ook direct gemerkt..
    http://validator.w3.org/
    Laatst gewijzigd door adrianhates; 15 oktober 2010 om 19:02
    no votes  

  7. #7

    Lid sinds
    12/12/04
    Locatie
    Vlimmeren
    Berichten
    343
    iTrader
    0
    dat zal ik vanaf nu altijd eerst doen

    Heel erg bedankt voor het verbeteren van de code. De h3's lijnen helaas nog steeds niet vanboven uit. De valign="top" die je bij al mijn td's geplaatst hebt schijnt overschreven te worden door iets in de css. Validating leek me niet echt het probleem eruit te halen.

    HTML
    CSS
    no votes  

  8. #8

    Lid sinds
    12/12/04
    Locatie
    Vlimmeren
    Berichten
    343
    iTrader
    0
    ok, margin heeft het probleem opgelost. Stond om een bepaalde reden niet op 0
    no votes  

  9. #9
    adrianhates's schermafbeelding
    Lid sinds
    23/01/06
    Berichten
    2.115
    iTrader
    0
    Reputation
    20/23
    Citaat Oorspronkelijk geplaatst door ::SaBeR:: Bekijk bericht
    Deze quote is verborgen omdat je deze gebruiker negeert. Weergeven
    ok, margin heeft het probleem opgelost. Stond om een bepaalde reden niet op 0
    een css reset kan al die onopvallende problemen wel doen vermijden
    no votes  

  10. #10
    Zero Grav's schermafbeelding
    Lid sinds
    6/06/04
    Locatie
    Bilzen
    Berichten
    8.819
    iTrader
    18 (100%)
    Reputation
    38/128
    Again trouwens, ::SaBeR::, xx px is niet hetzelfde als xxpx. Dat kan problemen opleveren in sommige browsers
    no votes  

  11. #11

    Lid sinds
    12/12/04
    Locatie
    Vlimmeren
    Berichten
    343
    iTrader
    0
    het moet dus altijd xxpx zijn?

    en adrianhates, bedoel je gewoon blanco herbeginnen?
    no votes  

  12. #12
    no votes  

  13. #13

    Lid sinds
    12/12/04
    Locatie
    Vlimmeren
    Berichten
    343
    iTrader
    0
    Dank u.
    Ik snap nog niet echt wat het doet en hoe het werkt, maar ik zal wel eens research doen als ik tijd vind.
    no votes  

  14. #14
    Zero Grav's schermafbeelding
    Lid sinds
    6/06/04
    Locatie
    Bilzen
    Berichten
    8.819
    iTrader
    18 (100%)
    Reputation
    38/128
    Wat het doet is ervoor zorgen dat opmaak die door browsers aan elementen worden gegeven gewoon volledig gewist wordt. Op die manier gaat ge al een pak browserverschillen kunnen vermijden.

    Pak bijvoorbeeld een <ul>. In browser X staat er standaard een margin-left van 10px op, in browser Y staat er een margin-left: 0; op en een padding-left: 15px; Wilt gij die lijst zelf op 20px laten inspringen via een margin-left: 20px; dan zoudt ge in browser Y een lijst krijgen die 35px is ingesprongen. Als ge eerst zowel de margin als de padding op 0 zet krijgt ge dat verschil niet. Dat doet een CSS reset dus voor elk mogelijk element in CSS met elke mogelijke property.
    no votes  

  15. #15

    Lid sinds
    12/12/04
    Locatie
    Vlimmeren
    Berichten
    343
    iTrader
    0
    Dat is dus iets dat best standaard bij elke site gebruikt wordt lijkt me.
    En ik steek de gegeven code gewoon in een bijgevoegde reset.css en de rest gebeurt vanzelf? Hoe link ik hier dan naar in mijn pagina?
    En wanneer gebruik ik de html 4 en de html 5. Mag die echt enkel gebruiken wanneer ik gebruik heb gemaakt van de desbetreffende html?


    Heel erg bedankt voor de verhelderende uitleg alvast
    no votes  

Pagina 1 van 2 12 Laatste

Regels voor berichten

  • Je mag geen nieuwe discussies starten
  • Je mag niet reageren op berichten
  • Je mag geen bijlagen versturen
  • Je mag niet je berichten bewerken
  •  

Inloggen

Inloggen