Ik heb een nieuwe layout gemaakt met Photoshop. Nou heb ik dus allemaal iconen enzo er gelijk ingemaakt en die in een aparte slice gedaan. Als ik er dan een link op zet, word het heel vreemd in mijn browser 
Hier zie je dat hij 'uit me kaar' gehaald word. KLIK
Het is heel vreemd, ik zet alleen maar de links erin en de mouseovers ...
Je zou denken dat dat niets uitmaakt .. Maar toen in het bestand kopieerde, en die aanpaste, (dus de links enzo eruit). Is hij normaal
Hoe kan dit ??? De code van de pagina:
| Code: |
<html>
<head>
<title>The Weather Change</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="mouseover.js"></script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><center>
<!-- ImageReady Slices (The Weather Change.psd) -->
<table id="Table_01" width="851" height="1001" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="19">
<img src="images/TWC_01.gif" width="850" height="23" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td colspan="10">
<img src="images/TWC_02.gif" width="517" height="1" alt=""></td>
<td rowspan="2">
<a href="javascript:history.go(1)">
<img border="0" src="images/TWC_03.gif" width="41" height="32" alt=""></a>
</td>
<td rowspan="3">
<img src="images/TWC_04.gif" width="15" height="58" alt=""></td>
<td rowspan="2">
<a href="printversie-pagina.html" target="_blank">
<img src="images/TWC_05.gif" width="35" height="32" alt="" border="0"></a>
</td>
<td rowspan="2">
<a href="contact.php">
<img src="images/TWC_06.gif" width="42" height="32" alt="" border="0"></a>
</td>
<td rowspan="2">
<a href="zoek.php">
<img src="images/TWC_07.gif" width="44" height="32" alt="" border="0"></a>
</td>
<td rowspan="3">
<img src="images/TWC_08.gif" width="70" height="58" alt=""></td>
<td colspan="2" rowspan="2">
<a href="javascript:window.close()" onMouseover="muisop('plaatje11'); return true" onMouseout="muisaf('plaatje11');">
<img src="images/TWC_09.gif" name="plaatje11" width="48" height="32" alt="" border="0"></a>
</td>
<td rowspan="24">
<img src="images/TWC_10.gif" width="38" height="977" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="2">
<img src="images/TWC_11.gif" width="343" height="57" alt=""></td>
<td>
<a class="chlnk" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://...');" style="CURSOR:hand">
<img src="images/TWC_12.gif" width="38" height="31" alt="" border="0"></a>
</td>
<td>
<a href="javascript:window.external.AddFavorite('http://...', 'The Weather Change')">
<img border="0" src="images/TWC_13.gif" width="44" height="31" alt=""></a>
</td>
<td>
<a href="javascript:history.go(-1)">
<img src="images/TWC_14.gif" width="46" height="31" alt="" border="0"></a>
</td>
<td>
<a href="javascript:history.go(0)" target="_self">
<img src="images/TWC_15.gif" width="46" height="31" alt="" border="0"></a>
</td>
<td>
<img src="images/spacer.gif" width="1" height="31" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/TWC_16.gif" width="215" height="26" alt=""></td>
<td colspan="3">
<img src="images/TWC_17.gif" width="121" height="26" alt=""></td>
<td colspan="2" rowspan="20">
<img src="images/TWC_18.gif" width="48" height="873" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/TWC_19.gif" width="295" height="38" alt=""></td>
<td colspan="12" rowspan="3">
<img src="images/TWC_20.gif" width="469" height="90" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td rowspan="20">
<img src="images/TWC_21.gif" width="47" height="881" alt=""></td>
<td colspan="3">
<a href="" onMouseover="muisop('plaatje1'); return true" onMouseout="muisaf('plaatje1');">
<img src="images/TWC_22.gif" name="plaatje1" width="248" height="26" alt="" border="0"></a>
</td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="" onMouseover="muisop('plaatje2'); return true" onMouseout="muisaf('plaatje2');">
<img src="images/TWC_23.gif" name="plaatje2" width="248" height="26" alt="" border="0"></a>
</td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="" onMouseover="muisop('plaatje3'); return true" onMouseout="muisaf('plaatje3');">
<img src="images/TWC_24.gif" name="plaatje3" width="248" height="26" alt="" border="0"></a>
</td>
<td colspan="12" rowspan="4">
<img src="images/TWC_25.gif" width="469" height="91" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="" onMouseover="muisop('plaatje4'); return true" onMouseout="muisaf('plaatje4');">
<img src="images/TWC_26.gif" name="plaatje4" width="248" height="26" alt="" border="0"></a>
</td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="" onMouseover="muisop('plaatje5'); return true" onMouseout="muisaf('plaatje5');">
<img src="images/TWC_27.gif" name="plaatje5" width="248" height="26" alt="" border="0"></a>
</td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<a href="" onMouseover="muisop('plaatje6'); return true" onMouseout="muisaf('plaatje6');">
<img src="images/TWC_28.gif" name="plaatje6" width="248" height="26" alt="" border="0"></a>
</td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td rowspan="12">
<img src="images/TWC_29.gif" width="3" height="666" alt=""></td>
<td colspan="11" rowspan="4" background="images/TWC_30.gif" valign="middle" align="center">
</td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="" onMouseover="muisop('plaatje7'); return true" onMouseout="muisaf('plaatje7');">
<img src="images/TWC_31.gif" name="plaatje7" width="248" height="26" alt="" border="0"></a>
</td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="" onMouseover="muisop('plaatje8'); return true" onMouseout="muisaf('plaatje8');">
<img src="images/TWC_32.gif" name="plaatje8" width="248" height="26" alt="" border="0"></a>
</td>
<td>
<img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<a href="" onMouseover="muisop('plaatje9'); return true" onMouseout="muisaf('plaatje9');">
<img src="images/TWC_33.gif" name="plaatje9" width="248" height="26" alt="" border="0"></a>
</td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="11" rowspan="2" background="images/TWC_34.gif" valign="middle" align="left">
~ Startpagina</td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3">
<a href="" onMouseover="muisop('plaatje10'); return true" onMouseout="muisaf('plaatje10');">
<img src="images/TWC_35.gif" name="plaatje10" width="248" height="26" alt="" border="0"></a>
</td>
<td>
<img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td colspan="11">
<img src="images/TWC_36.gif" width="466" height="18" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td colspan="11" rowspan="3" background="images/TWC_37.gif" valign="top" align="left">
Hier tekst!</td>
<td>
<img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/TWC_38.gif" width="248" height="48" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="48" alt=""></td>
</tr>
<tr>
<td rowspan="2" background="images/TWC_39.gif" valign="top" align="center">
</td>
<td colspan="2" rowspan="2">
<img src="images/TWC_40.gif" width="45" height="480" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="424" alt=""></td>
</tr>
<tr>
<td colspan="11" rowspan="2">
<img src="images/TWC_41.gif" width="466" height="77" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="56" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="images/TWC_42.gif" width="220" height="59" alt=""></td>
<td>
<img src="images/TWC_43.gif" width="28" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="14">
<img src="images/TWC_44.gif" width="504" height="38" alt=""></td>
<td>
<img src="images/TWC_45.gif" width="41" height="38" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td colspan="17">
<img src="images/TWC_46.gif" width="765" height="34" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="47" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="203" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="28" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="45" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="38" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="44" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="46" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="46" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="41" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="15" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="35" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="42" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="44" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="70" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="41" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="38" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</center></body>
</html> |
Ik kan je niet helpen bij je probleem, maar ik wil je er even op wijzen dat de term 'weersverandering' oftewel 'the weather change' niet klopt. Het klimaat verandert, dat is het probleem. Het weer is over een veel kortere periode en zowiezo veranderlijk. (ten opzichte van de term 'klimaat')
hmm... in Netscape heb je totaal geen problemen en ziet je pagina eruit zoals je wellicht zelf wilt... Ook Firefox doet wat je wilt. Maar... het probleem doet zich enkel voor in IE. Zeggen dat de bezoeker je website niet mag bezoeken met IE is wss geen oplossing...? 
Ik zou persoonlijk zo'n website niet meer maken met tabellen. Deed het vroeger ook, maar als je eens een aanpassing moet maken... Veel geluk !! Ik zou je aanraden om eventueel met divblokken te werken. Het is namelijk zo dat voor IE alles perfect op zijn plaats moet staan. Wss heb je ergens een foutje gemaakt in de hoogtebepaling van je rijen of kolommen... Oplossing als je het toch wilt doen met tabellen: opnieuw beginnen en stapje voor stapje alles gaan invoeren. Normaal zou het moeten werken, maar sommige browsers durven nog eens een andere interpretatie geven van wat jij wilt. Of toch van wat je denkt te willen. Zorg vooraleer je zoiets doet dat je goed weet welke instructies op welke browser van toepassing zijn.
Ik heb je code niet bekeken, zou me teveel tijd kosten en ik zou toch opnieuw moeten beginnen. Volgens mij open je best een nieuwe kladblokpagina en begin je de code maar opnieuw in te tikken. Elke keer je een nieuwe lijn hebt toegevoegd kun je dan checken en zien waar het foutloopt. Zal de beste manier zijn om het zo te doen... Tabellen zijn inderdaad ontworpen om informatie overzichtelijk te presenteren en niet om de lay-out van je website te verzorgen. Ik vind div-elementen beter om mee te werken voor je lay-out dan met tabellen.
Misschien ben je iets met deze link: http://www.sitemasters.be/?pagina=tutorials/tutorials&cat=2&id=90 . Als je de website maakt met photoshop, en dus de plaatjes en de html pagina opslaat, ... word hij zo met tabellen. Dus het kan wel ..
Maar het gaat dus niet helemaal goed.
Als je de pagina bekijkt zonder die links ziet hij er trouwens normaal uit ..
Volgens mij moet dat wel met tabellen, want gedeeltes moeten als achtergrond worden gezet.
Ik ga zometeen eens proberen om alles (via photoshop) op achtergrond te zetten. Misschien is dat een idee 
... Volgens mij niet, want je kan volgens mij geen link zetten op een achtergrond
Ik heb trouwens ook vaker layouts gemaakt met photoshop.. Ging dus ook met tabellen. Die bleef wel normaal
Ik zal ook even met div proberen.. maar ik denk dat dat nog moeilijk word 
Oke, dit lukt echt niet .. De pagina op jouw site die laadt bij mij niet echt, dus ik kan niet echt duidelijk zien hoe je je site er precies uit wilt laten zien.
Wat ik na een kort kijkje in elk geval kan zeggen is, dat je JavaScript gebruikt om plaatjes bij mouse-overs te laten veranderen. Dit kan veel beter gedaan worden met CSS.
Als mijn reactie op het gebruik van tabellen: hoewel div's speciaal gemaakt zijn voor de lay-out van een pagina en tabellen voor het presenteren van data in tabelvorm, is het in sommige gevallen handiger om gewoon tabellen te gebruiken. Bij jouw ontwerp moet ik echter wel zeggen dat het gebruik van div's beter is. Na wat opzoeken op sites over photoshop, zag ik dat ik via photoshop ook via css de pagina kan laten zien 
. Ik zie nu allemaal div dingen .. dus volgens mij werkt het.. Nu maar experimenteren hoe ik alles goed maak
Ik zit nu met 2 problemen..
- Ik krijg hem niet in het midden (center)
- Je ziet bij de layout die verkeerd is, dat "~ Startpagina" in het midden staat verticaal. Dat deed ik door in de td tag dit te zetten: valign="middle". Maar dit lukt niet, ik heb het op 2 manieren geprobeerd:
| Code: |
<div id="TWC-33" style="background-image: url(images/TWC_33.gif);" valign="middle">
Tekst...
</div> |
En
| Code: |
<div id="TWC-33" style="background-image: url(images/TWC_33.gif);">
<p valign="middle">
Tekst...
</p>
</div> |
Meer manieren weet ik ook niet 
Probleem opgelost!!
Dat ik daar niet eerder was achtergekomen 
Als het alleen met een table kan, zet ik er toch een table in
Zo dus:
| Code: |
<div id="TWC-33" style="background-image: url('images/TWC_33.gif')">
<table>
<td valign="middle">
Tekst...
</td>
</table>
</div>
|
Alleen die center ben ik nog steeds niet achter
Last edited by jordi on Sun Aug 26, 2007 8:06 pm; edited 8 times in total Ik zal de code hier ff neerzetten die ik nu heb:
| Code: |
<html>
<head>
<title>The Weather Change</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Styles (The Weather Change.psd) -->
<style type="text/css">
<!--
#Table_01 {
position:center;
left:0px;
top:0px;
width:850px;
height:1000px;
}
#TWC-01 {
position:absolute;
left:0px;
top:0px;
width:850px;
height:23px;
}
#TWC-02 {
position:absolute;
left:0px;
top:23px;
width:343px;
height:58px;
}
#TWC-03 {
position:absolute;
left:343px;
top:23px;
width:38px;
height:32px;
}
#TWC-04 {
position:absolute;
left:381px;
top:23px;
width:44px;
height:32px;
}
#TWC-05 {
position:absolute;
left:425px;
top:23px;
width:46px;
height:32px;
}
#TWC-06 {
position:absolute;
left:471px;
top:23px;
width:46px;
height:32px;
}
#TWC-07 {
position:absolute;
left:517px;
top:23px;
width:41px;
height:32px;
}
#TWC-08 {
position:absolute;
left:558px;
top:23px;
width:15px;
height:58px;
}
#TWC-09 {
position:absolute;
left:573px;
top:23px;
width:35px;
height:32px;
}
#TWC-10 {
position:absolute;
left:608px;
top:23px;
width:42px;
height:32px;
}
#TWC-11 {
position:absolute;
left:650px;
top:23px;
width:44px;
height:32px;
}
#TWC-12 {
position:absolute;
left:694px;
top:23px;
width:70px;
height:58px;
}
#TWC-13 {
position:absolute;
left:764px;
top:23px;
width:48px;
height:32px;
}
#TWC-14 {
position:absolute;
left:812px;
top:23px;
width:38px;
height:977px;
}
#TWC-15 {
position:absolute;
left:343px;
top:55px;
width:215px;
height:26px;
}
#TWC-16 {
position:absolute;
left:573px;
top:55px;
width:121px;
height:26px;
}
#TWC-17 {
position:absolute;
left:764px;
top:55px;
width:48px;
height:873px;
}
#TWC-18 {
position:absolute;
left:0px;
top:81px;
width:295px;
height:38px;
}
#TWC-19 {
position:absolute;
left:295px;
top:81px;
width:469px;
height:90px;
}
#TWC-20 {
position:absolute;
left:0px;
top:119px;
width:47px;
height:881px;
}
#TWC-21 {
position:absolute;
left:47px;
top:119px;
width:248px;
height:26px;
}
#The-Weather-Change-23 {
position:absolute;
left:47px;
top:145px;
width:248px;
height:26px;
}
#TWC-23 {
position:absolute;
left:47px;
top:171px;
width:248px;
height:26px;
}
#TWC-24 {
position:absolute;
left:295px;
top:171px;
width:469px;
height:91px;
}
#TWC-25 {
position:absolute;
left:47px;
top:197px;
width:248px;
height:26px;
}
#TWC-26 {
position:absolute;
left:47px;
top:223px;
width:248px;
height:26px;
}
#TWC-27 {
position:absolute;
left:47px;
top:249px;
width:248px;
height:26px;
}
#TWC-28 {
position:absolute;
left:295px;
top:262px;
width:3px;
height:666px;
}
#TWC-29 {
position:absolute;
left:298px;
top:262px;
width:466px;
height:69px;
}
#TWC-30 {
position:absolute;
left:47px;
top:275px;
width:248px;
height:26px;
}
#TWC-31 {
position:absolute;
left:47px;
top:301px;
width:248px;
height:26px;
}
#TWC-32 {
position:absolute;
left:47px;
top:327px;
width:248px;
height:26px;
}
#TWC-33 {
position:absolute;
left:298px;
top:331px;
width:466px;
height:27px;
}
#TWC-34 {
position:absolute;
left:47px;
top:353px;
width:248px;
height:26px;
}
#TWC-35 {
position:absolute;
left:298px;
top:358px;
width:466px;
height:18px;
}
#TWC-36 {
position:absolute;
left:298px;
top:376px;
width:466px;
height:475px;
}
#TWC-37 {
position:absolute;
left:47px;
top:379px;
width:248px;
height:48px;
}
#TWC-38 {
position:absolute;
left:47px;
top:427px;
width:203px;
height:480px;
}
#TWC-39 {
position:absolute;
left:250px;
top:427px;
width:45px;
height:480px;
}
#TWC-40 {
position:absolute;
left:298px;
top:851px;
width:466px;
height:77px;
}
#TWC-41 {
position:absolute;
left:47px;
top:907px;
width:220px;
height:59px;
}
#TWC-42 {
position:absolute;
left:267px;
top:907px;
width:28px;
height:21px;
}
#TWC-43 {
position:absolute;
left:267px;
top:928px;
width:504px;
height:38px;
}
#TWC-44 {
position:absolute;
left:771px;
top:928px;
width:41px;
height:38px;
}
#TWC-45 {
position:absolute;
left:47px;
top:966px;
width:765px;
height:34px;
}
-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF;">
<!-- ImageReady Slices (The Weather Change.psd) -->
<div id="Table_01">
<div id="TWC-01">
<img src="images/TWC_01.gif" width="850" height="23" alt="">
</div>
<div id="TWC-02">
<img src="images/TWC_02.gif" width="343" height="58" alt="">
</div>
<div id="TWC-03">
<img src="images/TWC_03.gif" width="38" height="32" alt="">
</div>
<div id="TWC-04">
<img src="images/TWC_04.gif" width="44" height="32" alt="">
</div>
<div id="TWC-05">
<img src="images/TWC_05.gif" width="46" height="32" alt="">
</div>
<div id="TWC-06">
<img src="images/TWC_06.gif" width="46" height="32" alt="">
</div>
<div id="TWC-07">
<img src="images/TWC_07.gif" width="41" height="32" alt="">
</div>
<div id="TWC-08">
<img src="images/TWC_08.gif" width="15" height="58" alt="">
</div>
<div id="TWC-09">
<img src="images/TWC_09.gif" width="35" height="32" alt="">
</div>
<div id="TWC-10">
<img src="images/TWC_10.gif" width="42" height="32" alt="">
</div>
<div id="TWC-11">
<img src="images/TWC_11.gif" width="44" height="32" alt="">
</div>
<div id="TWC-12">
<img src="images/TWC_12.gif" width="70" height="58" alt="">
</div>
<div id="TWC-13">
<img src="images/TWC_13.gif" width="48" height="32" alt="">
</div>
<div id="TWC-14">
<img src="images/TWC_14.gif" width="38" height="977" alt="">
</div>
<div id="TWC-15">
<img src="images/TWC_15.gif" width="215" height="26" alt="">
</div>
<div id="TWC-16">
<img src="images/TWC_16.gif" width="121" height="26" alt="">
</div>
<div id="TWC-17">
<img src="images/TWC_17.gif" width="48" height="873" alt="">
</div>
<div id="TWC-18">
<img src="images/TWC_18.gif" width="295" height="38" alt="">
</div>
<div id="TWC-19">
<img src="images/TWC_19.gif" width="469" height="90" alt="">
</div>
<div id="TWC-20">
<img src="images/TWC_20.gif" width="47" height="881" alt="">
</div>
<div id="TWC-21">
<img src="images/TWC_21.gif" width="248" height="26" alt="">
</div>
<div id="The-Weather-Change-23">
<img src="images/The-Weather-Change_23.gif" width="248" height="26" alt="">
</div>
<div id="TWC-23">
<img src="images/TWC_23.gif" width="248" height="26" alt="">
</div>
<div id="TWC-24">
<img src="images/TWC_24.gif" width="469" height="91" alt="">
</div>
<div id="TWC-25">
<img src="images/TWC_25.gif" width="248" height="26" alt="">
</div>
<div id="TWC-26">
<img src="images/TWC_26.gif" width="248" height="26" alt="">
</div>
<div id="TWC-27">
<img src="images/TWC_27.gif" width="248" height="26" alt="">
</div>
<div id="TWC-28">
<img src="images/TWC_28.gif" width="3" height="666" alt="">
</div>
<div id="TWC-29">
<img src="images/TWC_29.gif" width="466" height="69" alt="">
</div>
<div id="TWC-30">
<img src="images/TWC_30.gif" width="248" height="26" alt="">
</div>
<div id="TWC-31">
<img src="images/TWC_31.gif" width="248" height="26" alt="">
</div>
<div id="TWC-32">
<img src="images/TWC_32.gif" width="248" height="26" alt="">
</div>
<div id="TWC-33">
<img src="images/TWC_33.gif" width="466" height="27" alt="">
</div>
<div id="TWC-34">
<img src="images/TWC_34.gif" width="248" height="26" alt="">
</div>
<div id="TWC-35">
<img src="images/TWC_35.gif" width="466" height="18" alt="">
</div>
<div id="TWC-36">
<img src="images/TWC_36.gif" width="466" height="475" alt="">
</div>
<div id="TWC-37">
<img src="images/TWC_37.gif" width="248" height="48" alt="">
</div>
<div id="TWC-38">
<img src="images/TWC_38.gif" width="203" height="480" alt="">
</div>
<div id="TWC-39">
<img src="images/TWC_39.gif" width="45" height="480" alt="">
</div>
<div id="TWC-40">
<img src="images/TWC_40.gif" width="466" height="77" alt="">
</div>
<div id="TWC-41">
<img src="images/TWC_41.gif" width="220" height="59" alt="">
</div>
<div id="TWC-42">
<img src="images/TWC_42.gif" width="28" height="21" alt="">
</div>
<div id="TWC-43">
<img src="images/TWC_43.gif" width="504" height="38" alt="">
</div>
<div id="TWC-44">
<img src="images/TWC_44.gif" width="41" height="38" alt="">
</div>
<div id="TWC-45">
<img src="images/TWC_45.gif" width="765" height="34" alt="">
</div>
</div>
<!-- End ImageReady Slices -->
</body>
</html> |
Je laat Photoshop je code met div's genereren, kan je even zeggen hoe je dat voor mekaar krijgt ?
Alvast bedankt 
edit: al gevonden.
Last edited by Bengt on Mon Aug 27, 2007 11:20 am; edited 1 time in total Firefox heeft er geen problemen mee, maar de pagina laad redelijk langzaam, en als je hem dan nog moet vullen, duurt het te lang, kijk ff naar de compressie.
atleetalie, hoe laat ik hem sneller laden dan ??
en wat is compressie .. ik weet niks van die dingen ..
Weet iemand al hoe ik hem in het midden krijgt? Het sneller laden van een pagina kan je netjes doen door bijvoorbeeld lagere kwaliteit afbeeldingen te gebruiken. Van Photoshop weet ik eigenlijk niks af, maar wat ik denk ik kan zeggen, is dat Photoshop wat minder geschikt* is om een site mee te maken (op deze manier althans, voor het puur ontwerpen van een site lijkt het me wel handig).
De reden waarom de site zo lang doet over het laden, komt onder andere door het veelvuldig gebruik van plaatjes denk ik... En de broncode is... Nou... 
Ik denk dat het wellicht beter zou kunnen als je zelf zou proberen om er wat van te maken.
Tot slot nog, wat wilde je ook alweer in het midden? Dat is voor mij namelijk halverwege het topic verstrikt geraakt in de jungle van vergetelheid.
*=screenshot van de 'table-versie' in Internet Explorer 6 | Emmer-Compascuum wrote: |
Het sneller laden van een pagina kan je netjes doen door bijvoorbeeld lagere kwaliteit afbeeldingen te gebruiken. Van Photoshop weet ik eigenlijk niks af, maar wat ik denk ik kan zeggen, is dat Photoshop wat minder geschikt* is om een site mee te maken (op deze manier althans, voor het puur ontwerpen van een site lijkt het me wel handig).
De reden waarom de site zo lang doet over het laden, komt onder andere door het veelvuldig gebruik van plaatjes denk ik... En de broncode is... Nou... Ik denk dat het wellicht beter zou kunnen als je zelf zou proberen om er wat van te maken.
Tot slot nog, wat wilde je ook alweer in het midden? Dat is voor mij namelijk halverwege het topic verstrikt geraakt in de jungle van vergetelheid.
*=screenshot van de 'table-versie' in Internet Explorer 6 |
Ik heb de 'table-versie' niet meer in gebruik, hij staat nog wel op internet, maar ik gebruik nu de 'div versie'.
Over de kwaliteit van de plaatjes. Er word op veel sites gemeld dat het het beste is om je plaatjes van je layout in *.gif te maken. Dit heb ik dus ook . Zelf vind ik ook de de host niet geweldig snel is .. kan er ook aan liggen??.. mja, dat is mijn mening dan maar
Wat ik in het midden wou: als je de code van de goede div versie ziet, en zie je dat alles gewoon aan de linkerkant zit. Nou wil ik dat dus gewoon in het midden.. center dus. Maar als ik er een <center> en </center> overheen gooi, werkt dat niet Ja, als je elk element VAST zet op de pagina door "position:absolute;" + exacte coördinaten "left" en "top", dan zit het zo klem als iets en gaat een center niet werken. | James007 wrote: |
| Ja, als je elk element VAST zet op de pagina door "position:absolute;" + exacte coördinaten "left" en "top", dan zit het zo klem als iets en gaat een center niet werken. |
En hoe doe ik hem nou in het midden dan ??. ik kan natuurlijk niet die left coordinaten veranderen naar mijn eigen dingen, want op een andere pc zal dat er dus anders uitzien ..*bump* .. niemand een idee?
Puur theoretisch zou je de hele santeboetiek in een DIV kunnen zetten, alle kleine plaatjes een class meegeven, en vervolgens via javascript het "left" attribuut van elk element met die class kunnen verhogen met (schermbreedte - divbreedte)/2.
(Merk je dat lay-outs maken met photoshop volledig passé is? 
[toch hele websites])
.. en nu ga ik wat uitwaaien aan zee, sjuus!
