Volg ons op Facebook Abonneer op onze RSS

Frontend-corner

[Begin]  |1|2|3|4|5|6|7(8)  [Eind]
TheGuy
Door TheGuy (551 reacties) op 22-09-2014 11:24
Kan iemand me met het volgende helpen.
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 ? ~
Door Lars1216 (4382 reacties) op 22-09-2014 11:25
Maak je gebruik van een CMS of doe je alles in html? Mits in html, geen idee, mits je gebruik maakt van een CMS is het toch niet zo moeilijk? Ander font aanklikken in je text editor voor elke zin en done.
Dura lex, sed lex
TheGuy
Door TheGuy (551 reacties) op 22-09-2014 11:26
Alles in html
Say what ? ~
Ben
Door Ben (7648 reacties) op 22-09-2014 11:27
Rol: Toevoeg Moderator
Het hoeft niet per se in CSS, als je alles verschillend wil, waarom niet alles in HTML?
Wordt wel een vollere code dan, maar wel makkelijker.
XBOX: BENx1996 | PSN: BENx1996 | STEAM: BENx1996
TheGuy
Door TheGuy (551 reacties) op 22-09-2014 11:27
Hoe verandert mijn html code dan?

Random text



naar?
Say what ? ~
Ben
Door Ben (7648 reacties) op 22-09-2014 11:29
Rol: Toevoeg Moderator
Kan toch gewoon met ?
Bijvoorbeeld met een Verdana font:

Random text


XBOX: BENx1996 | PSN: BENx1996 | STEAM: BENx1996
Twisted-D
Door Twisted-D (5534 reacties) op 22-09-2014 11:31
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:


Dit is regel 1

En dit is regel 2


Sowieso schrijf je zo! #Dagmar4Mod!
TheGuy
Door TheGuy (551 reacties) op 22-09-2014 11:31
Ja maar dat moet toch ook in css kunnen, en dan linken of kan dat niet?
Say what ? ~
TheGuy
Door TheGuy (551 reacties) op 22-09-2014 11:32
Ja dat bedoel ik, even proberen! thanks!
Say what ? ~
JBjeroen
Door JBjeroen (1186 reacties) op 22-09-2014 11:36


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
Twisted-D
Door Twisted-D (5534 reacties) op 22-09-2014 11:36
Even voor lol een andere oplossing:

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!
TheGuy
Door TheGuy (551 reacties) op 22-09-2014 11:37
Ik bedoelde het met de classes, met ''div''.
Thanks guys!
Say what ? ~
Door Lars1216 (4382 reacties) op 22-09-2014 11:37
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
Dura lex, sed lex
Asuracry
Door Asuracry (1904 reacties) op 22-09-2014 11:39
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!


Passie > Intelligentie
Xor
Door Xor (34910 reacties) op 22-09-2014 11:41
Quote:
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:


Dit is regel 1

En dit is regel 2


Gepost door: Twisted-D op 22-09-2014 11:31
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.

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.


Door Lars1216 (4382 reacties) op 22-09-2014 11:41
Ik ben meteen voor een CMS gegaan haha. Waarom moeilijk doen als het ook makkelijk kan?
Dura lex, sed lex
Twisted-D
Door Twisted-D (5534 reacties) op 22-09-2014 11:41
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

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!
TheGuy
Door TheGuy (551 reacties) op 22-09-2014 11:42
Het is meer dat ik alles fatsoenlijk wil leren, zonder tools

edit: wel goed om te weten dat hier zoveel experts rondlopen..
Say what ? ~
Twisted-D
Door Twisted-D (5534 reacties) op 22-09-2014 11:47
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

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

De "div" in "div.regel1" is een beperkende voorwaarde. Deze zal dus allen op DIV elementen werken met de klasse "regel1".

Dus:
bla
=> word gestijld
En :

bla2

=> niet

Als je in je css alleen ".regel1" zet worden beide elementen gestijld. Ligt er maar net aan wat je wil ;-)
Sowieso schrijf je zo! #Dagmar4Mod!
CrippledKiller
Door CrippledKiller (6571 reacties) op 22-09-2014 11:49
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

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
[Begin]  |1|2|3|4|5|6|7(8)  [Eind]