Toen stylesheets nog niet bestonden, werd de tag gebruikt om de lettergrootte en het lettertype in te stellen lettertype. Echter, binnen op dit moment Het gebruik van deze tag wordt niet aanbevolen. Hieronder vindt u voorbeelden van het gebruik van deze tag:
Minimale tekstgrootte
Maximale tekstgrootte
Helvetica
Ariaal
Rood
Hoe het eruit ziet:
Minimale tekstgrootteMaximale tekstgrootte
Helvetica
Ariaal
Rood
Het is veel handiger en correcter om voor deze doeleinden een stylesheet te gebruiken. In ieder geval weet u zeker dat uw site in alle browsers correct wordt weergegeven.
Sinds, CSS-bestand is tekstdocument, dan, bij afwezigheid gespecialiseerde programma's, je kunt het eenvoudig schrijven teksteditor, bijvoorbeeld in Kladblok.
Laten we een bestand maken met de naam 03.css en plaats het in dezelfde map als ons voorbeeldbestand (aangezien er veel voorbeelden zullen zijn, zal elk voorbeeldbestand zijn eigen stijlblad hebben). In het stylesheet definiëren we de grootte, kleur en lettertype voor de gehele HTML-pagina - in de tag LICHAAM
Hoe een pagina eruit ziet zonder CSS: Voorbeeld #2
Hoe een pagina eruit ziet met CSS: Voorbeeld #3
Fragment van de gewijzigde HTML-code van de pagina(Er is alleen een META-tag toegevoegd die het stijlbladbestand verbindt; er zijn geen wijzigingen aangebracht aan de pagina zelf):
Zonder titel
body (lettertypefamilie: Verdana,Tahoma,Arial,Helvetica,sans-serif; kleur: grijs; lettergrootte: 8pt;)
Zoals ze zeggen, voel het verschil! Slechts één regel van het stijlbladbestand veranderde onmiddellijk het hele uiterlijk van de HTML-pagina (als de site tientallen, honderden, duizenden pagina's bevatte, zouden de wijzigingen hoe dan ook op alle pagina's van de site worden weerspiegeld).
Laten we de regel in het CSS-bestand eens nader bekijken:
- LICHAAM- vertelt de browser dat de opmaak van toepassing is op de gehele tekst van de HTML-pagina (dat wil zeggen, alles tussen tags En);
- {} (accolades) - alle stijlopmaakattributen worden hierin beschreven krullende beugels en worden gescheiden door puntkomma's ( ; );
- lettertype-familie:- specificeert het lettertype (lettertypenamen worden vermeld na de dubbele punt, gescheiden door komma's). In dit geval probeert de browser het eerste lettertype (Verdana) weer te geven. Als een dergelijk lettertype niet op de computer van de gebruiker staat, probeert de browser het volgende lettertype (Tahoma), enz. weer te geven;
- kleur:- geeft de kleur van het lettertype aan (het is mogelijk verschillende opties spelling: grijs; #808080);
- lettergrootte:- geeft de lettergrootte aan (er zijn ook verschillende opties mogelijk: pt, px, pc, mm...);
"Speel" mee verschillende parameters waarden en zie hoe uw pagina onmiddellijk transformeert.
Met behulp van stijlen kunt u kleine ‘trucjes’ maken die zichtbaar zijn voor gebruikers die uw site bezoeken, maar ‘onzichtbaar’ zoekmachines(Door ten minste, op het moment van schrijven van dit materiaal). Zoals u weet rangschikken zoekmachines tekst in een kop op het eerste niveau (tag
). Maar de tekst in deze tag ziet er niet altijd acceptabel uit: hij is erg groot en vetgedrukt. Dit kan bijvoorbeeld worden gewijzigd met behulp van het attribuut stijl:
Opmaak van koptekst op het eerste niveau: Voorbeeld nr. 4 - de eerste koptekst wordt “standaard” weergegeven, de tweede wordt opgemaakt met behulp van het attribuut stijl.
HTML-code van de pagina:
Zonder titel
Gouden Ring van Rusland
Gouden Ring van Rusland
“Gouden Ring van Rusland” (in de oudheid Zalesye), een toeristische route met een netwerk van oude Russische steden: Sergiev Posad, Pereslavl-Zalesski, Rostov de Grote, Yaroslavl, Kostroma, Ples, Vladimir, Bogolyubovo, Suzdal, Yuryev-Polskoy , Uglich. De naam Zalesye is vooral geografisch van aard; het betekende alles wat ‘buiten het bos’ lag in relatie tot Kievan Rus.
Hetzelfde effect, maar met gebruik van een extern stijlblad (er zijn geen wijzigingen aangebracht in de bovenstaande paginacode; het CSS-bestand is gewijzigd) Voorbeeld nr. 5
Inhoud van het CSS-bestand:
body (lettertypefamilie: Verdana,Tahoma,Arial,Helvetica,sans-serif; kleur: grijs; lettergrootte: 8pt;) H1 (kleur: groen; lettergrootte: 130%;)
Het is gemakkelijk te zien dat het stijlblad de kop van het eerste niveau heeft ingesteld groente en stel de lettergrootte in op 130% van de hoofdgrootte die is ingesteld 8pt.
Attribuut gebruiken lettergrootte(lettergrootte) mogelijk lettergrootte instellen in de volgende eenheden:
- % (percentage, relatieve waarde);
- cm(in centimeters, absolute waarde);
- em(karakterhoogte van dit lettertype, re. in-aan);
- ex(hoogte van het “x”-teken van dit lettertype, relatief tot in);
- in(inch, abs. in-na);
- mm(millimeter, abs. in-na);
- pc(cicero, abs. in-na);
- pt(punt, abs. in-aan);
- px(pixel, abs. in-na)
Webmasters hebben de laatste twee opties. Houd er rekening mee dat wanneer u een niet-gehele waarde opgeeft, u een punt als scheidingsteken moet gebruiken, en geen komma - 2,2 mm.
Bij het opgeven van een lettertype(attribuut lettertype-familie:), kunt u alle lettertypen instellen, maar voor de zekerheid (voor het geval dat er geen is het gewenste lettertype) wordt aanbevolen om op te nemen standaard typen hoofdtelefoon:
- cursief(cursief);
- fantasie(extravagante set);
- monoruimte(standaard typemachinelettertype);
- schreefloos(serif-lettertype);
- schreef(sans-serif-lettertype).
Tekstkleur (attribuut kleur:) kan worden opgegeven in hexadecimale vorm (#FCD34F), of de Engelse naam van de standaardkleur (rood). Wees voorzichtig bij het instellen van de kleur in hexadecimaal, omdat... niet elke kleur gegeven op een vergelijkbare manier, wordt hetzelfde weergegeven op verschillende monitoren. Het verdient veel de voorkeur om te gebruiken veilig palet kleuren, die op alle monitoren identiek worden weergegeven.
De afmetingen van de tafel, de hoogte en breedte, worden automatisch bepaald, afhankelijk van wat de cellen erin bevatten. Hoe meer de cellen worden ingevuld, hoe grotere maten tabellen en omgekeerd.
Echter CSS-functies Hiermee kunt u het formaat van een tabel in HTML wijzigen, waarbij u precies de breedte en hoogte opgeeft die u nodig hebt. Om eerlijk te zijn moet worden opgemerkt dat u met tabelattributen ook instellingen kunt instellen benodigde maten. Echter, binnen huidige moment we zullen het alleen over CSS hebben.
Benadrukt moet worden dat elke tafel zijn eigen minimale breedte en minimale hoogte heeft, die worden beïnvloed door de inhoud. En zelfs als je de breedte- en hoogtewaarden nog kleiner instelt, gebeurt er niets. De zijkanten van de tafel zullen hun minimum niet overschrijden.
Om de breedte van de tabel op te geven, moet u een CSS-eigenschap gebruiken breedte en om de hoogte in te stellen, moet u de eigenschap gebruiken hoogte.
In een voorbeeld ziet het er zo uit.
Tabel ( breedte: 500px; hoogte: 100px; )
Resultaat in browser:
Volledige code:
| 1 | 2 | 3 | 4 | 5 |
|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 |
| 1 | 2 | 3 | 4 | 5 |
Tabelbreedte- en hoogtewaarden kunnen worden opgegeven als absolute waarde(in pixels) en relatief – in percentage. Bijvoorbeeld respectievelijk 20px en 20%.
Als u percentages gebruikt om tabeldimensies in te stellen, worden deze berekend op basis van de dimensies ouderelement. Als we het over ons voorbeeld hebben, dan waar we het over hebben over het browservenster.
Er is nog een andere betekenis: auto. En het is bijzonder omdat met behulp hiervan de tafelbreedte en -hoogte standaard automatisch worden berekend. In de praktijk ziet het opgeven van deze waarde er als volgt uit.
Breedte: automatisch;
Hoogte: automatisch;
Wij willen nog één ding onder uw aandacht brengen: belangrijk punt. Het is beter om de hoogte niet als percentage aan te geven, omdat ze in dit geval in de regel niet zullen werken.
Specificeer de grootte van individuele cellen en kolommen
Als u denkt dat de browser de breedte van de kolommen niet correct heeft ingesteld op basis van de inhoud van de cellen, dan heeft u het recht om zelf de grootte van de cellen en kolommen op te geven. En nu zullen we het hebben over hoe u de celgrootte in een HTML-tabel kunt wijzigen.
Het formaat van cellen wijzigen gebeurt met dezelfde CSS-eigenschappen als tabelgroottes, namelijk: breedte En hoogte.
Om stijlen aan cellen toe te voegen, kunt u een van de volgende twee opties gebruiken:
- Geef cellen individuele klassenamen. Het ziet er als volgt uit: class="cell-50px"
En daarna moet u stijlen voor deze klassen toepassen.
- Kenmerk inschakelen stijl, waarbinnen de benodigde CSS-code wordt geschreven.
In de praktijk ziet de tweede optie er als volgt uit:
We willen er echter op wijzen dat het niet nodig is om de celgroottes afzonderlijk vaak te wijzigen. In de regel wordt dit gedaan in situaties waarin het nodig is om een bepaalde breedte voor tabelkolommen in te stellen. In dit geval wordt het probleem eenvoudiger opgelost. U hoeft alleen maar de breedte van de cellen in de eerste rij op te geven.
| 1 | 2 | 3 | 4 | 5 |
|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 |
| 1 | 2 | 3 | 4 | 5 |
Resultaat in browser: 
Hoe de lettergrootte in een tabel te wijzigen
Vaak is het nodig om de tekstgrootte in een tabel te wijzigen. Bijvoorbeeld in kopcellen. Dit kan gedaan worden met behulp van een CSS-eigenschap lettergrootte. Laten we de lettergrootte voor de elementen instellen
Th (lettergrootte: 30px; )
Hierop deze les eindigt. Ik stel voor dat je goed nadenkt over je huiswerk. Bestudeer het gewoon aandachtig en denk erover na. Het allerbeste voor iedereen!
Het lijkt erop, waarom HTML-tags voor tekst kennen, als nu bijna elk beheerderspaneel een handig paneel heeft dat ze automatisch instelt?
Feit is dat het opmaken van inhoud op een website fundamenteel anders is dan het werken aan kantoortoepassingen. Hier is het niet voldoende om de tekst alleen maar een aantrekkelijk uiterlijk te geven, omdat juiste ontwerp Niet alleen de weergave van een webpagina is hiervan afhankelijk, maar ook de promotie ervan in zoekmachines.
HTML-tags en attributen: basissyntaxis
Elke tekst heeft dat verborgen code, die aan de computer “legt” uit wat en hoe op het scherm moet worden weergegeven. Alle informatie wordt vastgelegd met behulp van een reeks universele elementen.
In wezen zijn HTML-teksttags opdrachten die bepaalde blokken aan een pagina toevoegen of wijzigen. verschijning. Correct formaat de invoer ziet er als volgt uit:
Houd er rekening mee dat niet alle tags zijn gekoppeld. Bijvoorbeeld,
(regel overslaan) of
(toevoeging horizontale lijn) hoeft helemaal niet gesloten te zijn.
Waarom u geen artikelen uit Word en andere programma's naar de website-editor kunt kopiëren
Hoewel modern kantoorprogramma's gebruik dezelfde HTML-tags voor tekst, in 99% van de gevallen is de native code onbruikbaar voor webpagina's. Zelfs als het document normaal in de toepassing zelf wordt weergegeven, kan de opmaak verloren gaan wanneer deze op een website wordt geplaatst. Bovendien vanwege grote hoeveelheid extra tags en attributen kunnen zoekmachines de inhoud van de pagina niet adequaat analyseren. Wat het op zijn beurt weer lastig maakt om uw hulpbron te promoten.
Om schone en relevante code te krijgen, moet u eerst de tekst verwijderen van HTML-tags die door een gewone editor zijn gegenereerd. Er zijn verschillende manieren om dit te doen:
- Voer het artikel uit via Kladblok en plaats het pas daarna op de site. De applicatie wist alle HTML, dus daarna zul je de tekst opnieuw moeten opmaken (met behulp van de editortools of handmatig).
- Schrijf en publiceer artikelen met LiveWriter. De populaire blogeditor genereert direct de juiste code. En op een apart tabblad kun je zien hoe de tekst op de site eruit komt te zien.
- Gebruik HTML Cleaner. Deze online dienst vernietigt niet de hele code, maar alleen onnodige fragmenten. Met behulp van filters kies je welke tags je wilt bewaren. Er is ook een krachtige visuele redacteur voor opmaak, waarbij reeds geoptimaliseerde opdrachten aan de code worden toegevoegd.
Paragrafen
Dit element is in bijna alle artikelen aanwezig. Elke paragraaf moet zich in zo'n container bevinden - dit vereenvoudigt de opmaak en maakt het mogelijk om op te slaan uniforme stijl op alle pagina's van de site. Voor het gemak het label
Schrijf altijd met nieuwe lijn.
Uitlijning
De aparte HTML-tag "Text Alignment" wordt al een hele tijd niet meer gebruikt. In plaats daarvan is een generiek ALIGN-attribuut gemaakt. Om de positie van een tekstblok op de pagina te wijzigen, moet u een van de 3 waarden selecteren: CENTER, RIGHT of LEFT. Op dezelfde manier kunt u de uitlijning voor andere elementen, zoals koppen, instellen.
In sommige situaties worden andere tags gebruikt voor uitlijning, u kunt bijvoorbeeld positioneren met behulp van het element
Kopjes en subkopjes
Met het subkopsysteem kunt u een logische inhoudsstructuur creëren. Wanneer de tekst in betekenisvolle blokken is verdeeld, kan de lezer zich veel gemakkelijker concentreren en absorberen nieuwe informatie. Zoekmachines analyseren ook de koppen om te begrijpen voor welke zoekopdrachten de pagina moet worden gepromoot. Dit is de reden waarom SEO-experts aanbevelen om er actuele trefwoorden in te gebruiken.
HTML gebruikt zes niveaus van subkoppen - van
naar . Er is een duidelijke hiërarchie in dit systeem:...
. Hoofdartikel, product in een online winkel, etc.). Er kan er maar één in de tekst staan . In de regel bevat het het hoofdzoekwoord.
...
. Subkoppen op het tweede niveau verdelen de tekst in betekenisvolle blokken. Als u bijvoorbeeld laptops beoordeelt, kunt u er meerdere doen met de namen van verschillende modellen.
...
. Het derde niveau is nodig als de tekst tussen twee niveaus ligt wordt ook opgesplitst in kleine blokken. In ons voorbeeld kunnen dit evaluatiecriteria zijn: “Prestaties”, “Geheugen”, “Videokaart”, enz. voor elk model.
, ,
. In de praktijk zijn ze uiterst zeldzaam. Maar het algemene principe is hetzelfde: ze moeten worden "genest" in een blok met een subkop op het hoogste niveau.
...
. Hoofdartikel, product in een online winkel, etc.). Er kan er maar één in de tekst staan. In de regel bevat het het hoofdzoekwoord.
...
. Subkoppen op het tweede niveau verdelen de tekst in betekenisvolle blokken. Als u bijvoorbeeld laptops beoordeelt, kunt u er meerdere doenmet de namen van verschillende modellen.
...
. Het derde niveau is nodig als de tekst tussen twee niveaus ligtwordt ook opgesplitst in kleine blokken. In ons voorbeeld kunnen dit evaluatiecriteria zijn: “Prestaties”, “Geheugen”, “Videokaart”, enz. voor elk model.
,
. In de praktijk zijn ze uiterst zeldzaam. Maar het algemene principe is hetzelfde: ze moeten worden "genest" in een blok met een subkop op het hoogste niveau.,
Zorg ervoor dat u de juiste hiërarchie handhaaft. Terugkomend op ons voorbeeld betekent dit dat u de modelnamen niet onmiddellijk kunt invoeren als
of . En nog meer: gebruik subrubrieken van verschillende niveaus voor blokken met een homogene betekenis (markeer bijvoorbeeld een laptop die op de laatste plaats in de ranglijst staat met behulp van ).
).
Hier is een diagram waarmee u direct de juiste structuur van kopteksten in HTML kunt begrijpen en onthouden.
Lijsten
Het is beter om lijsten en instructies in de vorm van lijsten op te maken, met behulp van speciale HTML-tags voor tekst ( typische fout- slechts een paar alinea's
Die beginnen met een koppelteken of cijfer).
De structuur van dergelijke blokken is heel eenvoudig. Eerst bepalen we het type lijst: met opsommingstekens of genummerd.
Alle elementen bevinden zich tussen de openings- en sluitingstags. Elk lijstitem begint op een nieuwe regel en heeft het formaat . Het aantal elementen is niet beperkt.
Keuze en zijn kenmerken
Wat kan er worden gewijzigd met dit lettertype en deze kleur - en zonder nieuwe klassen aan CSS toe te voegen. Dit is erg handig als u slechts één zin of fragment wilt markeren.
heeft verschillende attributen:
- Gezicht. Hiermee kunt u het tekstlettertype wijzigen. U kunt verschillende opties vermelden, gescheiden door komma's (Tahoma, Verdana). Als de gebruiker het eerste lettertype niet heeft geïnstalleerd, gebruikt het systeem eenvoudigweg een alternatief.
- Maat. Om tekst groter of kleiner te maken, typt u een waarde tussen 1 en 7 tussen aanhalingstekens.
- Kleur. Afhankelijk van het ontwerp kunt u kiezen uit een van de standaard tinten (rood, groen, blauw) of een code invoeren voor elke kleur naar keuze.
Gebruik geen alinea's die zijn opgemaakt met , in plaats van tussenkopjes. Het is beter om dezelfde ontwerpparameters in te stellen met de juiste tag.
Manieren om tekst te markeren
Eentonige tekst is vermoeiend, zelfs opgesplitst in alinea's. Om de aandacht te trekken en de interesse van de lezer te wekken, belangrijkste punten Het wordt aanbevolen om grafisch te markeren. Hier zijn enkele commando's die u zullen helpen met deze taak om te gaan.
... . Een extreem populaire HTML-tag. Vette tekst springt meteen in het oog, en daarom is het met zijn hulp handig om belangrijke stellingen en feiten te benadrukken.
Veel mensen verwarren tags En . Er is geen visueel verschil, maar ze werken anders. De eerste verandert eenvoudigweg het uiterlijk van de tekst, en de tweede dient als “index” en benadrukt de belangrijkste fragmenten (thematische trefwoorden en zinnen voor SEO).
... . Elegante en strikte cursiveringen zijn ideaal voor het ontwerpen van wetenschappelijke termen, vreemde woorden en een verscheidenheid aan citaten. Bij serieuze publicaties worden ook de namen van kunstwerken cursief weergegeven.
... . Misschien heeft geen enkele andere HTML-tag zoveel controverse veroorzaakt. Onderstrepende tekst wordt zelden gebruikt omdat deze methode Hoogtepunten zijn historisch gezien toegewezen aan hyperlinks. Als je gebruikt houd er bij artikelen rekening mee dat dit alleen geschikt is voor korte fragmenten - niet meer dan 1 regel.
...
. Een interessante tag waarmee u een onderdeel kunt maken. Zeer relevant in advertenties, bijvoorbeeld om het contrast tussen de oude en nieuwe prijzen te benadrukken.
... . De eenvoudigste manier om de lettergrootte te vergroten zonder extra opties.
... . Het werkt volgens hetzelfde principe als de vorige tag. De tekst binnenin is verkleind ten opzichte van de hoofdtekst.
... . Juiste naam dit formaat is een superscript. Deze tag is vooral bedoeld voor wiskundige graden en voetnoten. Het verkleint de lettergrootte en verplaatst de geselecteerde tekst naar boven.
... . Subscripten zijn vaak te vinden in verschillende formules. Het geselecteerde fragment bevindt zich onder de hoofdtekst.
Betekenisvolle containers
Omdat sommige blokken in veel teksten werden gevonden, werden er speciale tags voor gemaakt. Dit vereenvoudigt de opmaak, want als elk type inhoud zijn eigen set stijlen heeft, hoeft u alleen maar een stuk tekst te markeren en aan te geven welke informatie het bevat.
...
. Tag voor het toevoegen van computercodes. Onmisbaar in artikelen over programmeren met voorbeelden - opdrachten worden niet uitgevoerd, maar als platte tekst weergegeven.
... . Ontworpen voor het opmaken van citaten, bijvoorbeeld belangrijke fragmenten uit een interview.
. Plaatst een deel van de tekst in een apart blok. Standaard heeft de selectie meer linkeropvulling, maar u kunt ook de grootte, letterstijl en kleur van de tekst in CSS wijzigen.
... . Een extra tag die informatie over de auteur bevat, inclusief links.
scheidslijn
Een eenvoudige lijn kan worden gebruikt om het logische einde van een groot gedeelte te markeren.
is niet van toepassing op gekoppelde tags. Dit betekent dat het afsluitende formatelementniet nodig.
Met behulp van het WIDTH-attribuut kunt u het scheidingsteken korter maken door een geschikte grootte in pixels of een percentage van de vensterbreedte op te geven.
Door te leren hoe u tags op de juiste manier kunt gebruiken om tekst in HTML op te maken, maakt u niet alleen uw artikelen gemakkelijker leesbaar, maar vergroot u ook uw SEO-effectiviteit.
Ik heb een probleem waarbij ik de lettergrootte van het hoofdgedeelte instel op 11px, maar de tabellen geven het lettertype weer op 16px. Ik heb geen idee wat de oorzaak hiervan is - ik heb de CSS en de uitvoer (de bron wanneer ik naar de pagina ga) keer op keer doorgenomen. Het instellen van de lettergrootte van de tabel op 11px heeft duidelijk het gewenste effect, maar ik hoef dit nergens anders in te stellen dan de hoofdtekst.
Ik heb de volgende CSS:
Lichaam (lettertypefamilie:Verdana, Arial, Helvetica, schreefloos; lettergrootte: 11px; marge: 0px; achtergrondkleur: #E7D2B8; kleur: #863F2B; ) img.headerImg (breedte: 100%; ) . menu-strip ( zwevend: links; breedte: 20%; ) .main-content ( zwevend: links; breedte: 80%; ) .clear ( helder: beide; ) ul.menu ( marge: 0px; marge-links: 10px ; opvulling: 0px; lijststijl: geen; ) ul.menu li ( marge: 0px; opvulling: 0px; opvulling-boven: 10px; opvulling-onder: 10px; ) div.footer (breedte: 60%; marge-links) : 20%; ) ul.footer-links ( lijststijl: geen; ) ul.footer-links li ( float: links; opvulling: 20px; ) ul.footer-links li:last ( clear: rechts; ) tabel ( breedte: 100%; rand samenvouwen: samenvouwen; ) td ( verticaal uitlijnen: boven; )
En de conclusie is deze:
| Code | Voornaam | Achternaam | Adres | Postcode | Telefoon | Fax | Bewerking |
| Creëren | |||||||
| code4 | Jakobus | Blauw | adres11 adres24 adres32 stad5 |
postcode4 | fone4 | fone2 | Bewerking |
| code5 | Fred | Wit | adres13 adres24 adres31 stad1 |
postcode2 | fone5 | fone3 | Bewerking |
Ik zie serieus niets dat de lettergrootte in de tabel kan instellen op 16px. Dit gebeurt voor alle drie de secties (thead, tfoot, tbody). Het lijkt er ook op dat Netbeans 6.9 de tabel niet correct zal formatteren, maar de rest van het document (voor en na). Het lijkt bijna alsof er iets mis is met de tafel, maar ik zie niet wat. Dit gebeurt in Firefox en Opera (het meest nieuwste versies beide). Ik heb het niet in IE getest omdat het nooit in IE zal worden gebruikt.
Ik heb een probleem waarbij ik de lettergrootte van het hoofdgedeelte heb ingesteld op 11px, maar de tabellen geven het lettertype weer op 16px. Ik heb geen idee wat de oorzaak hiervan is - ik heb de CSS en de uitvoer (de bron wanneer ik naar de pagina ga) keer op keer doorgenomen. Het instellen van de lettergrootte van de tabel op 11px heeft duidelijk het gewenste effect, maar ik hoef dit nergens anders in te stellen dan de hoofdtekst.
Ik heb de volgende CSS:
Lichaam (lettertypefamilie:Verdana, Arial, Helvetica, schreefloos; lettergrootte: 11px; marge: 0px; achtergrondkleur: #E7D2B8; kleur: #863F2B; ) img.headerImg (breedte: 100%; ) . menu-strip ( zwevend: links; breedte: 20%; ) .main-content ( zwevend: links; breedte: 80%; ) .clear ( helder: beide; ) ul.menu ( marge: 0px; marge-links: 10px ; opvulling: 0px; lijststijl: geen; ) ul.menu li ( marge: 0px; opvulling: 0px; opvulling-boven: 10px; opvulling-onder: 10px; ) div.footer (breedte: 60%; marge-links) : 20%; ) ul.footer-links ( lijststijl: geen; ) ul.footer-links li ( float: links; opvulling: 20px; ) ul.footer-links li:last ( clear: rechts; ) tabel ( breedte: 100%; rand samenvouwen: samenvouwen; ) td ( verticaal uitlijnen: boven; )
En de uitvoer ziet er als volgt uit:
| Code | Voornaam | Achternaam | Adres | Postcode | Telefoon | Fax | Bewerking |
| Creëren | |||||||
| code4 | Jakobus | Blauw | adres11 adres24 adres32 stad5 |
postcode4 | fone4 | fone2 | Bewerking |
| code5 | Fred | Wit | adres13 adres24 adres31 stad1 |
postcode2 | fone5 | fone3 | Bewerking |
Ik zie serieus niets dat de lettergrootte in de tabel kan instellen op 16px. Dit gebeurt voor alle drie de secties (thead, tfoot, tbody). Het lijkt er ook op dat Netbeans 6.9 de tabel niet correct zal formatteren, maar de rest van het document (voor en na). Het lijkt bijna alsof er iets mis is met de tafel, maar ik zie niet wat. Dit gebeurt in Firefox en Opera (de meest recente versies van beide). Ik heb het niet in IE getest omdat het nooit in IE zal worden gebruikt.
