ik wil op 1 pagina, 5 regels text onder elkaar. met ieder een andere font.
Nu weet ik niet hoe ik in mijn css tab een regel moet linken aan een regel in mijn html.
Als ik in css de font verander, veranderen al de regels text.
Alle regels staan in de body. Iemand een idee?
p {font-family: 'Satisfaction'; color: red; font-size: 250%; padding: 0 0 0 20px;
Say what ? ~
Dura lex, sed lex
Wordt wel een vollere code dan, maar wel makkelijker.
XBOX: BENx1996 | PSN: BENx1996 | STEAM: BENx1996
Bijvoorbeeld met een Verdana font:
Random text
XBOX: BENx1996 | PSN: BENx1996 | STEAM: BENx1996
CSS:
div.regel1 {
font-family: fontA;
}
div.regel2 {
font-family: fontB;
}
[etc]
HTML:
Dit is regel 1
En dit is regel 2
Sowieso schrijf je zo! #Dagmar4Mod!
dan kun je die naam dacht ik gebruiken in css en zo kun je per paragraaf een andere font etc. maken.
http://www.w3schools.com/ is een site waar veel informatie staat hoe je kunt beginnen met HTML en CSS.
Klik
PSN: jbjeroen STEAM: jbjeroen
CSS:
body > div:nth-child(1){
font-family: fontA;
}
body > div:nth-child(2){
font-family: fontB;
}
HTML:
Regel 1
Regel 2
Sowieso schrijf je zo! #Dagmar4Mod!
Dura lex, sed lex
Passie > Intelligentie
Quote:
Alleen een opmerking: Heel je div zal de CSS hebben. Dus als je een tekst in de div zet, zal de tekst ook gelijk worden aangepast aan de CSS style.Je "moet" met verschillende klassen werken. Als je elke regel onder elkaar wilt zetten is een P of DIV het meest logische, achter elkaar een SPAN.
CSS:
div.regel1 {
font-family: fontA;
}
div.regel2 {
font-family: fontB;
}
[etc]
HTML:
Gepost door: Twisted-D op 22-09-2014 11:31
CSS:
div.regel1 {
font-family: fontA;
}
div.regel2 {
font-family: fontB;
}
[etc]
HTML:
Dit is regel 1
En dit is regel 2
Gepost door: Twisted-D op 22-09-2014 11:31
De beste manier is om de "div" weg te halen. En gewoon ".regel1" etc. te houden. Zo heb je een "eigen" class die je bijv. maar 1x oproept(dus je roept .regel1 in een
, dan krijg dat ene p alleen dat z'n CSS style).
Ik ben geen CSS deskundige of webdesigner/frontender, maar ik zou dit makkelijk maken voor een beginner . Als je alles in een div hetzelfde style wilt, dan is "div.voorbeeld" erg handig ;P.
Dura lex, sed lex
Quote:
Wat een irritante oplossing dit. XD wat ben ik blij met de mogelijkheid tot het gebruik van een CMS tegenwoordig. Al die code is zoveel werk. XD
Gepost door: Lars1216 op 22-09-2014 11:37
Gepost door: Lars1216 op 22-09-2014 11:37
CMS heeft wel zo zijn limieten. Afhankelijk wat TheGuy's doelen zijn kan hij op deze weg straks wel veel meer doen.
Met mijn werk kan ik echt geen CMS gebruiken. Dat ben je wel blij als een beetje degelijke HTML/CSS kunt en zodoende rap wijzigingen kunt brengen in een ontwerp...
Sowieso schrijf je zo! #Dagmar4Mod!
edit: wel goed om te weten dat hier zoveel experts rondlopen..
Say what ? ~
Quote:
Inderdaad een tip voor beginnen programmeurs/scripters. Probeer het wiel niet opnieuw uit t vinden. Gebruik een CMS, library, framework, engine. Ook ik bleef te lang bij alles van scratch opbouwen. Programmeren is logisch nadenken en verschillende bovengenoemde methoden bij elkaar brengen!
Gepost door: Asuracry op 22-09-2014 11:39
Gepost door: Asuracry op 22-09-2014 11:39
Uiteraard. Ik gebruik ook bootstrap als basis en probeer ook zoveel gebruik te maken van bestaande elementen, maar veelal zul je toch moeten finetunen.
Met mijn huidige project maak ik ook gebruik van allerlei CSS, Javascript (jQuery) en ASP libraries. Grootste reden dat ik dat doe: tijd. Maar goed, evenzogoed schrijf zelf nog genoeg code.
Edit:
Quote:
[..]
Alleen een opmerking: Heel je div zal de CSS hebben. Dus als je een tekst in de div zet, zal de tekst ook gelijk worden aangepast aan de CSS style.
Gepost door: Glo op 22-09-2014 11:41
Alleen een opmerking: Heel je div zal de CSS hebben. Dus als je een tekst in de div zet, zal de tekst ook gelijk worden aangepast aan de CSS style.
Gepost door: Glo op 22-09-2014 11:41
De "div" in "div.regel1" is een beperkende voorwaarde. Deze zal dus allen op DIV elementen werken met de klasse "regel1".
Dus:
bla
=> word gestijldEn :
bla2
=> nietAls je in je css alleen ".regel1" zet worden beide elementen gestijld. Ligt er maar net aan wat je wil ;-)
Sowieso schrijf je zo! #Dagmar4Mod!
Quote:
Wat een irritante oplossing dit. XD wat ben ik blij met de mogelijkheid tot het gebruik van een CMS tegenwoordig. Al die code is zoveel werk. XD
Gepost door: Lars1216 op 22-09-2014 11:37
Gepost door: Lars1216 op 22-09-2014 11:37
Ik mag voor twee bedrijven weer aan de slag met code. Twee wordpress themes maken wel te verstaan :-)
Danny's Hardcore Cafe: https://www.youtube.com/channel/UCB9oBtkioMbjtpGC0Z4m3rQ