[HTML, CSS, JS] Frontend #44: 0 === -0

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue
pi_157318584
stijlblad
1
2
3
4
5
6
7
8		.menu {
margin-left: 5%;
background-color: #FFFFFF
list-style-type: none;
}
.logo {
margin-left: 5%;
}

Homepagina:

1
2
3
4
5
6
7
8
9
10		 
<body>
<div class="logo">
<br> <br>
<a href="index.php"> <img src="logo.png" align="left"> <br> <br> </a> </div> 

<div class="menu"> 
<ul> <a href="contact.menu.php"> Contact </ul> </a> 
<ul> <a href="overOns.menu.php"> Over ons </ul> </a>  </div> 
 
pi_157318606
Ik hoop dat jullie kunnen zien waarom het menu naast het logo gaat en niet onder het logo.
pi_157318758
Toevoeging:
Stijlblad
1
2
3
4		 
a.menu {
color: #FFFFFF;
}

De link wordt echter NIET zwart
  woensdag 4 november 2015 @ 18:29:38 #54
230788 n8n
Pragmatisch
pi_157318772
quote:
0s.gif Op woensdag 4 november 2015 18:28 schreef grotenaz het volgende:
Toevoeging:
Stijlblad
[ code verwijderd ]


De link wordt echter NIET zwart
dat is dan ook wit, zwart is #000;
“Specialization is for insects”.—Robert Heinlein
pi_157318959
quote:
7s.gif Op woensdag 4 november 2015 18:29 schreef n8n het volgende:

[..]

dat is dan ook wit, zwart is #000;
De link verandert überhaupt niet van kleur.
  woensdag 4 november 2015 @ 18:39:53 #56
56176 Catch22-
Ben je Blind?!
pi_157318991
Gast... Leer eerst hoe HTML werkt. Je code klopt van geen kant.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_157319061
quote:
1s.gif Op woensdag 4 november 2015 18:38 schreef grotenaz het volgende:

[..]

De link verandert überhaupt niet van kleur.
Dat is verwacht gedrag, de links hebben namelijk niet de class menu. En verder wat Catch22- zegt.
fokstok.nl
  woensdag 4 november 2015 @ 19:13:41 #58
118011 BrainOverfloW
Fok! around the Clock!
pi_157319716
quote:
0s.gif Op woensdag 4 november 2015 18:19 schreef grotenaz het volgende:
Ik hoop dat jullie kunnen zien waarom het menu naast het logo gaat en niet onder het logo.
Zoals gezegd, er zitten nogal wat beginnersfouten in je HTML:

• Sluit je tags altijd af van binnen naar buiten.
• <br> elementen hebben niks te zoeken binnen een <a> element en zouden sowieso niet gebruikt moeten worden voor het stijlen van de site. Daar is je CSS voor.
• Het zelfde geld voor align=left
• Een unordered list <ul> heeft een lijst van list items <li>. Op zichzelfstaand is een <ul> niet nuttig. Zeker niet meerdere onder elkaar die duidelijk in dezelfde lijst thuis horen.
• Waarom je divs naast elkaar komen te staan heeft te maken met hoe je de elementen in CSS positie geeft ten opzichte van elkaar. Zijn het items op een lijn, zijn het losse blokken etc. Daar is allerlei code voor die je blijkbaar nog moet leren.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16		<div class="logo">
  <br> <br>
  <a href="index.php"> <img src="logo.png" align="left"> </a>
  <br> <br>
</div> 
<div class="menu"> 
  <ul>
    <li>
      <a href="contact.menu.php"> Contact </a>
    </li>  
    <li> 
     <a href="overOns.menu.php"> Over ons  </a>
    </li>
  </ul>  
</div> 
 

Zelf iets willen maken is een goede manier van toepasselijk leren maar je zult daarnaast ook je kennis bij moeten spijkeren. Als je alleen maar code bij elkaar duwt zonder goed te snappen wat het doet loop je constant tegen problemen aan.

Hopelijk kun je wat met deze tutorial serie: LevelUpTuts - How To Make Your First Website
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
  woensdag 4 november 2015 @ 19:17:29 #59
230788 n8n
Pragmatisch
pi_157319807
codeacademy.com is ook een goede, basics leren in een cursus waar je kleine opdrachten uitvoert.
“Specialization is for insects”.—Robert Heinlein
  woensdag 4 november 2015 @ 19:20:51 #60
230788 n8n
Pragmatisch
pi_157319883
https://whosbuying.newyorkpizza.nl :D
“Specialization is for insects”.—Robert Heinlein
  woensdag 4 november 2015 @ 19:45:09 #61
308438 Ser_Ciappelletto
Semi-professionele SJW
pi_157320480
quote:
14s.gif Op woensdag 4 november 2015 19:17 schreef n8n het volgende:
codeacademy.com is ook een goede, basics leren in een cursus waar je kleine opdrachten uitvoert.
Zo heb ik het ook geleerd. Dat werk je in een weekje door (html, css, js, PHP en MySQL), en dan kun je heel aardig sites maken.
pi_157320616
Bedankt allen, ik heb al 2 jaar niet gecodeerd en wilde weer beginnen. Maar ik heb al een boek bij de boekhandel bestelt om mijn kennis weer op te frissen dus de komende tijd hebben jullie geen last van me😉
  woensdag 4 november 2015 @ 20:00:48 #63
134533 donroyco
dus niet Donroyco
pi_157320809
quote:
0s.gif Op woensdag 4 november 2015 19:50 schreef grotenaz het volgende:
Bedankt allen, ik heb al 2 jaar niet gecodeerd en wilde weer beginnen. Maar ik heb al een boek bij de boekhandel bestelt om mijn kennis weer op te frissen dus de komende tijd hebben jullie geen last van me😉
Ik zou geen boek meer kopen. Online is genoeg te vinden.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  woensdag 4 november 2015 @ 20:14:58 #64
230788 n8n
Pragmatisch
pi_157321150
quote:
10s.gif Op woensdag 4 november 2015 20:00 schreef donroyco het volgende:

[..]

Ik zou geen boek meer kopen. Online is genoeg te vinden.
alleen JS: The Good Parts en Don’t Make Me Think
“Specialization is for insects”.—Robert Heinlein
  woensdag 4 november 2015 @ 21:09:14 #65
134533 donroyco
dus niet Donroyco
pi_157322792
quote:
14s.gif Op woensdag 4 november 2015 20:14 schreef n8n het volgende:

[..]

alleen JS: The Good Parts en Don’t Make Me Think
Die zijn ook als ebook verschenen ;)
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  woensdag 4 november 2015 @ 21:11:05 #66
56176 Catch22-
Ben je Blind?!
pi_157322854
quote:
14s.gif Op woensdag 4 november 2015 20:14 schreef n8n het volgende:

[..]

alleen JS: The Good Parts en Don’t Make Me Think
Dont make me think is overrated.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  woensdag 4 november 2015 @ 21:34:14 #67
134533 donroyco
dus niet Donroyco
pi_157323663
quote:
1s.gif Op woensdag 4 november 2015 21:11 schreef Catch22- het volgende:

[..]

Dont make me think is overrated.
Overrated? Nee.
Outdated? Ja.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
  woensdag 4 november 2015 @ 21:38:08 #68
56176 Catch22-
Ben je Blind?!
pi_157323783
quote:
7s.gif Op woensdag 4 november 2015 21:34 schreef donroyco het volgende:

[..]

Overrated? Nee.
Outdated? Ja.
Op zich best zinnig, maar niet altijd even relevant.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
  donderdag 5 november 2015 @ 11:13:39 #69
230788 n8n
Pragmatisch
pi_157331444
quote:
1s.gif Op woensdag 4 november 2015 21:11 schreef Catch22- het volgende:

[..]

Dont make me think is overrated.
De principes van don't make me think zijn nog immer relevant, de nieuwe editie gaat ook in op mobiel. De UI wereld heeft geëvolueerd maar de gedachtengang klopt nog steeds, iets wat maar al te duidelijk is als je naar de kwaliteit van software - websites - kijkt.

Overrated tja, het is een boek wat je idereen in de hiërarchie van design/development kan geven om zo de basiskennis te verspreiden. Dat maakt standpunten communiceren wat makkelijker. Het boek staat ook los van de implementatie dus het is nog steeds toe te passen.

Als je The Paradox of Choiche leest kom je er ook achter dat ‘meer opties’ beklemmend werkt voor mensen, dat hele concept wordt in don't make me think toegepast op interface. En zo veel is er - op het Windows 95 uiterlijk na - niet veranderd, veel patronen zijn nog intact na ~30 jaar UI.
“Specialization is for insects”.—Robert Heinlein
pi_157433714
Hey FOK!ers,

Ik ben van plan om begin december mezelf beter te leren programmeren. Ik heb al enige ervaringen met HTML en CSS, maar het kan natuurlijk altijd beter!
Ik sta eigenlijk nog in de kinderschoentjes en heb daardoor een heleboel vragen. Dus jullie zullen nog een hoop van mij horen in dit forum :)

Ik programmeerde altijd gewoon in het kladblok met de extensie .html/.css, maar ik zag in dit filmpje dat iemand een ander programma gebruikte waardoor je wat sneller codes kan invoeren. Dit lijkt me super handig! ^O^

Learn CSS in 12 Minutes

Weet iemand hoe dat programma heet? En of het gratis is natuurlijk? :P

Kennen jullie ook goede kanalen op YouTube over programmeren met HTML en CSS?

Alvast bedankt voor het reageren! *O*
pi_157433886
quote:
0s.gif Op maandag 9 november 2015 20:52 schreef BroodmetChocopasta het volgende:
Hey FOK!ers,

Ik ben van plan om begin december mezelf beter te leren programmeren. Ik heb al enige ervaringen met HTML en CSS, maar het kan natuurlijk altijd beter!
Ik sta eigenlijk nog in de kinderschoentjes en heb daardoor een heleboel vragen. Dus jullie zullen nog een hoop van mij horen in dit forum :)

Ik programmeerde altijd gewoon in het kladblok met de extensie .html/.css, maar ik zag in dit filmpje dat iemand een ander programma gebruikte waardoor je wat sneller codes kan invoeren. Dit lijkt me super handig! ^O^

Learn CSS in 12 Minutes

Weet iemand hoe dat programma heet? En of het gratis is natuurlijk? :P

Kennen jullie ook goede kanalen op YouTube over programmeren met HTML en CSS?

Alvast bedankt voor het reageren! *O*
In het filmpje gebruikt hij Notepad++ welke inderdaad gratis. Persoonlijk zou ik dan SublimeText pakken, waarmee je heel lang de demo versie kan draaien. :P
  maandag 9 november 2015 @ 21:00:49 #72
56176 Catch22-
Ben je Blind?!
pi_157433940
quote:
19s.gif Op maandag 9 november 2015 20:58 schreef TwenteFC het volgende:

[..]

In het filmpje gebruikt hij Notepad++ welke inderdaad gratis. Persoonlijk zou ik dan SublimeText pakken, waarmee je heel lang de demo versie kan draaien. :P
Is atom niet ongeveer hetzelfde?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_157434151
quote:
19s.gif Op maandag 9 november 2015 20:58 schreef TwenteFC het volgende:

[..]

In het filmpje gebruikt hij Notepad++ welke inderdaad gratis. Persoonlijk zou ik dan SublimeText pakken, waarmee je heel lang de demo versie kan draaien. :P
Dankjewel voor je snelle reactie!
  maandag 9 november 2015 @ 21:46:25 #74
91039 mstx
2x1/2 = 1/2 x 1/2
pi_157435661
quote:
1s.gif Op maandag 9 november 2015 21:00 schreef Catch22- het volgende:

[..]

Is atom niet ongeveer hetzelfde?
Nee.

Atom is veel fijner. :)
Op donderdag 2 juli 2009 22:41 schreef RTB het volgende:
als ik elk rap"liedje" een kans moest geven was ik aan het eind van dit millennium nog bezig met het tempo waarin die kotshoop uitgebraakt wordt.
👾
pi_157435827
quote:
1s.gif Op maandag 9 november 2015 21:00 schreef Catch22- het volgende:

[..]

Is atom niet ongeveer hetzelfde?
Heb Atom nog nooit gebruikt dus ik zou het eerlijk gezegd niet weten. SublimeText & PHPStorm zijn eigenlijk mijn enige editors/ide.

quote:
0s.gif Op maandag 9 november 2015 21:46 schreef mstx het volgende:

[..]

Nee.

Atom is veel fijner. :)
Maar eens proberen dan :)
actieve topics nieuwe topics
abonnement Unibet Coolblue
[HTML, CSS, JS] Frontend #44: 0 === -0
Index

» digital corner

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')