website maken

Status
Niet open voor verdere reacties.
Rubensky

Rubensky

Forumleiding
Hoofdbeheerder
Lid geworden
20 nov 2012
Berichten
356
Mensen ik ben nieuw op dit forum en heb een vraag waar ik elders niet uitkom: Ik heb een webpagina zal verderop even de code posten daar zie je de kop fietsen daar wil ik een uitschuifmenu onder met bijvoorbeeld heren dames en kinder en als je daar dan op gaat staan de merken dus bijvoorbeeld Gazelle e.d.

Hier mijn code:

HTML
HTML: 
<html>

	<head>
	<title>Geetrui de Boom</title>
	<link rel="stylesheet" type="text/css" href="./homepage.css" media="screen">
	</head>
	
	<body>
	
	<div id="positie">
	
	<div id="menubalk">
		<table>
		<tr>
		<td class="active">
			<a href="./Index.html">				Homepage			</a>
		</td>
		<td class="knoppen">
			<a href="./overons.html">	over ons	</a>
		</td>
		<td class="knoppen">
			<a href="./Contact.html">			Contact			</a>
		</td>
		<td class="knoppen">
			<a href="./fietsen.html"> Fietsen </a>
			</td>
			<td class="knoppen">
			<a href="./werkplaats.html"> Werkplaats </a>
			</td>
			<td class="knoppen">
			<a href="./winkel.html"> winkel </a>
			</td>
			<td class="knoppen">
			<a href="./bezorgservice.html"> bezorging </a>
			</td>
			<td class="knoppen">
			<a href="./verzekering.html"> verzekering </a>
			</td>
			<td class="knoppen">
			<a href="./zadelmeting.html"> zadelmeting </a>
			</td>
			<td class="knoppen">
			<a href="./aanbiedingen.html"> Fietsen </a>
			</td>
			<td class="knoppen">
			<a href="./nieuws.html"> Nieuws </a>
			<td class="knoppen">
			<a href="./aanbiedingen.html"> Aaanbiedingen </a>
			</td>
			</td>
			
		
		</tr>
		</table>			
	</div>

	<p>
	
	
	
	
	</div>
	
</body>
</head>
</html>

[B]CSS[/B]
body
{
	background-color:FFFFFF;
	color:white;
}

#positie
{
	position:absolute;
	margin-left:170px;
	margin-right:.50px;
	margin-bottom:50px;
	margin-top:50px;
	width:1500px;
}

#menubalk
{
	border-radius: 30px 30px 30px 30px;
	background-color:blue;
	width: 100%;
	height:50px;
	border-spacing:0;
	padding:20px;
}

a
{
	color:white;	
	text-decoration:none;
}


td.knoppen
{
	border-radius: 5px 5px 5px 5px; 
	padding: 8px 30px 8px 30px;





#inhoud
{
	border-radius: 20px 20px 20px 20px;
	background-color:383a3c;
	margin-top: 25px;
	width: 100%;
	border-spacing:0;
	padding:20px;
}

#kop1
{
	text-decoration:;
}

body
{
	background-color:green;
	color:white;
}

#positie
{
	position:absolute;
	margin-left:170px;
	margin-right:.50px;
	margin-bottom:50px;
	margin-top:50px;
	width:1500px;
}

#fietsen
{
	border-radius: 30px 30px 30px 30px;
	background-color:blue;
	width: 100%;
	height:50px;
	border-spacing:0;
	padding:20px;
}

a
{
	color:white;	
	text-decoration:none;
}


td.knoppen
{
	border-radius: 5px 5px 5px 5px; 
	padding: 8px 30px 8px 30px;





#inhoud
{
	border-radius: 20px 20px 20px 20px;
	background-color:383a3c;
	margin-top: 25px;
	width: 100%;
	border-spacing:0;
	padding:20px;
}

#kop1
{
	text-decoration:;
}
Hopelijk kunnen jullie mij helpen
 
Laatst bewerkt door een moderator:
Ik ga eens proberen of dat lukt ik heb nu nog een vraag hoe kan ik er voor zorgen dat de koppen waar ik met mijn muis overheen ga bijvoorbeeld rood worden?

Ik ben nog maar een beginner dus heb ik heel veel vragen.
 
Spaarie,

Ik ken die website maar ik ben opzoek naar de specifieke code voor deze vraag:
Hoe kan ik er voor zorgen dat de koppen waar ik met mijn muis overheen ga bijvoorbeeld rood worden?
Klik om te vergroten...
 
Dank voor de reactie ik ga er eens mee aan de gang en als ik weer een vraag heb horen jullie van mij.
 
hoe kan ik er voor zorgen dat de koppen waar ik met mijn muis overheen ga bijvoorbeeld rood worden?
Klik om te vergroten...
Bedoel je: knoppen?

Met je bovenstaande html-code kan het dan in de css worden:
Code: 
.knoppen a:hover,
.knoppen a:focus {
    color: red;
    }
  • Voor andere kleuren kan je gebruik maken van één van de talloze "colorpickers" die op het web ronddartelen.
Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Dank voor de hulp! Als ik meer vragen heb plaats ik ze zeker!
 
Kan de topic nog even openblijven? ben er nog mee bezig!
 
Ik wil de site wel voor je maken , met wat voor menu je maar wil.
Mail me ff , ik ben extreem goedkoop aangezien ik student ben, maar wel goed.
*Knip*
 
Laatst bewerkt door een moderator:
@ jeskimo:
3x te laat! :P
Rubensky1995 is zelf bezig, de site is er al, en het menu werkt intussen volgens plan zie ik.
En bij vragen kan Rubensky1995 hier extreem gratis adviezen krijgen. ;)

@ Rubensky1995:
Let je nog even op onjuist spatie-gebruik in de teksten? Ik zie in het menu:
  • Sleutels bij bestellen - Ik denk niet dat mensen al bij het bestellen de fietssleuteltjes krijgen > "bijbestellen"!
  • Volwassen fietsen - Wanneer zou een kinderfiets volwassen zijn? Of gaat het om een volwassen manier van fietsen? :) > "Volwassenenfietsen" of "Volwassenen-fietsen" of handiger (ook voor Google): "Damesfietsen en Herenfietsen"!
Andere leuke voorbeelden bij het SOS (platform Signalering Onjuist Spatiegebruik).

En ook nooit weg: even buurten bij de html-validator en css-validator om alle codes in het gareel te houden (links hieronder).

Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Mensen,

Dank voor al jullie tips. Maar toch kom ik ernog niet uit. Is er iemand die mij verder kan helpen? Door onder het kopje fietsen even 1 kopje te programmeren met bijvoorbeeld batavus waar ik dan verder op kan?

@ccshunter, je hebt helemaal gelijk maar het is nog maar eenm concept dus de spelling komt nog.

Ruben
 
Hoi Rubensky1995,
Ik snap nog niet helemaal wat je precies wilt. Nu ziet het er zo uit:

uitklapper.png

Dit zou op verschillende manieren anders kunnen. Kan je een tekeningetje maken van hoe het moet worden?

Met vriendelijke groet,
CSShunter
____________
@spelling: Ja, in een conceptfase kunnen er wat dingen tussendoor sluipen. Aan de andere kant kan het voordelig zijn om meteen vanaf het begin de spelling in orde te maken, met name in een menu. Dan loop je niet het risico dat bij verbeterde spelling een regel te breed wordt voor een menu-vakje, en de css alsnog omgegooid moet worden.

@html-validator: Die houdt niet van spaties in mapnamen en bestandsnamen! Om woorden van elkaar los te koppelen kan je streepjes - of onderstreepjes _ ertussen gebruiken, die zijn wel o.k.
 
csshunter het menu wat in jou plaatje staat is het menu waar ik later naar toe wil. Het menu wat ik nu wil is onder het kopje fietsen gewoon 1 rijtje met de merken dus op de volgende manier:

fietsen
  • Gazzelle
  • Batavus
  • Goldline
En zo verder maar als ik er 1 of 2 heb kan ik de code kopiëren en kom ik er verder zelf wel uit met de menu's denk ik.
 
Is er echt niemand die even zo'n menu viir mij maken kan?
 
Hoi Rubensky1995,
Ik denk dat je het best zelf kan. :)
Als je weet dat:
  • Een <ul> is een "unordered list": het rijtje van een serie "niet geordende" links onder elkaar. Daarbij betekent het "niet geordend" dat er geen bepaalde volgorde met nummers 1, 2, 3 enz. in zit.
  • Elke <ul> is dus een uitklap-blokje van een bepaalde rij items.
  • Een <li> is een "list-item": één van de onderwerpen die samen het rijtje vormen.
  • Met inspringingen in de code kan je precies zien wat bij wat hoort.
Het menu is nu:

menu-structuur.png

Elke volgende menu-uitklapper vormt dus een nestje binnen een bepaald list-item.
En binnen een uitklapper kan hetzelfde gebeuren: een nestje binnen een nestje, enz.

=======
Wat wil je er niet bij hebben?
De 3e etage, het sub-submenu waar nu de merken in staan.
> Dan gaan die items er uit, evenals de <ul> en de </ul> eromheen, want dat is het blok waar ze in zitten.
Er blijft dan over:
HTML: 
<ul id="MenuBar1" class="MenuBarVertical">
	<li><a href="Geertrui de Boom Tweewielers.html">Home</a></li>
	<li><a class="MenuBarItemSubmenu" href="#">Over Ons</a>
		<ul>
			<li><a href="Geertrui de Boom Tweewielers winkel.html">Winkel</a></li>
			<li><a href="Geertrui de Boom Tweewielers werkplaats.html">Werkplaats</a></li>
		</ul>
	</li>

	<li><a href="Geertrui de Boom Tweewielers aanbiedingen.html">Aanbiedingen</a></li>
	<li><a href="Geertrui de Boom Tweewielers nieuws.html">Nieuws</a></li>

	<li><a href="#" class="MenuBarItemSubmenu">Fietsen</a>
		<ul>
			<li><a href="Geertrui de Boom Tweewielers kinderfietsen.html">Kinderfietsen</a></li>
			<li><a href="#" class="MenuBarItemSubmenu">Volwassen fietsen</a>
			<li><a href="Geertrui de Boom Tweewielers gebruikte fietsen.html">Gebruikte fietsen</a></li>
		</ul>
	</li>

	<li><a href="#" class="MenuBarItemSubmenu">Accessoires</a>
		<ul>
			<li><a href="Geertrui de Boom Tweewielers Accessoires Basil.html">Basil</a></li>
			<li><a href="Geertrui de Boom Tweewielers Accessoires New Looxs.html">New Looxs</a></li>
			<li><a href="Geertrui de Boom Tweewielers Accessoires FastRider.html">Fast Rider</a></li>
			<li><a href="Geertrui de Boom Tweewielers Accessoires Bobike.html">Bobike</a></li>
			<li><a href="Geertrui de Boom Tweewielers Accessoires Spinder.html">Spinder</a></li>
		</ul>
	</li>

	<li><a href="Geertrui de Boom Tweewielers zadelmeting.html">Zadelmeting</a></li>
	<li><a href="Geertrui de Boom Tweewielers fietsverzekering.html">Fietsverzekering</a></li>
	<li><a href="Geertrui de Boom Tweewielers sleutel bij bestellen.html">Sleutel bij bestellen</a></li>
	<li><a href="Geertrui de Boom Tweewielers contact.html">Contact</a></li>
</ul>
Nu wil je in plaats van het rijtje "Kinderfietsen" / "Volwassen fietsen" / "Gebruikte fietsen" het rijtje "Gazelle"/ "Batavus"/ "Goldline" hebben.
Dan verander je even die namen, en je zet de bijbehorende links erbij.
Klaar!

Met vriendelijke groet,
CSShunter
__________
PS: Je moet in mapnamen en bestandsnamen geen spaties gebruiken: daar kunnen browsers en de html-validator over struikelen.
Om woorden los te koppelen, kan je tussenstreepjes - gebruiken.
Dan wordt het bijvoorbeeld:
HTML: 
...
<a href="Geertrui-de-Boom-Tweewielers-Accessoires-Basil.html">Basil</a>
 
Dank voor je hulp ik ga er van de week naar kijken.
 
Kan iemand mij toch echt even helpen? Als het moet krijg je er geld voor! Ik wil onder de blauwe balk even een uit klap menu met maar 1 fietsmerk zodat ik het zelf kan aanvullen.
 
Hoi Rubensky1995,
Huh? Hierboven staat precies het menu dat je wilt hebben! :rolleyes: Heb je dat geprobeerd?

Ik wil onder de blauwe balk even een uit klap menu ... enz.
Klik om te vergroten...
Huh? Welke blauwe balk? :rolleyes: Hebben we het wel over hetzelfde?
Ben je dan bezig met een andere site (waarvan we geen link weten)?
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan