Bokt.nl

**Geplaatst door de TopicStarter** : 20-07-09 01:07

HTML/CSS voor gevorderden

Geplaatst door de TopicStarter : 20-07-09 01:07

Code: <html> <head> <title>Untitled-1</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> A:link { text-decoration: none; color:#000000; } A:visited { text-decoration: none; color:#000000; } A:active { text-decoration: none; color:#000000; } A:hover { text-decoration: none; color:#000000; } iframe { allowtransparency: true; background: transparent; background-image: url(images/ive_19.gif); } td { border-width: 0; font-family: tahoma; color: #000000; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; padding: 0; } </style> </head> <body bgcolor="#191919" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">  <center><table id="Table_01" width="951" height="701" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="19"> <img src="images/ive_01.jpg" width="950" height="138" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="138" alt=""></td> </tr> <tr> <td colspan="5" rowspan="2"> <img src="images/ive_02.jpg" width="513" height="72" alt=""></td> <td colspan="2"> <a href="home.html"><img src="images/ive_03.gif" width="33" height="8" alt=""></a></td> <td> <img src="images/ive_04.gif" width="7" height="8" alt=""></td> <td colspan="2"> <a href="informatie.html"><img src="images/ive_05.gif" width="77" height="8" alt=""></a></td> <td> <img src="images/ive_06.gif" width="11" height="8" alt=""></td> <td> <a href="portfolio.html"><img src="images/ive_07.gif" width="67" height="8" alt=""></a></td> <td> <img src="images/ive_08.gif" width="12" height="8" alt=""></td> <td> <a href="fotoshoot.html"><img src="images/ive_09.gif" width="70" height="8" alt=""></a></td> <td> <img src="images/ive_10.gif" width="9" height="8" alt=""></td> <td> <a href="evenementen.html"><img src="images/ive_11.jpg" width="79" height="8" alt=""></a></td> <td colspan="3" rowspan="2"> <img src="images/ive_12.jpg" width="72" height="72" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="8" alt=""></td> </tr> <tr> <td colspan="11"> <img src="images/ive_13.jpg" width="365" height="64" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="64" alt=""></td> </tr> <tr> <td colspan="3" rowspan="2"> <img src="images/ive_14.jpg" width="446" height="319" alt=""></td> <td colspan="14"> <img src="images/ive_15.gif" width="442" height="266" alt=""></td> <td colspan="2" rowspan="2"> <img src="images/ive_16.jpg" width="62" height="319" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="266" alt=""></td> </tr> <tr> <td colspan="14"> <img src="images/ive_17.jpg" width="442" height="53" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="53" alt=""></td> </tr> <tr> <td colspan="2" rowspan="3"> <img src="images/ive_18.jpg" width="399" height="126" alt=""></td> <td colspan="16"> <iframe src="nieuws.html" name="iframe" width="507" height="102" frameborder="0" allowtransparency="true" background="transparent"></iframe></td> <td rowspan="6"> <img src="images/ive_20.jpg" width="44" height="171" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="102" alt=""></td> </tr> <tr> <td colspan="16"> <img src="images/ive_21.jpg" width="507" height="22" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="22" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/ive_22.jpg" width="134" height="2" alt=""></td> <td colspan="3" rowspan="3"> <img src="images/ive_23.gif" width="59" height="16" alt=""></td> <td colspan="9" rowspan="4"> <img src="images/ive_24.jpg" width="314" height="47" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="2" alt=""></td> </tr> <tr> <td rowspan="3"> <img src="images/ive_25.jpg" width="336" height="45" alt=""></td> <td colspan="3"> <img src="images/ive_26.gif" width="171" height="12" alt=""></td> <td colspan="2" rowspan="3"> <img src="images/ive_27.jpg" width="26" height="45" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="12" alt=""></td> </tr> <tr> <td colspan="3" rowspan="2"> <img src="images/ive_28.jpg" width="171" height="33" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="2" alt=""></td> </tr> <tr> <td colspan="3"> <img src="images/ive_29.jpg" width="59" height="31" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="31" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="336" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="63" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="47" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="61" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="6" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="20" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="13" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="7" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="39" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="38" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="11" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="67" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="12" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="70" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="9" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="79" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="10" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="18" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="44" height="1" alt=""></td> <td></td> </tr> </table> </center>  </body> </html>

Het probleem:
http://img403.yfrog.com/i/probleem.jpg/

Heb al verschillende dingen geprobeerd om die lijn weg te krijgen, maar niks werkt. Is er een HTML/CSS guru die hier even een blik op zou willen werpen? Het probleem ontstond toen ik de links heb toegevoegd aan de kopjes bovenaan.

**Geplaatst**: 20-07-09 17:52

Re: HTML/CSS voor gevorderden

Geplaatst: 20-07-09 17:52

Om uit te zoeken is het altijd handig om een voorbeeldpagina online te plaatsen, zodat anderen het probleem ook kunnen bekijken. Een plaatje alleen is niet genoeg, en met alle niet-werkende afbeeldingen is het haast onmogelijk om iets te debuggen.

Mijn vermoeden is dus slechts een gok, ik kan het niet controleren, maar probeer het eens door aan de css toe te voegen:

Code: a img{ border: 0; }

(PS, je mist nog een doctype, en het bouwen van pagina's met alleen maar plaatjes is meestal geen aanrader, zo is je site bv niet te indexeren door google. De spacers zijn verder volstrekt overbodig, ik weet niet wat je precies wilt bereiken maar er zijn altijd betere methoden dan deze

)

**Geplaatst**: 21-07-09 11:03

Re: HTML/CSS voor gevorderden

Geplaatst: 21-07-09 11:03

Ik ben zoals Shadow0 benieuwd naar een voorbeeldpagina, desnoods in een PB

Op het eerste zicht denk ik dat het eerder aan de spacer.gif ligt, als dat een zwarte lijn is?

**Geplaatst door de TopicStarter** : 21-07-09 13:06

Re: HTML/CSS voor gevorderden

Geplaatst door de TopicStarter : 21-07-09 13:06

Hij doet het inmiddels, toch bedankt!

www.ingevaneekelen.nl

Zal er in het vervolg aan denken om 'm gewoon te uploaden. Alleen maar plaatjes, tja; ik ben best handig met HTML en CSS maar zou niet weten hoe ik het voor elkaar moet krijgen zonder een segmentering in PS

**Geplaatst**: 21-07-09 14:35

Re: HTML/CSS voor gevorderden

Geplaatst: 21-07-09 14:35

Dat is de moeite van het investeren waard

Dit gaat namelijk geheid tot veel frustratie leiden.

**Geplaatst**: 22-07-09 13:07

Re: HTML/CSS voor gevorderden

Geplaatst: 22-07-09 13:07

Nog even een paar opmerkingen: de scrollende tekst zou voor mij absoluut een reden zijn om meteen weer rechtsomkeert te maken als ik niet heel dringend op je site zou hoeven zijn. Deze zou ik dus weghalen. Het leidt enorm af.

Ook wordt de ruimte van het scherm erg inefficient gebruikt. Meer dan de helft van het scherm is bij mijn ongebruikt, maar voor de tekst is maar een heel klein stukje beschikbaar. Dat is niet handig en niet prettig voor de gebruikers. De scrollbalk staat misplaatst: Firefox doet niet aan gestylede scrollbalken (en geheel terecht.)

Het soort site dat jij maakt kan prima met eenvoudige html/css gemaakt worden met een paar afbeeldingen in de achtergrond, dat is eenvoudiger en minder frustrerend, technisch een stuk beter en prettiger voor de gebruiker.