Archief - colspan doet niets?

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

::SaBeR::

Legacy Member
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 [email][email protected][/email] <br/>
                AZ KLINA <br/>
                Augustijnlei 100 <br/>
                Brasschaat <br/>
                Tel + 32 3 6505096 <br/>
                e-mail [email][email protected][/email] <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:  [email][email protected][/email]

            	</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>

adrianhates

Legacy Member
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.. :)

EuT.be

Legacy Member
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 [email protected] <br/>
                AZ KLINA <br/>
                Augustijnlei 100 <br/>
                Brasschaat <br/>
                Tel + 32 3 6505096 <br/>
                e-mail [email protected] <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:  [email protected]

                </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>

::SaBeR::

Legacy Member
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

::SaBeR::

Legacy Member
ok, margin heeft het probleem opgelost. Stond om een bepaalde reden niet op 0

adrianhates

Legacy Member
::SaBeR:: zei:
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 :)

Zero Grav

Legacy Member
Again trouwens, ::SaBeR::, xx px is niet hetzelfde als xxpx. Dat kan problemen opleveren in sommige browsers

::SaBeR::

Legacy Member
het moet dus altijd xxpx zijn?

en adrianhates, bedoel je gewoon blanco herbeginnen?

::SaBeR::

Legacy Member
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.

Zero Grav

Legacy Member
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.

::SaBeR::

Legacy Member
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

Zero Grav

Legacy Member
Ge kunt altijd de HTML5 versie gebruiken, maar het is niet nodig als ge met xTHML1 gaat werken omdat ge die elementen dan toch niet gebruikt en ze dus ook niet gereset moeten worden. De HTML4 versie heeft minder elementen, dus minder tekst, dus een kleinere bestandsgrootte.

Maar aan de hand van uw andere vragen kan ik toch voorstellen om best nog eens een handleiding html door te nemen. Want nu zijt ge toch gewoon aan't vragen hoe ge een stylesheet aan een html-pagina moet linken? Ik zet het trouwens altijd gewoon in mijn eigen stylesheet, helemaal bovenaan. Anders moet em 2 calls doen in plaats van 1 en krijgt ge weer meer overhead.

::SaBeR::

Legacy Member
Ik weet hoe een stylesheet te linken, maar omdat ik compleet nieuw ben met het concept 'reset' bedoelde ik eerder of er iets speciaal mee moest gebeuren buiten het linken.
Ik heb een paar jaar terug wat html gedaan en ben er net terug mee bezig, vandaar dat alles terug moet opgepoetst worden. Mijn excuses als ik domme vragen stel.

Alvast heel erg bedankt voor alle hulp.

adrianhates

Legacy Member
de css uit de reset moet je gewoon bovenaan alle andere css plaatsen , zoals zero grav al vermeld had ( in het begin van je css file dus ) en er hoeft dus zeker niets speciaal mee te gebeuren.

Je zal nu wss wel (ietsiepietsie) meer costum styling gaan doen.. :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan