[CSS] knoppen foto navigatie onder

[Piet Marisael]

Ik heb al de gehele dag op allerlei steekwoorden zitten zoeken.
Het probleem is dat ik nergens kan vinden hoe ik via CSS de knoppen previous, index en next onder elke foto plaats.
Via CSS zou je toch gemakkelijk een vaste plaats moeten geven?
Wie helpt me verder?

[mocean]

Heb je misschien een HTML/CSS voorbeeld van wat je al geprobeerd hebt?

[Piet Marisael]

Dat is nou het probleem, ik heb het ooit eens voor elkaar gekregen, maar ben het in de loop de tijd vergeten en kwijt geraakt.
Ik weet dat het mogelijk is om die knoppen op elke willekeurige plaats te kijgen met CSS.

Ik heb hier al vanalles mee zitten uitproberen, maar het lukt niet.

code:

div#navigation td.previous {
    text-align: left bottom;
    width: 10px;

}

div#navigation td.index {
    text-align: center bottom;
}

div#textnavigation td.next {
    text-align: right  bottom;
    width: 10px;
}

code:

<table>
    <tr class="navigation">
        <td class="previous"><span class="previous">&lt;&lt; Previous</span></td>
        <td class="index" colspan="3"><span class="index"><a href="index.html" title="Return to Index">Index</a></span></td>
        <td class="next"><span class="next"><a href="bridgebouledrive02.html" title="Next Photograph">Next &gt;&gt;</a></span></td>
    </tr>
    </table>

[ Voor 68% gewijzigd door Piet Marisael op 11-01-2009 19:44 ]

[Saeverix]

Hier kunnen we niet veel mee... Hoe is de pagina opgebouwt?
Zijn de "knoppen" gewoon links, plaatjes of echte knoppen?

Met wat broncode en een online voorbeeld kunnen we je een stuk beter helpen.

[Piet Marisael]

Zojuist nog even de bijbehorende codes erbij gezet.

[mcDavid]

Wat kan hier in hemelsnaam niet goed aan gaan dan?

In welke zin komen de knoppen niet altijd op de zelfde plek?

[Saeverix]

Je hebt volgens mij nog niet helemaal in de gaten waar je mee bezig bent.

In je CSS heb je namelijk ID's staan terwijl je Classes gebruikt in je HTML.

Een class geef je aan met een punt ervoor .voorbeeld
Een ID geef je aan met een hekje ervoor #voorbeeld

Ik denk dat het zo meer in de buurt komt:

Cascading Stylesheet:

.navigation{
    width: 100%;
}

.navigation .previous {
    text-align: left;
    width: 100px;
}

.navigation .index {
    text-align: center;
}

.navigation .next {
    text-align: right;
    width: 100px;
}

HTML:

<table class="navigation">
        <tr>
            <td class="previous">&lt;&lt; Previous</td>
            <td class="index"><a href="index.html" title="Return to Index">Index</a></td>
            <td class="next"><a href="bridgebouledrive02.html" title="Next Photograph">Next &gt;&gt;</a></td>
        </tr>
</table>

Ook heb ik je <SPAN> code weggelaten, omdat het in dit geval totaal geen toegevoegde waarde heeft.

[ Voor 10% gewijzigd door Saeverix op 11-01-2009 20:03 ]

[Piet Marisael]

Ik zou die 3 knoppen ongeacht de plaats dat ze in de html staan, gelijk onder de foto willen hebben.
Niet door elke html-pagina opnieuw te hoeven veranderen, maar gewoon met CSS de plaats bepalen.
Verder zou het ook mogelijk moeten zijn om elke knop vast uitgelijnd op de pagina te krijgen, zoveel pixels naar links of rechts.
De bovenstaande stukje CSS werk niet.

[Saeverix]

Piet Marisael schreef op zondag 11 januari 2009 @ 20:02:
Ik zou die 3 knoppen ongeacht de plaats dat ze in de html staan, gelijk onder de foto willen hebben.
Niet door elke html-pagina opnieuw te hoeven veranderen, maar gewoon met CSS de plaats bepalen.
Verder zou het ook mogelijk moeten zijn om elke knop vast uitgelijnd op de pagina te krijgen, zoveel pixels naar links of rechts.
De bovenstaande stukje CSS werk niet.

Het bovenstaande stukje code werkt zeker wel... De tabel wordt 100% breed, en de links staan netjes op de plaats zoals jij ze hebt neergezet in de CSS code.

Terug (Links), Index (Midden), Volgende (Rechts)

Als je de links echt wil gaan positioneren moet je of gebruik maken van Margins of de hele tabellen vergeten en met DIV's gaan werken.

[ Voor 9% gewijzigd door Saeverix op 11-01-2009 20:05 ]

[Piet Marisael]

Saeverix schreef op zondag 11 januari 2009 @ 19:59:
Je hebt volgens mij nog niet helemaal in de gaten waar je mee bezig bent.

In je CSS heb je namelijk ID's staan terwijl je Classes gebruikt in je HTML.

Een class geef je aan met een punt ervoor .voorbeeld
Een ID geef je aan met een hekje ervoor #voorbeeld

Ik denk dat het zo meer in de buurt komt:

Werner, bedoel je soms dat de CSS-code die ik heb helemaal niet gezien wordt door de HTML-code?

Nee ik ben een beginneling wat betreft CSS, dat geef ik grof toe.

Maar hoe krijg ik nou die knoppen naar beneden?

[Saeverix]

Piet Marisael schreef op zondag 11 januari 2009 @ 20:06:
[...]


Werner, bedoel je soms dat de CSS-code die ik heb helemaal niet gezien wordt door de HTML-code?

Nee ik ben een beginneling wat betreft CSS, dat geef ik grof toe.

Maar hoe krijg ik nou die knoppen naar beneden?

Klopt...

div#navigation is een DIV met als ID "navigation"

Ten eerste maak je helemaal geen gebruik van DIV's in je code. Ten tweede gebruik je bij de <TR> (die je waarschijnlijk bedoelde) gebruik van CLASS. Dus dat was al dubbel fout.
De browser zoekt dan om een DIV met ID "navigation". Die is er niet, dus werkt het niet.

En wat bedoel je met knoppen naar beneden? Kun je met een tekening uitbeelden wat je idee is? Het is mij niet helemaal duidelijk.

Als ik het goed heb wil je de links onderaan het scherm hebben, op welke resolutie dan ook. Als dat zo is zul je moeten gaan werken met DIV's en Javascript (om problemen met Internet Explorer op te lossen).

[Piet Marisael]

ik zal eens kijken of ik het kan uitbeelden:

plaatje

<< previous                           index                            next>>

Ik heb ze even in een pre gezet om ze op de juiste plaats te krijgen.
Zoiets bedoel ik. (plaatje is bij toeval gekozen.

[ Voor 23% gewijzigd door Piet Marisael op 01-03-2009 14:11 ]

[mcDavid]

Piet Marisael schreef op zondag 11 januari 2009 @ 20:23:
ik zal eens kijken of ik het kan uitbeelden:

[afbeelding]

<< previous                           index                            next>>

Ik heb ze even in een pre gezet om ze op de juiste plaats te krijgen.
Zoiets bedoel ik.

Maar waarom wil dat niet dan?
Volgens mij is het moeilijker om dat fout te laten gaan dan om dat goed te laten gaan...

[ Voor 8% gewijzigd door mcDavid op 11-01-2009 20:24 ]

[Saeverix]

Piet Marisael schreef op zondag 11 januari 2009 @ 20:23:
ik zal eens kijken of ik het kan uitbeelden:

[afbeelding]

<< previous                           index                            next>>

Ik heb ze even in een pre gezet om ze op de juiste plaats te krijgen.
Zoiets bedoel ik. (plaatje is bij toeval gekozen.

Dat is ook precies wat er gebeurt als je de Foto boven de tabel plaatst.
Als je mijn opgegeven code gebruikt zul je zie dat je dan hetzelfde krijgt.

Heb het even online gezet: http://wvstudios.nl/dev/buttons/

[ Voor 4% gewijzigd door Saeverix op 11-01-2009 20:31 ]

[Piet Marisael]

Omdat de ene keer de code voor de knoppen onder de link van de foto staan en de andere keer erboven.
Door de knoppen met CSS onder de foto vast te zetten, hoef ik niet al die html-files te gaan zitten veranderen, snap je?
Het probleem is juist dat de pagina's door verschillende mensen worden aangeleverd.
Straks komt er nog eentje die de code gewoon ergens tussen gaat plaatsen.
Met CSS zou dat dan niet meer uitmaken omdat ik ze dan altijd een vaste plaats kan geven..

[mcDavid]

Piet Marisael schreef op zondag 11 januari 2009 @ 20:31:
Omdat de ene keer de code voor de knoppen onder de link van de foto staan en de andere keer erboven.
Door de knoppen met CSS onder de foto vast te zetten, hoef ik niet al die html-files te gaan zitten veranderen, snap je?
Het probleem is juist dat de pagina's door verschillende mensen worden aangeleverd.
Straks komt er nog eentje die de code gewoon ergens tussen gaat plaatsen.
Met CSS zou dat dan niet meer uitmaken omdat ik ze dan altijd een vaste plaats kan geven..

Hmm lijkt me dat het het makkelijkst is om gewoon die mensen te vertellen dat ze het eronder moeten zetten.

Je zou bijvoorbeeld wel een div kunnen maken met vaste afmetingen en position:relative, en dan met position:absolute zorgen dat de foto altijd bovenaan staat en de knoppen altijd onderaan. Maar dan moet je mensen nog steeds vertellen welke classname ze moeten gebruiken. Ofwel je schiet er denk ik weinig mee op.

[Piet Marisael]

Dus gewoon een dagje er voor uittrekken om alle html-files te gaan zitten veranderen met de code onder de link van het plaatje.

[Saeverix]

Piet Marisael schreef op zondag 11 januari 2009 @ 20:31:
Omdat de ene keer de code voor de knoppen onder de link van de foto staan en de andere keer erboven.
Door de knoppen met CSS onder de foto vast te zetten, hoef ik niet al die html-files te gaan zitten veranderen, snap je?
Het probleem is juist dat de pagina's door verschillende mensen worden aangeleverd.
Straks komt er nog eentje die de code gewoon ergens tussen gaat plaatsen.
Met CSS zou dat dan niet meer uitmaken omdat ik ze dan altijd een vaste plaats kan geven..

Dus als ik het goed begrijp wil je een foto gallerij aanmaken met alleen maar HTML??? En ook nog eens aangeleverd door verschillende mensen?
Hoe wil je dan in godsnaam die links goed werkend krijgen? En weet je hoeveel werk dit kost? Kansloze missie als je het mij vraagt.

Een foto gallerij wil je niet zonder een server side script maken.

En de gedachte die je bij CSS hebt ligt iets te eenvouding dan dat het in werkelijkheid is.
Het is mogelijk door de tabel in een <DIV> te plaatsen en die een positie opgeven vanaf de bovenkant. Alleen als je dan een grotere of Portrait foto hebt zal de navigatie over de fotos heen gaan.

Als je net begint met HTML en CSS zou ik niet gelijk met dingen als dit bezig gaan, maar eerst rustig beginnen met eenvoudige dingen. Zodat je leert hoe de opbouw en werking van HTML en CSS is.
Ik heb ook veel mensen om me heen die ergens iets gehoord hebben over CSS en HTML en vervolgens denken er alles mee te kunnen maken op de manier die ze in gedachten hebben.
Het is dan erg moeilijk uit te leggen dat het net even iets anders werkt dan ze denken.

[Piet Marisael]

Als ik nou eens dit ga uitproberen om erbij te zetten?

code:

left: **px; // zelf gaan uitproberen hoeveel pixels ik naar rechts moet
position: absolute;
top: **px; // zelf gaan uitproberen hoeveel pixels ik naar beneden moet
width: **px; //zelf gaan uitproberen hoeveel pixels de knop mag zijn

zou dat lukken in CSS??
lijk ik eerder klaar mee te zijn dan een paar honderd pagina's verbouwen, als het werkt tenminste

[CH4OS]

Sowieso is het onlogisch om de boel binnen een div ook nog eens in een tabel te smijten.
Aangezien je toch al een div gebruikt, kan je die net zo goed een ID (of een class) meegeven en de rest van de inhoud adhv dat ID (of die class) laten stylen. Eventueel met (sub)IDs of (sub)classes.

@Werner: Waarom zou het niet mogelijk zijn een dergelijke viewer met alleen maar HTML en CSS te bouwen? True, je hebt er ook PHP oid voor nodig, maar dat geeft een browser niet weer hé...

[Piet Marisael]

Saeverix schreef op zondag 11 januari 2009 @ 20:45:
[...]


Ik heb ook veel mensen om me heen die ergens iets gehoord hebben over CSS en HTML en vervolgens denken er alles mee te kunnen maken op de manier die ze in gedachten hebben.
Het is dan erg moeilijk uit te leggen dat het net even iets anders werkt dan ze denken.

Volgens mij ben ik al een heel eind gekomen met mijn 2 weken CSS uitproberen.
kijk maar even op de site (niet meer nodig)
Kwestie geweest van zoeken en uitproberen.
Ik ben trouwens ook bezig met PHP, voor zover het lukt.
Zal wel een zooitje lijken in de ogen van een ervaren PHP-programmeur.

Ik ga even verder uitproberen.
In ieder geval bedankt voor de hulp alvast.

[ Voor 18% gewijzigd door Piet Marisael op 01-03-2009 14:12 ]

[CH4OS]

Piet Marisael schreef op zondag 11 januari 2009 @ 20:54:
[...]

Volgens mij ben ik al een heel eind gekomen met mijn 2 weken CSS uitproberen.
kijk maar even op http://www.cochonnetclub.nl/piet/
Kwestie geweest van zoeken en uitproberen.
Niet voor de directory PIET kijken, dat is de oude site.
Ik ben hem aan het vernieuwen en die staat dus onder de directory PIET.
Ik ben trouwens ook bezig met PHP, voor zover het lukt.
Zal wel een zooitje lijken in de ogen van een ervaren PHP-programmeur.

Ik ga even verder uitproberen.
In ieder geval voor de hulp alvast.

Als ik je tips mag geven aangaande je nieuwe site:
[list]• Gebruik geen introducerende plaatjes / intro's dat soort dingen
• Blokkeer de rechtermuisknop NIET. Jij bepaald niet wat de gebruiker gebruiksvriendelijk vind of niet. Je bron kopieëren kan toch wel via Beeld -> Bron en anders CTR+SHIFT+U
• Frames zijn outdated en renderen over het algemeen zelfs trager dan bijvoorbeeld divs.
• Gebruik een DOCTYPE definitie, zodat de browser weet welke standaard hij moet gebruiken voor het renderen van je pagina.
• Gebruik intending als je HTML / CSS / JS / PHP / e.d. gaat schrijven, maakt het voor jezelf alleen maar leesbaarder.

Overigens snap ik dingen als

JavaScript:

    if (window.name == 'console3'){ 
      window.location = "http://www.zinloosgeweld.nl"; } 

niet? Als vensternaam gelijk is aan console3, redirect dan naar zinloosgeweld.nl? Het is dat ik JS uit heb staan...

Ik hoop niet dat ik 'te hard' ben, maar ik hoop wel, dat ik je ermee help, al is het misschien offtopic.

[ Voor 3% gewijzigd door CH4OS op 11-01-2009 21:15 ]

[Saeverix]

GJtje schreef op zondag 11 januari 2009 @ 20:52:
Sowieso is het onlogisch om de boel binnen een div ook nog eens in een tabel te smijten.
Aangezien je toch al een div gebruikt, kan je die net zo goed een ID (of een class) meegeven en de rest van de inhoud adhv dat ID (of die class) laten stylen. Eventueel met (sub)IDs of (sub)classes.

@Werner: Waarom zou het niet mogelijk zijn een dergelijke viewer met alleen maar HTML en CSS te bouwen? True, je hebt er ook PHP oid voor nodig, maar dat geeft een browser niet weer hé...

Hij gebruikt helemaal geen DIV. Alleen een Tabel. Als hij die tabel op een vaste hoogte wil hebben in het plaatsen in een DIV te beste oplossing. Alleen heb je als nadeel dat de fotos altijd dezelfde hoogte moeten hebben.

Aangezien de TS het verschil tussen een ID en een Class niet weet zou ik al helemaal niet beginnen over sub-ID's en sub-Classes, en ga je de makkelijkste manier opzoeken.

En wat ik bedoelde met: "Alleen HTML" is dat je idioot bezig bent als je een foto gallerij gaat maken met allemaal losse HTML pagina's die je allemaal handmatig aan moet maken en beheren... Stel je wilt een foto verwijderen uit het midden van de gallerij, dan kun je alle pagina's vanaf die foto gaan aanpassen omdat anders de navigatie stukloopt... En waar lees je dat ik beweer dat PHP door een browser weergeven wordt? Ik werk dagelijks met PHP, dus ik weet waar ik het over heb

Piet Marisael schreef op zondag 11 januari 2009 @ 20:54:
[...]

Volgens mij ben ik al een heel eind gekomen met mijn 2 weken CSS uitproberen.
kijk maar even op http://www.cochonnetclub.nl/piet/
Kwestie geweest van zoeken en uitproberen.
Niet voor de directory PIET kijken, dat is de oude site.
Ik ben hem aan het vernieuwen en die staat dus onder de directory PIET.
Ik ben trouwens ook bezig met PHP, voor zover het lukt.
Zal wel een zooitje lijken in de ogen van een ervaren PHP-programmeur.

Ik ga even verder uitproberen.
In ieder geval voor de hulp alvast.

Zoals ik hierboven als liet zien weet je nog niet eens het verschil tussen een ID en een Class... Dan zijn de eerste dingen die je leert in een goed CSS boek.

Vat het niet verkeerd op, het is niet om je aan te vallen maar om je te helpen.

Mijn mening over de bovenstaande site: Een verschrikking...
Geen enkel HTML / CSS boek die je zulke dingen leert.

Ondanks het vervelende Anti-Rechtermuisknop script heb ik toch je code kunnen bekijken.
En daaraan zie ik dat je geen enkel boek over HTML of CSS hebt gelezen.

Het opgeven van kleur, lettertype en groote van tekst op je website doe je via HTML. Terwijl juist daar CSS voor is bedacht.

HTML:

<p align="center"><font face="Verdana" color="#000000" size="6"><b>Jeu 
            de Boules</b></font></p>

Dat soort code zie ik op je hele site terug. Als je nu bijvoorbeeld denk: ik wil het lettertype op mijn site veranderen... Dan moet je elke pagina handmatig gaan bewerken. Terwijl als je gebruikt maakt van CSS je maar 1 bestand hoeft te bewerken.

Daarom wil ik nogmaals zeggen: Koop een paar boeken over HTML en CSS zodat je de opzet en de werking van HTML en CSS beter begrijpt. Als je dat eenmaal weet gaat de rest vanzelf met een beetje zoeken op internet.

En dan hebben we deze willekeurige pagina... Er klopt werkelijk helemaal niets van. Alles zit door elkaar. Het lijkt op een bijelkaar geraapt zootje.

• Je gebruikt dubbele <body> tags.
• Plaatst HTML buiten de <body> tags.
• Plaatst HTML buiten de <html> tags.
• Je hebt 2x <head> in 1 pagina.

HTML:

<html>

<head>
<link href="main.css" rel="stylesheet" type="text/css">

<script language="JavaScript"> <!---
 function click() { if (event.button==2) alert('Rechtermuisknop is niet toegestaan. ©2009 Cochonnetclub'); }
 document.onmousedown = click //--->
 //-->
 //-->
</script>
</head>

<body>

<div id="container">
<center>

<table dir="ltr" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><!--msnavigation--><td valign="top">
<div align="center">
    <table border="1" cellpadding="0" cellspacing="0" width="900" height="75%" bordercolor="#FF0000">
        <tr>

            <td width="450" valign="top">
                <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<link href="../main.css" rel="stylesheet" type="text/css">
<style type="text/css" media="screen">
body {direction: ltr;}
.div1 {height: 516px; width: 450px; direction: rtl; overflow: auto; }
.div2 {direction: rtl;}
</style>
 
</HEAD>
 <div class="div1"><div class="div2">

<DIV style="SCROLLBAR-FACE-COLOR: #ffffff; FILTER: chroma(COLOR=#ffffff); SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #000000; HEIGHT: 516px">

<p class="te">

Maandag 5 januari 2009 WAC <br>
Cochonnetclub 3 - VOP 2<br>
Cochonnetclub 2 - PVT 5
</p>
<HR color=#FF0000>

<p class="te">
Zaterdag 10 januari 2009<br>
Winteruitwisseling<br>
Aantal wedstrijden: 4 <br>
</p>

<HR color=#FF0000>

<p class="te">
Maandag 12 januari 2009 WAC <br>
Dongen 1 - La Donnee 3<br>
</p>

<HR color=#FF0000>

<p class="te">
Donderdag 15 januari 2009<br>
Intern toernooi minimix<br>
Aantal wedstrijden: 3<br>
</p>

<HR color=#FF0000>

<p class="te">
Maandag 19 januari 2009 WAC <br>
Dongen 1 - PCO 7<br>
</p>

<HR color=#FF0000>

<p class="te">
Donderdag 29 januari 2009<br>
Herhalings cursus AED<br>
</p>

<HR color=#FF0000>

<p class="te">
Maandag 2 februari 2009 WAC <br>
Cochonnetclub 2 - VOP 2<br>
Cochonnetclub 3 - Cloeck en Moedig 7<br>
</p>

<HR color=#FF0000>

<p class="te">
Zaterdag 14 februari 2009<br>
Boulen - Bridgen op Valentijnsdag<br>
</p>

<HR color=#FF0000>

<p class="te">
Maandag 16 februari 2009 WAC <br>
Cochonnetclub 2 - La Donnee 2<br>
Dongen 1 - La Donnee 4<br>
</p>

<HR color=#FF0000>

<p class="te">
Donderdag 19 februari 2009<br>
Intern toernooi doubletten<br>
Aantal wedstrijden: 3<br>
</p>

<HR color=#FF0000 size="2">

<p class="te">
Dinsdag 10 maart 2009<br>
Jaarvergadering<br>
</p>

<HR color=#FF0000 size="2">

<p class="te">

Dinsdag 17 maart 2009<br>
Intern Competitie Wisselavond<br>
Toernooitje met prijsuitreiking<br>
</p>

<HR color=#FF0000 size="2">

<p class="te">
Donderdag 19 maart 2009<br>
Intern toernooi Minimix<br>
Aantal wedstrijden: 3<br>
</p>

<HR color=#FF0000 size="2">

<p class="te">
Donderdag 16 april 2009<br>
Intern toernooi Doubletten<br>
Na Pasen Sfeer<br>
Aantal wedstrijden: 3<br>
</p></div></div></div>
</BODY>
</HTML>

            </td>

            <td rowspan="7" valign="top">
        <br>
            <p align="center"><font color="#000000"><b><u>
            <font face="Verdana" size="2">ALGEMENE INFORMATIE OVER ONZE TOERNOOIEN</font></u></b></font></p>
            <p class="te">BUITEN TOERNOOIEN (doubletten)<br>
            Licentie verplicht voor alle toernooien.<br>
            Ons buitentoernooi wordt gehouden op <br>
            sportpark "DE KLOKKENBERG"<br>
            (zie plattegrond op deze site)<br><br>
            Inschrijven is mogelijk als de NJBB kalender uit is.<br>
            Aanvang 10.30 uur<br>
            Gespeeld worden 5 voorgelote wedstrijden.<br>
            Inschrijfgeld €.4,00 per deelnemer.<br>
            Prijzen in natura.<br><br>
            Inschrijven telefonisch bij: <br><br>
            Elly Meijer&nbsp; 0416-362422<br>
            Johan Hooijmaijers 0416-361846</font></p>
            
            
        </td>
        </tr>
        
    </table>
    </td></tr>

</table></body>
</div>
</html>

En nogmaals, dit is niet om je voor gek te zetten. Dit is puur om je te laten zien wat er allemaal fout gaat.
Ik krijg persoonlijk bijna rillingen als ik de code bekijk.

En ik snap dat je ooit eens moet beginnen, en dat het niet altijd perfect is. Maar als je eraan begint, begin dan goed.

http://validator.w3.org/c...29&doctype=Inline&group=0

[ Voor 44% gewijzigd door Saeverix op 11-01-2009 21:35 ]

[Piet Marisael]

Saeverix schreef op zondag 11 januari 2009 @ 21:23:

En dan hebben we deze willekeurige pagina... Er klopt werkelijk helemaal niets van. Alles zit door elkaar. Het lijkt op een bijelkaar geraapt zootje.

• Je gebruikt dubbele <body> tags.
• Plaatst HTML buiten de <body> tags.
• Plaatst HTML buiten de <html> tags.
• Je hebt 2x <head> in 1 pagina.

Tja die dubbele tag's, die zijn onstaan doordat ik "include" heb gebruikt om verschillende pagina's samen te voegen.
Hetzelfde geval ben ik op meerdere sites tegen gekomen, ben dus niet de enigste.
Dat er nog flink aan geschaafd moet worden weet ik ook wel, maar voor een vrachtwagenchauffeurtje ben ik best tevreden over het uiteindelijke plaatje wat je op het beeld krijgt.

Okee het is een samen geraapt zooitje, HTML, PHP, CSS, JavaScript.
Dat er uiteindelijk nog beeld uit ontstaat, onbegrijpelijk.
Gelukkig heb ik meer verstand van rijden.

Kijk als het om perfectie zou gaan, dan had ik wel het vak webdesigner gekozen en zag het er allemaal heelanders uit.
Maar dat is nu eenmaal niet en kijk ik naar het uiteindelijke resultaat.
Gewoon onder het motto: als het maar werkt, de rest komt later wel.
Trouwens helemaal offtopic: wist je dat door aanklooien de meeste baby's zijn geboren?

Al met al komen de knoppen toch uiteindelijk straks onder de foto's te staan en daar was het toch allemaal om begonnen.

Bedankt voor de opbouwende kritiek, zal er zeker iets mee gaan doen.

[ Voor 18% gewijzigd door Piet Marisael op 12-01-2009 17:28 ]