Website online - probleem bij formulier.
Ik heb onlangs mijn website online gezet nadat ik in bijberoep ben begonnen.
De mobiele versie moet nog ontworpen worden. En hierbij heb ik ook nog een vraag.
Als je op de website naar de pagina "offerte" gaat en je klikt op "verzenden" zonder niets in te vullen,
dan zie je dat de content van mijn "div="inhoud_right" gedeelte onder mijn form error messages tevoorschijn komt.
Tewijl deze mooi rechts zou moeten blijven staan.
En hier ben ik helaas nog niet achter gekomen hoe dit komt.
Dus als één van jullie de oplossing weet :)
Websitelink: www.PIX-Design.be
Als er opmerkingen zijn, altijd welkom.
Alvast bedankt,
Grts Keven.
Gewijzigd op 23/03/2018 21:37:27 door Keven Vanovertveldt
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
//slechte copy+paste van de echte <option> daar boven
<input type="radio" name="project" value="belettering">Belettering (wagen/gevel)</option><br />
//geen quotes
<a href=javascript:history.back(1)><b>Ga terug</b></a>
//XHTML of HTML?
<br /> vs <br>
//PHP code in de HTML (in een <noscript>!?)
if($_GET["p"] == 'overons' ){
<input type="radio" name="project" value="belettering">Belettering (wagen/gevel)</option><br />
//geen quotes
<a href=javascript:history.back(1)><b>Ga terug</b></a>
//XHTML of HTML?
<br /> vs <br>
//PHP code in de HTML (in een <noscript>!?)
if($_GET["p"] == 'overons' ){
Als je de boel een beetje netjes inspringt is het sowieso een stuk beter leesbaar, en had je die ontbrekende </div> waarschijnlijk zelf ook wel gespot.
Dit is een website die ik in mijn schooltijd (6 jaar geleden) heb opgesteld.
En dit was ook niet mijn dagelijkse bezigheid. En dat zie je idd. ik weet dat het zeer snel is geëvolueerd.
Het is minimalistisch, maar ik vind het eindresultaat voor de bezoeker wel leuk.
Enkel moet hij nog over een mobiele versie beschikken.
@Rob, Ik heb je opmerkingen gelezen en aangepast in de html.
- Wat is juist het probleem met <br> & <br /> tags, is dit een pertinente fout?
- De R. klik beveiliging heb ik verwijderd, heb eerder zitten twijfelen om deze te deleten.
- Veroorzaakt een "nosrcipt" tag binnen een php script een probleem?
- Hoe zou een mooi geordend html eruit zien dan?
Want dit kan ook allemaal achter elkaar zonder spaties, maar dit is dan totaal niet overzichtelijk om te bewerken.
Daarom werk ik met enters en spaties. Is dit niet O.K?
Grts Keven.
Een mooi voorbeeld met bijvoorbeeld lijsten, waarin je HTML-tags nest.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<p>
<ul>
<li>Item1</li>
<li>item 2</li>
<li>Item 3..
<ul>
<li>Subitem 1</li>
<li>Subitem 2</li>
</ul>
</li>
<li>Item 4</li>
</ul>
</p>
<p>
Yaddah, blah yaddah!
</p>
<ul>
<li>Item1</li>
<li>item 2</li>
<li>Item 3..
<ul>
<li>Subitem 1</li>
<li>Subitem 2</li>
</ul>
</li>
<li>Item 4</li>
</ul>
</p>
<p>
Yaddah, blah yaddah!
</p>
Je ziet in een oogopslag welke tags bij elkaar horen. En het biedt een duidelijk overzicht. Ook een fatsoenlijke editor zoals Eclips, NetBeans, PHPstorm, of ZendStudio biedt mogelijkheden aan automatisch inspringen. Gebruik om deze redenen dus nooit Notepad/Kladblok.
Of je <br /> of <br> tags gebruikt is afhankelijk van de doctype die je gebruikt. Is dit XHTML of HTML?
Verder heeft <noscript> niks met PHP te maken, maar het feit dat er in jouw HTML-code PHP staat heeft te maken met misen van de PHP-tag. Ik weet niet of je voor je site een CMS-editor gebruikt, maar normaliter kan je daarin GEEN PHP-code invoeren.
Gewijzigd op 24/03/2018 13:44:25 door - Ariën -
Raad je een andere editor aan?
Mijn doctype momenteel is:
"DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
Ik weet niet welk doctype ik moet gebruiken, Dreamweaver doet dit automatisch bij het openen van een nieuw document.
Gewijzigd op 24/03/2018 14:23:24 door Keven Vanovertveldt
Als je zelf met codes gaat typen, eigen vrijheid willen, en alles volgens je eigen standaard wilt schrijven., dan is een code-editor zeker handig. Voor mensen die het simpel willen houden en zich niet echt bezig houden met webdesign als hobby/werk is Dreamweaver een goed alternatief.
Zo te zien gebruik je XHTML, maar persoonlijk zou ik liever HTML5 kiezen:
Code (php)
1
<!DOCTYPE html>
Ik raad wel aan om je site even te valideren bij de W3 Validator.
Gewijzigd op 24/03/2018 14:23:56 door - Ariën -
Raad je een andere editor aan?
Mijn doctype momenteel is:
"DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
Ik weet niet welk doctype ik moet gebruiken, Dreamweaver doet dit automatisch bij het openen van een nieuw document.
Ik zou in ieder geval wel bij de tijd blijven en DreamWeaver uptodate houden. Of je je van code-kloppen houdt, raad ik NetBeans IDE aan. Maar dat is geen 'klik en sleep' of wat ook WYSIWYG (What You See Is What You Get) genoemd wordt.
Gewijzigd op 24/03/2018 15:59:06 door - Ariën -
PS: W3 Validator vertelt me het volgende:
Sorry, I am unable to validate this document because on line 10 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.
The error was: utf8 "\xA9" does not map to Unicode