Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien

webpagina maken met html en css

Pagina: 1
Acties:

  • DirkDas
  • Registratie: September 2014
  • Laatst online: 23-12-2020
hoi,

ik probeer een website te maken met behulp van html en css.
ik weet alleen niet wat ik telkens fout doe.
ik wil graag als ik in het menu klik dat dit dan naar mijn content gaat.
heb al van alles geprobeerd maar kom er echt niet uit
dit is wat ik nu heb:

<style type="text/css">
.container {
width: 1000px;
margin-left: auto;
margin-right: auto;
}

.header {

}

.menu {
width: 150px;
height: 80%;
float: left;
margin-left: auto;
margin-right: auto;
background-color: green;
}

.content {
width: 850px;
height: 80%;
float: right;
margin-left: auto;
margin-right: auto;
}
</style>

<div class="container">
<div id="header"/>
<img src="plaatjes/leiding.jpg" height="168px" width="1000px"/>
</div>

<body>

<div class="content">
<frame name="frame1">
Welkom op de website van: Stg Jeugdbelangen - Jong Nederland </p>
Het nieuwe seizoen is nog steeds in volle gang! </br>
wil je ook dit jaar iedere week anderhalf uur sport, spel, creativiteit en plezier niet missen? </br>
Kom dan eens langs op de groepsavonden voor jouw leeftijd in het jeugdhuis (Bremveld 10) en geef je alsnog op! </p>
Tot dan! </br>
Leiding Jong Nederland Wintelre </p>
</div>

</body>

<div class="menu">
<font size="6" color="black" face="calibri">
<a href="right side.html"> home </a></br>
<a href="Wat doen wij.html"> Wat doen wij </a></br>
<a href="Wie zijn wij.html"> Wie zijn wij</a></br>
<a href="ledenlijst.html"> Ledenlijst</a></br>
<a href="activiteiten.html"> Activiteiten</a></br>
<a href="fotos.html"> Foto's </a></br>
<a target="frame1" href="Contact.html"> Contact </a></br>
</font>
</div>

  • sypie
  • Registratie: Oktober 2000
  • Niet online
* In ieder geval géén spaties in de bestandsnamen zetten.
* In ieder geval geen hoofdletters gebruiken in bestandsnamen.
* Zorgen dat de html bestanden in dezelfde map staan als het index.html bestand. (zoals je het nu hebt geschreven in ieder geval)

Dat zijn in ieder geval 3 belangrijke basispunten.
(en de volgende keer graag code tussen de code tags zetten)

[ Voor 9% gewijzigd door sypie op 16-10-2014 14:14 ]


  • TommieW
  • Registratie: December 2010
  • Laatst online: 21-11 17:28

TommieW

Numa numa.

Zet alsjeblieft je code in [code=html] tags. Maakt het een stuk beter te lezen.

1700X@3,9GHZ - Asus Crosshair VI Hero - 32GB Corsair LPX - GTX 1070Ti
iPhone 17 Pro Max - Macbook Pro 16" M1 Pro


Verwijderd

sypie schreef op donderdag 16 oktober 2014 @ 14:13:
* In ieder geval géén spaties in de bestandsnamen zetten.
* In ieder geval geen hoofdletters gebruiken in bestandsnamen.
* Zorgen dat de html bestanden in dezelfde map staan als het index.html bestand. (zoals je het nu hebt geschreven in ieder geval)

Dat zijn in ieder geval 3 belangrijke basispunten.
(en de volgende keer graag code tussen de code tags zetten)
Waarom zou iemand geen hoofdletters mogen gebruiken in de namen van de bestanden?

  • LordSinclair
  • Registratie: Oktober 2014
  • Laatst online: 21-11 10:33
Ik mis de standaard attributen al, je moet alle attributen die je opent ook afsluiten.
HTML:
1
2
3
4
5
6
7
8
<html>
  <head>
    <style>
    </style>
  </head>
  <body>
  </body>
</html>

There's no need to kneel, I'm a very democratic sort of lord.


  • Utoka
  • Registratie: Juli 2010
  • Laatst online: 21-11 13:27
Verwijderd schreef op donderdag 16 oktober 2014 @ 14:16:
[...]


Waarom zou iemand geen hoofdletters mogen gebruiken in de namen van de bestanden?
Dit is een goeie conventie, maar wat nog belangrijker is dat wat je doet je altijd consistent/bewust doet. Nu zie ik "fotos.html" en "Wat doen wij.html"

[ Voor 2% gewijzigd door F_J_K op 07-05-2018 09:38 . Reden: op verzoek geanonimiseerd ]


  • thof
  • Registratie: Oktober 2008
  • Laatst online: 18:21

thof

FP ProMod
Ik weet ook niet hoe je het probeert te testen? Test je het in een IDE? lokaal op filesystem? op een lokale webserver of een externe webserver? Dit kan allemaal invloed hebben op het navigeren en het wel/niet kunnen inladen van bepaalde files. Bij pure html pagina's is het minder strikt.

Wel op letten dat de bestandsnamen ook daadwerkelijk overeenkomen. Je geeft aan dat je wil dat er naar een pagina genavigeerd wordt als je er op klikt. Wat gebeurd er op dit moment als je op een link klikt?

Server 1: Intel N305 | 48GB RAM | 5*4TB NVME | 4x 2.5GbE
Server 2: Intel N5105 | 64GB RAM | 1TB NVME | 4x 2.5GbE
Server 3: Intel Xeon E5-2670 | 128GB RAM | 512+750GB SATA SSD | 6x10TB HDD | 6x 1GbE [Buiten gebruik]


  • Audiowaste
  • Registratie: Mei 2011
  • Laatst online: 18-11 22:34
Het is voor mij ook erg onduidelijk wat je bedoelt.
ik wil graag als ik in het menu klik dat dit dan naar mijn content gaat.
Wat bedoel je daar precies mee?

  • HamuNaptra
  • Registratie: April 2002
  • Niet online
Beste DirkDas,

Neem even een paar goeie (basic) HTML tutorials door voor je aan dit project verder werkt.

Het is belangrijk om eerst de basis onder de knie te krijgen, focus daarom even eerst op HTML en combineer het daarne pas met CSS. Het zal je betere inzichten geven hoe een document is opgebouwd en je zal direct zelf herkennen waar je hier de fout bent ingegaan.

Tip: Kijk even naar de code geschreven door LordSinclair, vergelijk met je eigen code en je zal direct enkele grote fouten tegenkomen.

  • DirkDas
  • Registratie: September 2014
  • Laatst online: 23-12-2020
nou ik heb alle standaard dingen er wel in staan maar heb dat niet gekopieerd.
als ik op een link klik opent er een nieuw tabblad met daarin mijn tekst enz.

Groetjes
Dirk Das

  • LordSinclair
  • Registratie: Oktober 2014
  • Laatst online: 21-11 10:33
Je opent ergens "<frame name="frame1">" (in een div, wat ook niet correct is) maar deze wordt nergens afgesloten met </frame>

Ik raad je aan de volgende pagina's eens door te lezen:
http://www.homepage-maken.nl/htmlcursus/les8.php en http://dalemuus.home.xs4all.nl/lessen/html/htmlles9.htm

Daarnaast staan je div van het menu en header buiten de body tags. Deze hoort binnen de body tags te staan.
Je pagina begint en eindigt niet met <html> en </html> tags.

[ Voor 26% gewijzigd door LordSinclair op 16-10-2014 15:09 ]

There's no need to kneel, I'm a very democratic sort of lord.


  • DirkDas
  • Registratie: September 2014
  • Laatst online: 23-12-2020
hoi sinclair,

ik heb mijn body tags nu verplaatst buiten mijn divs, de standaard dingen zoals de tags html staan er gewoon in. ook heb ik geprobeerd op sites het element te inspecteren maar daar word ik ook niet wijzer van.

Groetjes
Dirk Das

[ Voor 24% gewijzigd door DirkDas op 16-10-2014 15:28 ]


  • DirkDas
  • Registratie: September 2014
  • Laatst online: 23-12-2020
Audiowaste schreef op donderdag 16 oktober 2014 @ 14:37:
Het is voor mij ook erg onduidelijk wat je bedoelt.


[...]


Wat bedoel je daar precies mee?
als ik op een link aan de linker kant klik dat hij aan de rechter kant tevoorschijn komt.

  • MisterEagle
  • Registratie: Juli 2010
  • Laatst online: 19-11 20:25
Probeer het eens met deze website:
http://www.handleidinghtml.nl/html/frames/frames05.html

  • DirkDas
  • Registratie: September 2014
  • Laatst online: 23-12-2020
dit is een goede site als je alleen met html werkt maar kan er zo niks uithalen als je ook met css werkt

  • FotW
  • Registratie: Juli 2012
  • Laatst online: 24-10 13:17
Je moet in je link (<a> tag dus) een target attribuut opnemen die naar je frame linkt. En dat staat ook in de link die MisterEagle aanhaalt. Overigens heeft dit niks met css te maken.

[ Voor 36% gewijzigd door FotW op 16-10-2014 15:46 ]


  • DirkDas
  • Registratie: September 2014
  • Laatst online: 23-12-2020
FotW schreef op donderdag 16 oktober 2014 @ 15:44:
Je moet in je link (<a> tag dus) een target attribuut opnemen die naar je frame linkt.
dit heb ik nu gedaan, en heb meteen 2 dingen geprobeerd:

<a target="content" href="fotos.html"> Foto's </a></br>
<a target="right side" href="Contact.html"> Contact </a></br>

dit werkt allebij niet

Groetjes
Dirk Das

  • FotW
  • Registratie: Juli 2012
  • Laatst online: 24-10 13:17
DirkDas schreef op donderdag 16 oktober 2014 @ 15:46:
[...]


dit heb ik nu gedaan, en heb meteen 2 dingen geprobeerd:

<a target="content" href="fotos.html"> Foto's </a></br>
<a target="right side" href="Contact.html"> Contact </a></br>

dit werkt allebij niet

Groetjes
Dirk Das
En wat is het id van je frame? Hint: niet content en ook niet right side

  • DirkDas
  • Registratie: September 2014
  • Laatst online: 23-12-2020
wat bedoel je FotW?

<div class="content">
<div id="rechts"/>
Welkom op de website van: Stg Jeugdbelangen - Jong Nederland </p>
Het nieuwe seizoen is nog steeds in volle gang! </br>
wil je ook dit jaar iedere week anderhalf uur sport, spel, creativiteit en plezier niet missen? </br>
Kom dan eens langs op de groepsavonden voor jouw leeftijd in het jeugdhuis (Bremveld 10) en geef je alsnog op! </p>
Tot dan! </br>
Leiding Jong Nederland Wintelre </p>
</div>

  • FotW
  • Registratie: Juli 2012
  • Laatst online: 24-10 13:17
Zet je code eens in http://jsfiddle.net/ en link hier naartoe in volgende post want ik heb geen idee wat je inmiddles ten opzichte van je startpost hebt veranderd.

  • Rannasha
  • Registratie: Januari 2002
  • Laatst online: 22:20

Rannasha

Does not compute.

DirkDas schreef op donderdag 16 oktober 2014 @ 15:49:
wat bedoel je FotW?

<div class="content">
<div id="rechts"/>
Welkom op de website van: Stg Jeugdbelangen - Jong Nederland </p>
Het nieuwe seizoen is nog steeds in volle gang! </br>
wil je ook dit jaar iedere week anderhalf uur sport, spel, creativiteit en plezier niet missen? </br>
Kom dan eens langs op de groepsavonden voor jouw leeftijd in het jeugdhuis (Bremveld 10) en geef je alsnog op! </p>
Tot dan! </br>
Leiding Jong Nederland Wintelre </p>
</div>
De "target"-attribuut van een <a> tag verwijst naar een frame, niet naar een div. Je probeert opmaak via frames en opmaak met divs door elkaar te halen.

|| Vierkant voor Wiskunde ||


  • ByteMe_
  • Registratie: Januari 2009
  • Niet online
Fotw heeft het over frame. Een div element is een ander onderdeel. Lees eerst de handleidingen door. Je sluit die bold div nu ook af voordat ie gebruikt is.

Mijn laatste reviews: Xiaomi Mi 9T | Mpow H12


  • MisterEagle
  • Registratie: Juli 2010
  • Laatst online: 19-11 20:25
DirkDas volgens mij mis je iets belangrijks voordat je frames kunt gebruiken (Wat je wilt als je enkel met HTML (en CSS) wilt werken)

Laat ik overigens eerst iets anders uit de wereld helpen. CSS is enkel en alleen voor de opmaak van een pagina. Layout + opmaak tekst.

Terug naar wat je volgens mij mist: een frameset.

Je hoofdbestand (index.html) dient iets te bevatten als:
code:
1
2
3
4
5
6
7
8
9
<HTML>
<HEAD>
<TITLE>Voorbeeld frames</TITLE>
</HEAD>
<FRAMESET ROWS="120,*">
<FRAME SRC="navigatie.html" NAME="navigatieframe">
<FRAME SRC="begin.html" NAME="hoofdframe">
</FRAMESET>
</HTML>

hierin definieer je de vakken op de website.
Vervolgens ga je verder in de bestanden: navigatie.html (Dit is je menu)
en je 'content' vak is begin.html.

Als je nu in het bestand navigatie.html een link zet, waarvan je wilt dat er in het contentvak wat anders komt te staan zodra ze op de link klikken, dan moet je die link 'targetten' op het frame: "hoofdframe"

Dit alles staat, in mijn ogen zeer duidelijk, uitgelegd op de link die ik eerder gaf.

Kom je hier verder mee?

  • asstastic
  • Registratie: Oktober 2014
  • Laatst online: 24-09-2023
Frames zijn ook redelijk outdated..

[ Voor 1% gewijzigd door asstastic op 16-10-2014 19:55 . Reden: typo ]


  • DirkDas
  • Registratie: September 2014
  • Laatst online: 23-12-2020
wat raad je me dan aan als je geen frames wilt gebruiken?

  • Rikkiz0r
  • Registratie: Januari 2009
  • Niet online
Ik raad je aan om met zoiets te beginnen: http://www.w3schools.com/html/default.asp

  • Rub3s
  • Registratie: Mei 2007
  • Laatst online: 20-11 14:54

Rub3s

+3 , omdat het kan

DirkDas schreef op vrijdag 17 oktober 2014 @ 11:04:
wat raad je me dan aan als je geen frames wilt gebruiken?
Gewoon div's! ;)

  • ByteMe_
  • Registratie: Januari 2009
  • Niet online
Frames zijn eigenlijk alleen handig voor een CMS:

http://www.webrichtlijnen.nl/aan-de-slag/alles-over-frames

Je website is op dit moment ook SEO onvriendelijk. Met Divs(zoals aanbevolen door anderen) kun je net als frames gewoon je structuur opzetten (template). Maar als je er niets vanaf weet, zou ik eerst verdiepen in de materie, eigenlijk de website opnieuw opbouwen. Dan doe je het meteen op de goede manier.

Mijn laatste reviews: Xiaomi Mi 9T | Mpow H12


  • Rub3s
  • Registratie: Mei 2007
  • Laatst online: 20-11 14:54

Rub3s

+3 , omdat het kan

Frames zijn volgens mij gewoon vervangen door server-side code, ook voor een CMS.

  • Pindakaas
  • Registratie: December 2010
  • Laatst online: 21:05
Misschien handig voor DirkDas om even af te vragen of die deze website wel zelf wil gaan uittypen in code. Kan je niet beter iets als Joomla of wordpress gebruiken voor een standaard website als dit.

Ziet er vaak vele malen mooier uit. Veel makkelijker en gebruiksvriendelijker in gebruik en bijna bij elke hosting maatschappij wel te verkrijgen. (+ vaak beter te vinden in google)

don't mind me


  • DirkDas
  • Registratie: September 2014
  • Laatst online: 23-12-2020
nou dat is het dus,
een collega van mij maakt een website via wordpress en ik doe de code zelf uittypen
straks kijken we welke beter en mooier is en welke we gaan gebruiken.
had alleen wat informatie nodig over het gebruik van CSS.

Verwijderd

Misschien ter verduidelijking wat MisterEagle ook al heeft gezegd: CSS is _uitsluitend_ voor de opmaak van je website.
Kijk voor de grap eens hier om te zien wat je met CSS kan doen: http://www.csszengarden.com/
Uitsluitend door de CSS te veranderen wordt steeds dezelfde content heel anders weergegeven. Erg leuk om mee te spelen overigens....

  • AW_Bos
  • Registratie: April 2002
  • Laatst online: 21:41

AW_Bos

Liefhebber van nostalgie... 🕰️

Rub3s schreef op vrijdag 17 oktober 2014 @ 11:38:
Frames zijn volgens mij gewoon vervangen door server-side code, ook voor een CMS.
Als het om inladen gaat: Half, want je kan ook met AJAX-requests werken.
Als het om indelen gaat, dan is CSS de beste manier, met DIVjes. Een beetje spelen met float's en clear's en je kan elke structuur maar bouwen.

Telecommunicatie van vroeger
🚅Alles over spoor en treintjes


  • Pindakaas
  • Registratie: December 2010
  • Laatst online: 21:05
ah okee. Op die fiets.

Dan inderdaad zoals de mensen boven mij ook al aangegeven hebben. Even goed verdiepen in het materiaal en misschien een tutorial volgen waarin iemand een website maakt vanaf het begin.

Gaat wel erg veel tijd inzitten en dat is totaal niet efficient als je collega hetzelfde gaat doen...

don't mind me


  • Metian
  • Registratie: Januari 2010
  • Laatst online: 20-11 18:14

Metian

Snert is vies

Om mooi begin te maken kan je ook onderstaande website proberen, duidelijk en goed om te leren.

http://learn.shayhowe.com/html-css/

Rupsen, Rapsen.

Pagina: 1