Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

HTML-noob maakt website ...

None
7 antwoorden
  • … en dan komen de probleempjes dus.

    Ben dus bezig met een sitetje op te bouwen. Maar ken eigenlijk niet te veel van HTML (laat staan php en van die dingen)

    Ik heb een begin online staan en zou eens graag de opmerkingen horen van diegenen die wel iets van HMTL kennen.

    Het voorbeeldje kan je hier vinden.
    http://www.perrush.be/SYF/SYF_micro_E_1.html

    Ik heb de border op 1 gezet zodat je de structuur wat beter kunt zien.

    Nu mijn 2 problemen :

    1) IE laat een grote witte ruimte onder de titel (microstocks : curse or blessing) terwijl FF dat niet doet. Hoe komt dit ??

    2) Als het het lettertype groter maakt komt de content-box op den duur 'open te staan'. Iemand een idee hoe ik dat kan voorkomen ? (waarschijnlijk ergens een extra td met de rowspan, maar zie het niet direkt) Of kan ik voorkomen dat ze met ctrl + scroll het lettertype aanpassen ??

    De volledige versie hoe die nu online staat is te vinden op
    http://www.perrush.be/art_micro_1_E.htm
    dus ik vind het wel een verbetering
  • Probeer dit eens (mbt witte ruimte):
    [code:1:e0825525ae]
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <title>Sell your Photos | Microstocks : Blessing or Curse</title>

    <META NAME="description" LANG="en" content="Sell your photos" >
    <META NAME="keywords" LANG="en" content="sell, photos, photo, online, stockphoto, stock">
    <META NAME="author" LANG="en" CONTENT="Stefan Hermans">
    <META NAME="copyright" LANG="en" CONTENT="Copyright 2006 Stefan Hermans">
    <META HTTP-EQUIV="imagetoolbar" CONTENT="no">

    <LINK HREF="stijlen/SYP_default.css" REL="stylesheet" TYPE="text/css">

    </head>
    <body>

    <!– Begin allesomvattende : tabel_01 –>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <!– Begin linkervak om hoofdpagina te centreren, verander bgcolor om evt te zien waarom en hoe –>
    <td width="50%" bgcolor="#FFFFFF">&nbsp;</td>
    <!– Begin Hoofdpagina die gecentreerd is –>
    <td width="980">

    <!– Begin tabel met hoofdpagina : tabel_02 –>
    <table width="980" border="1" cellspacing="0" cellpadding="0">

    <!– Begin 1° rij met Hoofding–>
    <tr valign="top">
    <td colspan="2"><img src="sliced/SYP_micro_title.jpg" alt="sell your photos | micro_top"></td>
    <td width="430" rowspan="13"><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr valign="top">
    <td rowspan="2"><img src="sliced/SYP_micro_contentbox_top1.jpg" alt="sell your photos | micro_top"></td>
    </tr>
    <tr>
    <!– extra linkervak om tekst intespringen, verander bgcolor om evt te zien waarom en hoe –>
    <!– verhoog de waarde van rowspan naargelang het # contentboxen : waarde = (# teksten + 2) –>
    <!– Hier komt de tekst die naast de contentbox staat –>
    </tr>
    <tr>
    <td valign="top"><a href="SYF_micro_E_1.html" title="01.Introduction" onmouseover="document.sub_but1.src='sliced/SYP_micro_E_01_black.jpg'" onmouseout="document.sub_but1.src='sliced/SYP_micro_E_01_grey.jpg'"> <img src="sliced/SYP_micro_E_01_grey.jpg" "STYLE="border-style: none" NAME="sub_but1" alt="01.Introduction"></a></td>
    </tr>
    <tr>
    <td valign="top"><a href="SYF_micro_E_2.html" title="02.Times have changed" onmouseover="document.sub_but3.src='sliced/SYP_micro_E_02_black.jpg'" onmouseout="document.sub_but3.src='sliced/SYP_micro_E_02_grey.jpg'"> <img src="sliced/SYP_micro_E_02_grey.jpg" "STYLE="border-style: none" NAME="sub_but3" alt="02.Times have changed"></a></td>
    </tr>
    <tr>
    <td valign="top"><a href="SYF_micro_E_2.html" title="02.Times have changed" onmouseover="document.sub_but2.src='sliced/SYP_micro_E_02_black.jpg'" onmouseout="document.sub_but2.src='sliced/SYP_micro_E_02_grey.jpg'"> <img src="sliced/SYP_micro_E_02_grey.jpg" "STYLE="border-style: none" NAME="sub_but2" alt="02.Times have changed"></a></td>
    </tr>
    <tr>
    <td valign="top"><a href="SYF_micro_E_2.html" title="02.Times have changed" onmouseover="document.sub_but2.src='sliced/SYP_micro_E_02_black.jpg'" onmouseout="document.sub_but2.src='sliced/SYP_micro_E_02_grey.jpg'"> <img src="sliced/SYP_micro_E_02_grey.jpg" "STYLE="border-style: none" NAME="sub_but2" alt="02.Times have changed"></a></td>
    </tr>
    <tr>
    <td valign="top"><a href="SYF_micro_E_2.html" title="02.Times have changed" onmouseover="document.sub_but2.src='sliced/SYP_micro_E_02_black.jpg'" onmouseout="document.sub_but2.src='sliced/SYP_micro_E_02_grey.jpg'"> <img src="sliced/SYP_micro_E_02_grey.jpg" "STYLE="border-style: none" NAME="sub_but2" alt="02.Times have changed"></a></td>
    </tr>
    <tr>
    <td valign="top"><a href="SYF_micro_E_2.html" title="02.Times have changed" onmouseover="document.sub_but2.src='sliced/SYP_micro_E_02_black.jpg'" onmouseout="document.sub_but2.src='sliced/SYP_micro_E_02_grey.jpg'"> <img src="sliced/SYP_micro_E_02_grey.jpg" "STYLE="border-style: none" NAME="sub_but2" alt="02.Times have changed"></a></td>
    </tr>
    <tr>
    <td valign="top"><a href="SYF_micro_E_2.html" title="02.Times have changed" onmouseover="document.sub_but2.src='sliced/SYP_micro_E_02_black.jpg'" onmouseout="document.sub_but2.src='sliced/SYP_micro_E_02_grey.jpg'"> <img src="sliced/SYP_micro_E_02_grey.jpg" "STYLE="border-style: none" NAME="sub_but2" alt="02.Times have changed"></a></td>
    </tr>
    <tr>
    <td valign="top"><a href="SYF_micro_E_2.html" title="02.Times have changed" onmouseover="document.sub_but2.src='sliced/SYP_micro_E_02_black.jpg'" onmouseout="document.sub_but2.src='sliced/SYP_micro_E_02_grey.jpg'"> <img src="sliced/SYP_micro_E_02_grey.jpg" "STYLE="border-style: none" NAME="sub_but2" alt="02.Times have changed"></a></td>
    </tr>
    <tr>
    <td valign="top"><a href="SYF_micro_E_2.html" title="02.Times have changed" onmouseover="document.sub_but2.src='sliced/SYP_micro_E_02_black.jpg'" onmouseout="document.sub_but2.src='sliced/SYP_micro_E_02_grey.jpg'"> <img src="sliced/SYP_micro_E_02_grey.jpg" "STYLE="border-style: none" NAME="sub_but2" alt="02.Times have changed"></a></td>
    </tr>
    <tr>
    <td valign="top"><a href="SYF_micro_E_2.html" title="02.Times have changed" onmouseover="document.sub_but2.src='sliced/SYP_micro_E_02_black.jpg'" onmouseout="document.sub_but2.src='sliced/SYP_micro_E_02_grey.jpg'"> <img src="sliced/SYP_micro_E_02_grey.jpg" "STYLE="border-style: none" NAME="sub_but2" alt="02.Times have changed"></a></td>
    </tr>
    <tr>
    <td valign="top"><a href="SYF_micro_E_2.html" title="02.Times have changed" onmouseover="document.sub_but2.src='sliced/SYP_micro_E_02_black.jpg'" onmouseout="document.sub_but2.src='sliced/SYP_micro_E_02_grey.jpg'"> <img src="sliced/SYP_micro_E_02_grey.jpg" "STYLE="border-style: none" NAME="sub_but2" alt="02.Times have changed"></a></td>
    </tr>
    <tr>
    <td valign="top"><a href="SYF_micro_E_2.html" title="02.Times have changed" onmouseover="document.sub_but2.src='sliced/SYP_micro_E_02_black.jpg'" onmouseout="document.sub_but2.src='sliced/SYP_micro_E_02_grey.jpg'"> <img src="sliced/SYP_micro_E_02_grey.jpg" "STYLE="border-style: none" NAME="sub_but2" alt="02.Times have changed"></a></td>
    </tr>
    <tr>
    <td valign="top"><a href="SYF_micro_E_2.html" title="02.Times have changed" onmouseover="document.sub_but2.src='sliced/SYP_micro_E_02_black.jpg'" onmouseout="document.sub_but2.src='sliced/SYP_micro_E_02_grey.jpg'"> <img src="sliced/SYP_micro_E_02_grey.jpg" "STYLE="border-style: none" NAME="sub_but2" alt="02.Times have changed"></a></td>
    </tr>
    <tr>
    <td valign="top"><a href="SYF_micro_E_2.html" title="02.Times have changed" onmouseover="document.sub_but2.src='sliced/SYP_micro_E_02_black.jpg'" onmouseout="document.sub_but2.src='sliced/SYP_micro_E_02_grey.jpg'"> <img src="sliced/SYP_micro_E_02_grey.jpg" "STYLE="border-style: none" NAME="sub_but2" alt="02.Times have changed"></a></td>
    </tr>
    <tr>
    <td valign="top"><a href="SYF_micro_E_2.html" title="02.Times have changed" onmouseover="document.sub_but2.src='sliced/SYP_micro_E_02_black.jpg'" onmouseout="document.sub_but2.src='sliced/SYP_micro_E_02_grey.jpg'"> <img src="sliced/SYP_micro_E_02_grey.jpg" "STYLE="border-style: none" NAME="sub_but2" alt="02.Times have changed"></a></td>
    </tr>
    <tr>
    <td valign="top"><img src="sliced/SYP_micro_contentbox_bottem.jpg" alt="sell your photos | content_bottem"></td>
    </tr>

    </table></td>
    </tr>
    <tr>
    <!– extra linkervak om tekst intespringen, verander bgcolor om evt te zien waarom en hoe –>
    <td width="50" rowspan="13" align="left" bgcolor="#FFFFFF">&nbsp;</td>
    <!– verhoog de waarde van rowspan naargelang het # contentboxen : waarde = (# teksten + 2) –>
    <!– Hier komt de tekst die naast de contentbox staat –>
    <td width="500" rowspan="13" valign="top">

    <br><div align="center">
    <script type="text/javascript"><!–
    google_ad_client = "pub-4800619261704240";
    google_alternate_color = "FFFFFF";
    google_ad_width = 468;
    google_ad_height = 15;
    google_ad_format = "468x15_0ads_al";
    google_ad_channel = "";
    google_color_border = "FFFFFF";
    google_color_bg = "FFFFFF";
    google_color_link = "000000";
    google_color_text = "000000";
    google_color_url = "008000";
    //–></script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script></div><br><br><br>


    <div align="right" class="klein"> <a href="SYF_micro_N_1.html" STYLE="text-decoration: none">Nederlandse Versie &nbsp; <img src="images/image_flag_dutch.gif" border="0"alt="nederlandse vlag" width="15" height="10"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>

    <div align="center"><H1>
    1. Introduction
    </H1></div>
    <br>
    The following question keeps returning on messageboards :<br><br><br>
    <div class="gekleurd">&quot; Who sells at microstocksites, and how much do you earn ? &quot;</div>
    <br><br>
    Therefore I thought it would be interesting to write an article about this subject. When I began writing I thought it would take me 2 or at the most 3 pages, but things turned out differently.<br><br>
    The first version of this article contained 5 HTML-pages (12 .doc pages) and even then I had to skip several subjects I initially wanted to cover. So I started all over again and you're reading the result of that second attempt right now.
    <br><br>
    Now back to that original question : &quot;Who sells at microstocks ?&quot;
    <br><br>
    A year ago there was a similar discussion on the forum of
    <a href="http://www.belgiumdigital.com/home" target='_blank' STYLE="text-decoration: underline">BelgiumDigital.com</a>. Most members didn't like it then. Especially the fact that a photographer only would get $0.20 for a sale while the site itself earns $0.80, was seen as unacceptable.
    <br><br>
    I myself found such a ratio pretty absurd too. Why would I want to sell my pictures for a lousy $0.20 a piece. I'd rather let them sit useless on my harddisk !!
    <br><br>
    Well, they did sit useless on my harddisk for a year. And they surely earned less then $0.20 a piece in that time ;-) .
    Therefore, a month ago <i>(at the time of writing)</i>, I decided to give it a go.
    <br><br>
    Do I regret this ? This you can read at the end of this article. </td>
    </tr>

    <!– In de rijen hieronder zit maar 1 <td>, de eerste <td> zit vervat in de rowspan="x" net boven de google adsense–>

    <tr>
    <td valign="top">&nbsp;</td>
    </tr><tr>
    <td valign="top">&nbsp;</td>
    </tr><tr>
    <td valign="top">&nbsp;</td>
    </tr><tr>
    <td valign="top">&nbsp;</td>
    </tr><tr>
    <td valign="top">&nbsp;</td>
    </tr><tr>
    <td valign="top">&nbsp;</td>
    </tr><tr>
    <td valign="top">&nbsp;</td>
    </tr><tr>
    <td valign="top">&nbsp;</td>
    </tr><tr>
    <td valign="top">&nbsp;</td>
    </tr><tr>
    <td valign="top">&nbsp;</td>
    </tr>
    <tr>
    <td valign="top">&nbsp;</td>
    </tr>
    <tr>
    <!–extra veld om contentbox 'boven en dicht' te houden, verander bgcolor om te zien hoe en waarom, verhhog de waarde indien de tabel open komt–>
    <td height="200" bgcolor="#FFFFFF">&nbsp;</td>
    </tr>
    <!– Einde 1° rij met Hoofding–>
    </table>
    <!– Einde tabel met hoofdpagina : tabel_02 –>


    </td>
    <td width="50%" bgcolor="#FFFFFF">&nbsp;</td>
    </tr>
    </table>
    <!– Einde allesomvattende : tabel_01 –>


    </body>
    </html>
    [/code:1:e0825525ae]
    Beetje slordige code trouwens… Enorm veel ongebruikte tabelkolommen en ook lelijke borders..

    Wat betreft het scrollen kan je het oplossen door de content in een div te plaatsen en daar een css regel op toe te passen:
    [code:1:e0825525ae]
    <div style="overflow:hidden; ">/*content hier */</div>
    [/code:1:e0825525ae]
    Hierdoor wordt de tekst die buiten de marges valt simpelweg "verborgen". Een niet al te mooie oplossing, maar zo kan het dus.
  • Tnx voor de input Carlo, zal zeker je oplossing onthouden.

    Maar ik heb er 2 tabellen van gemaakt en die naast elkaar gezet, nu beinvloed de ene kant de andere niet meer.

    Slordige code ?? :roll: tja … zei ik niet dat ik een noob ben 8) maar ik probeer hem compatible te houden met IE en FF.

    Wat bedoelde je trouwens met lelijke borders ?

    nog opmerkingen ?? spuw ze maar, beter nu dan als ik aan pagina 15 zit.

    Greetz
    Stefan
  • Als je een probleem wilt oplossen, zou je het probleem moeten isoleren, d.w.z. alle irrelevante code moeten verwijderen of tijdelijk uitschakelen en kijken of het probleem er dan nog steeds is. Zou dat eerst eens proberen.

    (Daarnaast haal je sowieso niemand over om aan je probleem te zitten als men een berg code krijgt voorgeschoteld…)
  • Ik zou nooit je echte naam als ondertekening van een site gebruiken.
  • [quote:b7739142ef="stee0036"]Ik zou nooit je echte naam als ondertekening van een site gebruiken.[/quote:b7739142ef]

    tja, als ik er 'perrush' onder zet (wat ik waarschijnlijk wel zal doen) en ze doen een search met google … …
  • [quote:81e83caec8="stee0036"]Ik zou nooit je echte naam als ondertekening van een site gebruiken.[/quote:81e83caec8]
    Hum, waarom niet? Als het een zakelijke site is, wil je dan ook een of andere nickname gaan gebruiken? :lol: Wat ik me nog enigzins kan voorstellen is dat je niet je e-mailadres bloot wil geven, en dat je dan een mailscript inelkaar schroeft…

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.