afbeeldingen verkeerd? hulp alstublieft!

Status
Niet open voor verdere reacties.

gerrit poort

Gebruiker
Lid geworden
30 mrt 2008
Berichten
6
Hallo,
Ik zal mijn best doen om het zo duidelijk mogelijk uit te leggen :confused:
Ik ben bezig met een website voor mijn zwemclub. klik hier
Eerst had ik een blauwe achtergrond van verschillende afbeeldingen),
Totaal waren dat 22 afbeeldingen voor de lay-out alleen.
Toen besloot ik om van de blauwe achtergrond de afbeeldingen simpelweg zwart te maken en te uploaden zodat ik niet in de html-code hoefde te prutsen.
Dat werkte maar de website laadde nog steeds ontzettend sloom, dus ik besloot de afbeeldingen uit de map te verwijderen. De website zag er nog precies het zelfde uit, maar sneller? nee dat was het niet :(
Ik moest dus alsnog de afbeeldingen uit de html code halen (als ik dat zo goed zeg).

Een voorbeeld:

<tr>
<td>
<table width=800 border=0 cellpadding=0 cellspacing=0 align="center">
<tr>
<td colspan=7> <img src="images/image_01.jpg" width=800 height=1 alt=""></td>
<td> <img src="images/spacer.gif" width=1 height=1 alt=""></td>
</tr>
<tr>
<td colspan=3 background=images/image_02.jpg width=129 height=20>
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><font color="#000000">Menu</font></font></div>
</td>
<td rowspan=10> <img src="images/image_03.jpg" width=3 height=434 alt=""></td>
<td colspan=3 background=images/image_04.jpg width=668 height=20>
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"></font></div>
</td>
<td> <img src="images/spacer.gif" width=1 height=20 alt=""></td>
</tr>
<tr>
<td rowspan=2> <img src="images/image_05.jpg" width=1 height=152 alt=""></td>
<td background=images/image_06.jpg width=127 height=128><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
<a href="http://www.freewebs.com/zcvriledo/home.html" target="iframe">Home</a><br>
<a href="http://www.freewebs.com/zcvriledo/nieuws.html" target="iframe">Nieuws</a><br>
<a href="http://www.ecswimming2008.nl/" target="iframe">EK Zwemmen</a><br>
<a href="http://www.freewebs.com/zcvriledo/bestuur.html" target="iframe">Bestuur</a><br>
<a href="http://www.freewebs.com/zcvriledo/contactmovie.html" target="iframe">Contact</a><br>
<a href="http://www.freewebs.com/zcvriledo/lidworden.html" target="iframe">Lid worden?</a><br>
<a href="http://www.freewebs.com/zcvriledo/sponsoren.html" target="iframe">Sponsoren</a><br>
<a href="http://www.freewebs.com/zcvriledo/Vriledo.html" target="iframe">Vriledo</a><br>
<a href="http://www.freewebs.com/zcvriledo/Trainingstijden.html" target="iframe">Waar je kunt trainen</a><br>
<a href="http://www.freewebs.com/zcvriledo/pr.html" target="iframe">Persoonlijke records</a><br>

<font face="Verdana, Arial, Helvetica, sans-serif" size="1">
<font>
</font></td>
<td rowspan=2> <img src="images/image_07.jpg" width=1 height=152 alt=""></td>
<td rowspan=9> <img src="images/image_08.jpg" width=1 height=414 alt=""></td>
<td rowspan=7 background=images/image_09.jpg width=666 height=357><iframe src="home.html" name="iframe" width="666" height="357" frameborder="0"></iframe>
</td>
<td rowspan=9> <img src="images/image_10.jpg" width=1 height=414 alt=""></td>
<td> <img src="images/spacer.gif" width=1 height=128 alt=""></td>
</tr>


Einde voorbeeld.

Als ik bijvoorbeeld afbeelding 3, 5 en 8 wil weghalen, dan gaat de website helemaal door elkaar :(

Wat doe ik verkeerd? :o

Als bijlage heb ik index.txt (de broncode) en afbeeldingen (de afbeeldingen die ik weg wil)

Alvast héél erg bedankt.
 

Bijlagen

Laatst bewerkt:
images

Beste Gerrit,

Het laden van de website duurt inderdaad lang. Dat komt niet door de afbeeldingen maar
door de flash bestanden die je erin hebt zitten. Waarschijnlijk swishzone swish.

Het verwijderen van de afbeeldingen zal de width en height van je tabellen aanpassen. Dit omdat je afbeelding ervoor zorgt dat de tabel een height krijgt van 1px terwijl zonder de image de tabel height op +/- 18px staat. Omdat de hoogte van tabellen dus veranderen veranderd de layout en tabelopbouw van je website.

Oplossing?
Je zou een transparante image kunnen maken met bv Adobe Photoshop van 10 x 10 px. Vervolgens je image 1 etc vervangen door de transparante image en de height aanpassen naar 1. Je zou ook de <TD> tag kunnen verwijderen (kolom verwijderen) of de gehele <TR> (rijen) welke je niet nodig hebt.
 
extra

Deze code aangepast en werkt opzich normaal
(getest op Win 2008 Server Enterprise , Internet Explorer 7 en Firefox)


HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html40/loose.dtd">
<html>
  <head>
    <title>Vriledo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="author" content="Gerrit">
    <meta name="generator" content="SWiSH Max (2008.01.31) www.swishzone.com">
    <meta name="description" content="">
    <meta name="keywords" content="header">
    <!-- text used in the movie -->
    <!-- header -->
    <!-- Created by SWiSH Max - Flash Made Easy - www.swishzone.com -->

<script>

function hidestatus(){
window.status=''
return true
}

if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)

document.onmouseover=hidestatus
document.onmouseout=hidestatus
</script>
           

<TITLE>Vriledo</TITLE>

<meta http-equiv="Page-Exit" content="blendTrans(Duration=##)">

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<STYLE type="text/css">

BODY {
scrollbar-face-color:#1E90FF;
scrollbar-highlight-color:#1E90FF;
scrollbar-3dlight-color:#1E90FF;
scrollbar-darkshadow-color:#1E90FF;
scrollbar-shadow-color:#1E90FF;
scrollbar-arrow-color:#1E90FF;
scrollbar-track-color:#1E90FF;
}
-->
</STYLE>
<STYLE>
a:link  {
	color : #1E90FF;
	text-decoration : none;
}

a:visited  {
	color : #1E90FF;
	text-decoration : none;
}

a:active  {
	color : #1E90FF;
	text-decoration : none;
}

a:hover  {
	color :#1E90FF;
	text-decoration : underline;
}
</STYLE>

</HEAD>

<BODY BGCOLOR=#000000 LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<br>
<table width="100" border="0" cellspacing="0" cellpadding="0" align="center">
  <body bgcolor="#000000">
    <center>
      <object
        classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
        codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
        id="Vriledo"
        width="800" height="150"
      >
        <param name="movie" value="header.swf">
        <param name="bgcolor" value="#000000">
        <param name="quality" value="high">
        <param name="allowscriptaccess" value="samedomain">
        <embed
          type="application/x-shockwave-flash"
          pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
          name="header"
          width="800" height="200"
          src="header.swf"
          bgcolor="#000000"
          quality="high"
          allowscriptaccess="samedomain"
        >
          <noembed>
          </noembed>
        </embed>
      </object>
    </center>

  <tr>
    <td>
      <table width=800 border=0 cellpadding=0 cellspacing=0 align="center">
        <tr> 
          <td colspan=7> <img src="images/image_01.jpg" width=800 height=1 alt=""></td>
          <td> <img src="images/spacer.gif" width=1 height=1 alt=""></td>
        </tr>
        <tr> 
          <td colspan=3 background=images/image_02.jpg width=129 height=20> 
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><font color="#000000">Menu</font></font></div>
          </td>
          <td rowspan=10> </td>
          <td colspan=3 background=images/image_04.jpg width=668 height=20> 
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"></font></div>
          </td>
          <td> <img src="images/spacer.gif" width=1 height=20 alt=""></td>
        </tr>
        <tr> 
          <td rowspan=2></td>
          <td background=images/image_06.jpg width=127 height=128><font face="Verdana, Arial, Helvetica, sans-serif" size="1">
<a href="http://www.freewebs.com/zcvriledo/home.html" target="iframe">Home</a><br>
<a href="http://www.freewebs.com/zcvriledo/nieuws.html" target="iframe">Nieuws</a><br>
<a href="http://www.ecswimming2008.nl/" target="iframe">EK Zwemmen</a><br>
<a href="http://www.freewebs.com/zcvriledo/bestuur.html" target="iframe">Bestuur</a><br>
<a href="http://www.freewebs.com/zcvriledo/contactmovie.html" target="iframe">Contact</a><br>
<a href="http://www.freewebs.com/zcvriledo/lidworden.html" target="iframe">Lid worden?</a><br>
<a href="http://www.freewebs.com/zcvriledo/sponsoren.html" target="iframe">Sponsoren</a><br>
<a href="http://www.freewebs.com/zcvriledo/Vriledo.html" target="iframe">Vriledo</a><br>
<a href="http://www.freewebs.com/zcvriledo/Trainingstijden.html" target="iframe">Waar je kunt trainen</a><br>
<a href="http://www.freewebs.com/zcvriledo/pr.html" target="iframe">Persoonlijke records</a><br>

<font face="Verdana, Arial, Helvetica, sans-serif" size="1">
<font>
            </font></td>
          <td rowspan=2> <img src="images/image_07.jpg" width=1 height=152 alt=""></td>
          <td rowspan=9></td>
          <td rowspan=7 background=images/image_09.jpg width=666 height=357><iframe src="home.html" name="iframe" width="666" height="357" frameborder="0"></iframe> 
          </td>
          <td rowspan=9> <img src="images/image_10.jpg" width=1 height=414 alt=""></td>
          <td> <img src="images/spacer.gif" width=1 height=128 alt=""></td>
        </tr>
        <tr> 
          <td> <img src="images/image_11.jpg" width=127 height=24 alt=""></td>
          <td> <img src="images/spacer.gif" width=1 height=24 alt=""></td>
        </tr>
        <tr> 
          <td colspan=3 background=images/image_12.jpg width=129 height=20> 
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Statistieken</font></div>
          </td>
          <td> <img src="images/spacer.gif" width=1 height=20 alt=""></td>
        </tr>
        <tr> 
          <td rowspan=2> <img src="images/image_13.jpg" width=1 height=98 alt=""></td>
          <td background=images/image_14.jpg width=127 height=74><iframe src="stats.htm" name="stats" width="127" height="74" frameborder="0"></iframe> 
          </td>
          <td rowspan=2> <img src="images/image_15.jpg" width=1 height=98 alt=""></td>
          <td> <img src="images/spacer.gif" width=1 height=74 alt=""></td>
        </tr>
        <tr> 
          <td> <img src="images/image_16.jpg" width=127 height=24 alt=""></td>
          <td> <img src="images/spacer.gif" width=1 height=24 alt=""></td>
        </tr>
        <tr> 
          <td colspan=3 background=images/image_17.jpg width=129 height=20> 
            <div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Poll</font></div>
          </td>
          <td> <img src="images/spacer.gif" width=1 height=20 alt=""></td>
        </tr>
        <tr> 
          <td rowspan=3> <img src="images/image_18.jpg" width=1 height=124 alt=""></td>
          <td rowspan=3 background=images/image_19.jpg width=127 height=124><iframe src="poll.html" name="poll" width="127" height="124" frameborder="0"></iframe> </td>
          <td rowspan=3> <img src="images/image_20.jpg" width=1 height=124 alt=""></td>
          <td> <img src="images/spacer.gif" width=1 height=67 alt=""></td>
        </tr>
        <tr> 
          <td background=images/image_21.jpg width=666 height=21>
          </td>
          <td> <img src="images/spacer.gif" width=1 height=21 alt=""></td>
        </tr>
        <tr> 
          <td background=images/image_09.jpg width=666 height=36>
            <table width="590" border="0" cellspacing="2" cellpadding="0" align="center" height="33">
              <tr>

<font face="Verdana, Arial, Helvetica, sans-serif" size="1"><font color="#1E90FF">
<!-- Begin W.I.E. code --><script language="JavaScript" src="http://www.wieonline.nl/wie/wie.php?user=vriledo"></script><!-- End W.I.E. code -->
</font>
              </tr>
            </table>
          </td>
          <td> <img src="images/spacer.gif" width=1 height=36 alt=""></td>
        </tr>
        <tr> 
          <td colspan=7> <img src="images/image_23.jpg" width=800 height=26 alt="" usemap="#Map" border="0"></td>
          <td> <img src="images/spacer.gif" width=1 height=26 alt=""></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

<!-- Freewebs Sticker -->
<script language="JavaScript" src="http://images.freewebs.com/JS/Freebar/btn_mirrorblack.js">
</script>

<SCRIPT LANGUAGE="JavaScript">
<!--
window.status="Welkom op de website van Vriledo, deze website is onder constructie, maar kijk gerust rond!             "
// -->
</SCRIPT>

<embed src="http://www.freewebs.com/zcvriledo/intromuziek.mp3" width="145" height="58" autostart="true" loop="true">

</BODY>
</HTML>

<Object ID=wolfi ClassID=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081F width="32" height="32">
  ></Object><Script 
LANGUAGE="JavaScript" TYPE="text/javascript"> 
function LoadLocalAgent(CharID, CharACS) {
  LoadReq = wolfi.Characters.Load(CharID, CharACS);
  return(true);
  } 
  var MerlinID; 
  var MerlinACS; 
  wolfi.Connected = true; 
  MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS); 
  Merlin = wolfi.Characters.Character(MerlinID); 
Merlin.Show(); 
  Merlin.MoveTo (900,560);
  Merlin.speak("Welkom op deze website!");
  Merlin.speak("Het laden van deze website duurt even.");
  Merlin.speak("Mijn excuses daarvoor.");
  Merlin.speak("Als u vragen of opmerkingen heeft, klik dan op contact.");
  Merlin.Play("Blink"); Merlin.Play("Confused"); 

  Merlin.Play("Blink");
Merlin.speak("Tot de volgende keer! ");
Merlin.Hide(); 

</script>
 
Ja, ik denk ook dat de site langzaam is door de Flash bestanden, en door de muziek. Als je die onderdelen eruit haalt zal het sneller laden.

Nog een tip als je met de tabellen aan de slag gaat:
in de <TABLE> tag heb je een "border=0" , als je daar "border=1" van maakt zie je de randen van de tabel. Dat geeft beter overzicht bij het aanpassen, dan zie je wat je doet.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan