HTML5 en 3 CSS problemen
12 mei 2011 - 21:25   
geplaatst door: Kapotlood
Hallo mensen,

Ik zit (weer eens) met een code-probleempje waar ik helemaal niet uit kom.
Ik ben bezig met het opzetten van een basis pagina welke ik later als Wordpress theme wil omzetten, maar ik zit met 3 punten die me grijze haren bezorgen. Meer dan ik er al heb!

Probleem 1
Ik probeer met @font-face een fontje toe te voegen. Nu heb ik in m'n css de @font-face wel goed ingevoegd met alle webfontjes die de verschillende browsers kunnen gebruiken, en ik heb 'm met de "font-family" tag aangewezen als voorkeur font, maar om de één of andere reden pikt hij 'm niet op.

Probleem 2
Ik heb de fontgrootte in CSS op 62.5% gezet, zodat ik met EM's de groottes kan aangeven alsof ik 't in "px" doe. Dus 1.2em is 12px. Als je naar de html kijkt, lijkt 't wel alsof alles 3x zo klein staat, en ik kom er maar niet achter wat ik verkeerd doe :)

Probleem 3
Ik probeer m'n h1-tag te vervangen voor een logootje… en je raad 't al. Het lukt niet ;-)

Het linkje naar de html-pagina
http://joramoudenaarde.com/wp-template/index.html

En linkjes naar de reset.css en de style.css
http://joramoudenaarde.com/wp-template/style/reset.css
http://joramoudenaarde.com/wp-template/style/style.css
Zelfs het weglaten van de reset.css helpt niet met de hierboven omschreven problemen, helaas.

Het zijn kleine stukjes code die er tot nu toe in staan, dus je hoeft gelukkig niet door hele lappen code te spitten… maar zou iemand toevallig even gelegen zijn om hier een blik naar te werpen voor ik helemaal grijs ben? :)

Mvg,
Joram

(Bewerkt door joram om 21:25, 12-05-2011)

HTML5 en 3 CSS problemen
13 mei 2011 - 12:29    reactie #1
geplaatst door: bertvanderveen
Wat betreft die font-include vind je hier nuttige info:
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

Verder: volgens mij kun je aan een h-tag geen plaatje hangen in de css, maar moet je daar een script voor gebruiken.

Aanvulling re em etc:
Rem, dus. Zie hier:
http://snook.ca/archives/html_and_css/font-size-with-rem
en
https://github.com/peteboere/preset/raw/master/library/variables/font-sizes.css

(Bewerkt door bertvanderveen om 12:35, 13-05-2011)

Bert Vanderveen [...]
+++ Applegebruiker sinds 1989 (van System 6 via OSX naar macOS 15)
HTML5 en 3 CSS problemen
13 mei 2011 - 12:36    reactie #2
geplaatst door: Sjakelien
Mag ik je het advies geven om dit soort vragen - ook - op http://stackoverflow.com/ te posten? Het stikt daar van de mensen met verstand van alles. Het aardige is dat alle vragen, mits goed geformuleerd, altijd bijzonder welwillend en gedetailleerd worden beantwoord, vaak binnen een paar minuten.

(Bewerkt door Sjakelien om 12:37, 13-05-2011)

HTML5 en 3 CSS problemen
13 mei 2011 - 14:16    reactie #3
geplaatst door: Kapotlood
Ik heb die site wel eens gezien Sjakelien, maar daar wordt zó weinig op gereageerd. Ik heb 't ook wel eens geprobeerd bij sites zoals Sitepoint.nl, maar hoewel daar vaker gereageerd wordt op dit soort vragen ('t is dan ook een web-gerelateerd forum), wordt 't niet altijd gedaan met de inzet om iemand te helpen of iets te leren. Soms krijg ik bij dat soort sites een beetje 't gevoel alsof er geantwoord wordt van "daar heb je weer zo'n beginner"… en dat heb ik hier minder :)

Ik was er ondertussen grotendeels wel achter gekomen wat de problemen waren gelukkig :-) Ik was vergeten dat je dankzij de CSS-reset geen font-reset meer hoeft te doen van 62.5%, omdat je dan 2x de boel reset. Dat loste gelukkig gelijk een groot deel van de problemen op.

Alleen de @font-face geeft me nog een klein probleempje. Hij pikt nu het eerst aangegeven fontje op, de Tisa Regular. Maar als ik dan voor een h2 (header) een Tisa Bold wil gebruiken, lijkt hij die over het hoofd te zien. De code en locatie van het font e.d. is allemaal gelijk, alleen de naam is anders.

Je hoort wel eens dat mensen graag een h1-tag gebruiken voor hun logo, maar die truc-de-speciale heb ik ook maar opgegeven. Gewoon netjes semantisch een linkje met een plaatje erin werkt wat dat betreft net zo goed!

Nou, 1 van de 3 problemen opgelost :P

Mvg,
Joram

HTML5 en 3 CSS problemen
13 mei 2011 - 15:00    reactie #4
geplaatst door: Sjakelien
Vreemd dat onze ervaringen zo uiteenlopen. Wellicht komt dat, doordat ik er met Objective-C vragen aan kom zetten.
HTML5 en 3 CSS problemen
13 mei 2011 - 15:06    reactie #5
geplaatst door: Kapotlood
Ik denk dat dat wat meer gevorderde vragen zijn :)
Op zich kom ik een heel eind met m'n beperkte html/css kennis, maar zo af en toe heb je wel eens iets waar je dan compleet overheen kijkt, en dan kom je aan met een beetje een pietlut vraag van "kun je even kijken of ik een tagje niet goed gesloten heb"... en tot zover was m'n ervaring dat sommige mensen die daar dan op reageren, overkomen alsof er "weer zo'n newb" langs wipt voor een vraagje.

Ach, en de mensen hier helpen vaak heel prettig. Daar raak je ook aan gewend denk ik :)

Mvg,
Joram