Van Frontpage naar Kompozer.

[Frederik]

Omdat je er om vraagt.

Je hebt onder het Popey Logo het horizontale menu staan. Werkt allemaal, keurig!
Dan daaronder een wit vlak met foto en ook iets wat op een menu lijkt, namelijk nieuws items. Maar als ik er op wil klikken gebeurd er niks.
Dat lijkt mij (en is voor mij) verwarrend. Maak het aanklikbaar of haal dat weg, is mijn advies.

[nirwana]

Daar heb je gelijk in, dat is verwarrend. Het is eigenlijk bedoeld dat men kan zien waar de laatste updates gedaan zijn en zodat men kan zien dat de site regelmatig geupdate wordt.. Ik zal kijken of ik daar iets aan kan veranderen, aanklikbaar maken dus, zodat men meteen naar de laatst geupdate pagina gaat.

Of je maakt een aparte nieuws-pagina waarop je de laatste updates vermeld. Daarop kun je dan per datum vermelden wat er is bijgewerkt.

[nirwana]

Overigens mijn complimenten voor de Popeye-website. Het geheel ziet er netjes uit. Ga zo door...

[adri]

Ja, mooi.
Een minpuntje:
Bij Nieuws 7-1-2010 staat:

23 januarie 2010 staat de wedstrijd in de Zwolse Ijselhallen.

Dat moet zijn:
23 januari 2010 staat de wedstrijd in de Zwolse IJsselhallen.
Als je het snel verbetert ziet niemand het.

Overigens succes met Popeye, ik heb je al verschillende keren in actie gezien, mooi hoor.

[Frederik]

De Techniek pagina ziet er toch prima uit en het gebruik van tabellen is niet altijd verkeerd .
Het is trouwens vandaag Zaterdag 9 januari 2010 en het is -2,7°C

[nirwana]

In het bovenste gedeelte van de Techniek-pagina kun je wel een tabel gebruiken om de gegevens weer te geven. Tabellen mogen daarvoor namelijk wel gebruikt worden. Voor het tonen van de verwijzingen in het onderste gedeelte kun je wel div'jes gebruiken.

Hiervoor heb ik met de "float-instructie" de volgende klasses toegevoegd:

Code: Selecteer alles

div.table_wrapper
{
	width: 100%;
	height: 1000px;
}

div.Left
{
	float: left;
	width: 380px;
	height: 90px;
	text-align: center;
}

div.Right
{
	float: right;
	width: 380px;
	height: 90px;
	text-align: center;
}

Met float:left plaats je de div aan de linkerkant en met float:right aan de rechterkant.
Je kunt ook meerdere met float:left naast elkaar plaatsen. Deze worden dan allen links uitgelijnd, maar worden wel naast elkaar geplaatst.

De HTML-code komt er dan zo uit te zien:

Code: Selecteer alles

<div class="table_wrapper">
<div class="Left">
<a 
href="http://en.wikipedia.org/wiki/Allison_Engine_Company" 
target="_blank"><img title="Klik hier voor de website" style="border: 
0px solid; width: 188px; height: 75px;" alt="Allison.jpg" 
src="techniek1_nl_bestanden/Allison.jpg" height="75" width="188"></a>
</div>

<div class="Right">
	<a href="http://www.firestone.com/" 
target="_blank"><img title="Klik hier voor de website" style="border: 
0px solid; width: 72px; height: 75px;" alt="Firestone.jpg" 
src="techniek1_nl_bestanden/Firestone.jpg" height="75" width="72"></a>
</div>

etc...
</div>

Een voorbeeld heb ik hier online geplaatst: http://weisbeek.freewebhostx.com/web/po ... k1_nl.html

[nirwana]

Voor de afbeeldingen;
Wat jij hebt gemaakt, ziet er hetzelfde uit als wat ik had. Ik ben alleen aan het bekijken hoe jij dat gedaan hebt, maar ik denk dat ik het een beetje snap. (is nog allemaal nieuw voor mij)
Je maakt dus een div (table wrapper)
binnen die div maak je weer 2 andere div's (links en rechts, dmv float), doordat text align op center staat, komen de afbeeldingen gecentreerd te staan. Toch?

Zo heb ik het inderdaad bedoeld. Je hebt steeds 1 die links staat en 1 die rechts staat. De ene is links uitgelijnd en de andere rechts. Voor beiden geldt echter dat wat erin staat gecentreerd moet worden.

Elk van deze blokken heb ik 390 pixels breed gemaakt en 90 pixels hoog. Door het op deze manier te doen kun je later nog eenvoudig de regels bijvoorbeeld iets groter maken (of in het blok wat meer ruimte te maken of er ergens een rand aan toe te voegen, etc).

Let wel op met het aanpassen van de breedte van zo'n blok, want als je de blokken minder breed maakt dan zou het kunnen dat deze gaan schuiven. Soms denkt een browser dat er van een div nog meer op regel past en dan gaat deze er nogal vreemd mee schuiven.