Slicen probleem

Status
Niet open voor verdere reacties.
N

NiekVoost

Gebruiker
Lid geworden
5 dec 2008
Berichten
21
Hoi,
ik weet niet precies of mijn vraag hier hoort, maar ik denk het wel:
ik heb een site gemaakt met photoshop, ik heb die site gesliced en een html van gemaakt.
Maar als ik hem nu open met DreamWeaver/Frontpage en ik wat wil typen dan verwijnt de afbeelding....

Ik sla ze wel op als 'background', ik heb alle instellingen al nagelopen maar ik kan de fout nergens ontdekken.
Hebben jullie misschien een oplossing?
Alvast bedankt;
Niek van Oost
 
Ja, dit is origineel.
Maar er is nog niks als achtergrond ingesteld.

En je krijgt straks problemen indien in het contentveld veel tekst komt.

:cool:
 
ja, klopt en dat is precies mn probleem....

*edit: ik heb even wat tekst getypyt
 
Laatst bewerkt:
Hier even wat code in je ontwerp.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- ImageReady Styles (site.psd) -->
<style type="text/css">
<!--

#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:600px;
}

#index-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:4px;
}

#index-02_ {
	position:absolute;
	left:0px;
	top:4px;
	width:366px;
	height:27px;
}

#Logo3_ {
	position:absolute;
	left:366px;
	top:4px;
	width:215px;
	height:27px;
}

#index-04_ {
	position:absolute;
	left:581px;
	top:4px;
	width:72px;
	height:67px;
}

#pchulp_ {
	position:absolute;
	left:653px;
	top:4px;
	width:147px;
	height:67px;
}

#logo1_ {
	position:absolute;
	left:0px;
	top:31px;
	width:258px;
	height:82px;
}

#index-07_ {
	position:absolute;
	left:258px;
	top:31px;
	width:1px;
	height:95px;
}

#Logo2_ {
	position:absolute;
	left:259px;
	top:31px;
	width:249px;
	height:82px;
}

#logo4_ {
	position:absolute;
	left:508px;
	top:31px;
	width:73px;
	height:40px;
}

#index-10_ {
	position:absolute;
	left:508px;
	top:71px;
	width:42px;
	height:55px;
}

#webdesign_ {
	position:absolute;
	left:550px;
	top:71px;
	width:210px;
	height:54px;
}

#pchulp012_ {
	position:absolute;
	left:760px;
	top:71px;
	width:40px;
	height:42px;
}

#index-13_ {
	position:absolute;
	left:0px;
	top:113px;
	width:258px;
	height:13px;
}

#index-14_ {
	position:absolute;
	left:259px;
	top:113px;
	width:249px;
	height:13px;
}

#index-15_ {
	position:absolute;
	left:760px;
	top:113px;
	width:40px;
	height:13px;
}

#index-16_ {
	position:absolute;
	left:550px;
	top:125px;
	width:210px;
	height:1px;
}

#index-17_ {
	position:absolute;
	left:0px;
	top:126px;
	width:3px;
	height:18px;
}

#Home_ {
	position:absolute;
	left:3px;
	top:126px;
	width:109px;
	height:30px;
}

#index-19_ {
	position:absolute;
	left:112px;
	top:126px;
	width:65px;
	height:18px;
}

#info_ {
	position:absolute;
	left:177px;
	top:126px;
	width:89px;
	height:29px;
}

#index-21_ {
	position:absolute;
	left:266px;
	top:126px;
	width:89px;
	height:30px;
}

#Portfolio_ {
	position:absolute;
	left:355px;
	top:126px;
	width:200px;
	height:30px;
}

#index-23_ {
	position:absolute;
	left:555px;
	top:126px;
	width:69px;
	height:30px;
}

#Contact_ {
	position:absolute;
	left:624px;
	top:126px;
	width:170px;
	height:29px;
}

#index-25_ {
	position:absolute;
	left:794px;
	top:126px;
	width:6px;
	height:30px;
}

#exmenu1_ {
	position:absolute;
	left:0px;
	top:144px;
	width:3px;
	height:154px;
}

#exmenu1027_ {
	position:absolute;
	left:112px;
	top:144px;
	width:65px;
	height:154px;
}

#exmenu1028_ {
	position:absolute;
	left:177px;
	top:155px;
	width:71px;
	height:1px;
}

#index-29_ {
	position:absolute;
	left:248px;
	top:155px;
	width:18px;
	height:1px;
}

#index-30_ {
	position:absolute;
	left:624px;
	top:155px;
	width:170px;
	height:1px;
}

#exmenu1031_ {
	position:absolute;
	left:3px;
	top:156px;
	width:109px;
	height:142px;
}

#exmenu1032_ {
	position:absolute;
	left:177px;
	top:156px;
	width:63px;
	height:142px;
}

#titel_ {
	position:absolute;
	left:240px;
	top:156px;
	width:560px;
	height:75px;
}

#exmenu1034_ {
	position:absolute;
	left:240px;
	top:231px;
	width:4px;
	height:67px;
}

#inhoud1_ {
	position:absolute;
	left:244px;
	top:231px;
	width:556px;
	height:175px;
}

#inhoud3_ {
	position:absolute;
	left:0px;
	top:298px;
	width:244px;
	height:108px;
}

#index-37_ {
	position:absolute;
	left:0px;
	top:406px;
	width:3px;
	height:194px;
}

#inhoud4_ {
	position:absolute;
	left:3px;
	top:406px;
	width:240px;
	height:193px;
overflow:auto;
}

#Inhoud2_ {
	position:absolute;
	left:243px;
	top:406px;
	width:557px;
	height:194px;
}

#index-40_ {
	position:absolute;
	left:3px;
	top:599px;
	width:240px;
	height:1px;
}

-->
</style>

<base href="http://niek.altenavacatures.nl/" >
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF;">

<!-- ImageReady Slices (site.psd) -->
<div id="Table_01">
	<div id="index-01_">
		<img id="index_01" src="images/index_01.png" width="800" height="4" alt="" />

	</div>
	<div id="index-02_">
		<img id="index_02" src="images/index_02.png" width="366" height="27" alt="" />
	</div>
	<div id="Logo3_">
		<img id="Logo3" src="images/Logo3.png" width="215" height="27" alt="Logo" />
	</div>
	<div id="index-04_">
		<img id="index_04" src="images/index_04.png" width="72" height="67" alt="" />

	</div>
	<div id="pchulp_">
		<img id="pchulp" src="images/pchulp.png" width="147" height="67" alt="PC-Hulp" />
	</div>
	<div id="logo1_">
		<img id="logo1" src="images/logo1.png" width="258" height="82" alt="Logo" />
	</div>
	<div id="index-07_">
		<img id="index_07" src="images/index_07.png" width="1" height="95" alt="" />

	</div>
	<div id="Logo2_">
		<img id="Logo2" src="images/Logo2.png" width="249" height="82" alt="Logo" />
	</div>
	<div id="logo4_">
		<img id="logo4" src="images/logo4.png" width="73" height="40" alt="Logo" />
	</div>
	<div id="index-10_">
		<img id="index_10" src="images/index_10.png" width="42" height="55" alt="" />

	</div>
	<div id="webdesign_">
		<img id="webdesign" src="images/webdesign.png" width="210" height="54" alt="Webdesign" />
	</div>
	<div id="pchulp012_">
		<img id="pchulp012" src="images/pchulp-12.png" width="40" height="42" alt="PC-Hulp" />
	</div>
	<div id="index-13_">
		<img id="index_13" src="images/index_13.png" width="258" height="13" alt="" />

	</div>
	<div id="index-14_">
		<img id="index_14" src="images/index_14.png" width="249" height="13" alt="" />
	</div>
	<div id="index-15_">
		<img id="index_15" src="images/index_15.png" width="40" height="13" alt="" />
	</div>
	<div id="index-16_">
		<img id="index_16" src="images/index_16.png" width="210" height="1" alt="" />

	</div>
	<div id="index-17_">
		<img id="index_17" src="images/index_17.png" width="3" height="18" alt="" />
	</div>
	<div id="Home_">
		<img id="Home" src="images/Home.png" width="109" height="30" alt="Home" />
	</div>
	<div id="index-19_">
		<img id="index_19" src="images/index_19.png" width="65" height="18" alt="" />

	</div>
	<div id="info_">
		<img id="info" src="images/info.png" width="89" height="29" alt="Info" />
	</div>
	<div id="index-21_">
		<img id="index_21" src="images/index_21.png" width="89" height="30" alt="" />
	</div>
	<div id="Portfolio_">
		<img id="Portfolio" src="images/Portfolio.png" width="200" height="30" alt="Portfolio" />

	</div>
	<div id="index-23_">
		<img id="index_23" src="images/index_23.png" width="69" height="30" alt="" />
	</div>
	<div id="Contact_">
		<img id="Contact" src="images/Contact.png" width="170" height="29" alt="Contact" />
	</div>
	<div id="index-25_">
		<img id="index_25" src="images/index_25.png" width="6" height="30" alt="" />

	</div>
	<div id="exmenu1_">
		<img id="exmenu1" src="images/exmenu1.png" width="3" height="154" alt="Extra Menu" />
	</div>
	<div id="exmenu1027_">
		<img id="exmenu1027" src="images/exmenu1-27.png" width="65" height="154" alt="Extra Menu" />
	</div>
	<div id="exmenu1028_">
		<img id="exmenu1028" src="images/exmenu1-28.png" width="71" height="1" alt="Extra Menu" />

	</div>
	<div id="index-29_">
		<img id="index_29" src="images/index_29.png" width="18" height="1" alt="" />
	</div>
	<div id="index-30_">
		<img id="index_30" src="images/index_30.png" width="170" height="1" alt="" />
	</div>
	<div id="exmenu1031_">
		<img id="exmenu1031" src="images/exmenu1-31.png" width="109" height="142" alt="Extra Menu" />

	</div>
	<div id="exmenu1032_">
		<img id="exmenu1032" src="images/exmenu1-32.png" width="63" height="142" alt="Extra Menu" />
	</div>
	<div id="titel_">
		<img id="titel" src="images/titel.png" width="560" height="75" alt="Titel" />
	</div>
	<div id="exmenu1034_">
		<img id="exmenu1034" src="images/exmenu1-34.png" width="4" height="67" alt="Extra Menu" />

	</div>
	<div id="inhoud1_">
		<img id="inhoud1" src="images/inhoud1.png" width="556" height="175" alt="Inhoud" />
	</div>
	<div id="inhoud3_" style="background-image: url(images/inhoud3.png);">inhoud 3
		<!-- <img id="inhoud3" src="images/inhoud3.png" width="244" height="108" alt="Inhoud" /> -->
	</div>
	<div id="index-37_">
		<img id="index_37" src="images/index_37.png" width="3" height="194" alt="" />

	</div>
	<div id="inhoud4_" style="background-image: url(images/inhoud4.png);">inhoud 4<br>
<br>

<ol>
	<li> Een tweedehands mini koop je niet zomaar. Om een goed onderhouden
	<li> tweedehands mini te bemachtigen is het verstandig de volgende tips op
	<li> te volgen.
	<li> 1. Eerste indruk van de tweedehands mini (buitenaf)
	<li> 
	<li> Hierbij wordt verondersteld dat de tweedehands mini slechts van
	<li> buiten te bekijken is, de verkoper ontbreekt nog.
	<li> 
	<li> Roest aan het plaatwerk, Let op de volgende punten:
	<li> 
	<li> * front;
	<li> * koplampranden;
	<li> * onderzijde deuren;
	<li> * wielkasten (voor en achter, moeilijke hoekjes, vooral bij
	<li> schokbreker bevestigingen. Probeer met een hard voorwerp wat te
	<li> prikken);
	<li> * A-panelen (tussen spatscherm en deur);
	<li> * dorpels;
	<li> * onderzijde achterklep;
	<li> * randen achter zijklapraampjes;
	<li> * afwatergootje dak;
	<li> * onderrand voorruit (vooral aansluiting bij spatschermen);
	<li> * banaan-vormig paneel waar de uitlaat onder vandaan komt;
	<li> * rondom benzinevulhals (licht het rubber van de benzine vulhals
	<li> iets met de vingers);
</ol>

<!-- 		<img id="inhoud4" src="images/inhoud4.png" width="240" height="193" alt="Inhoud" /> -->
	</div>
	<div id="Inhoud2_" style="background-image: url(images/Inhoud2.png);">inhoud 2.<br>
<br>
Probleem hierzo was de I in de naam van plaatje, ipv i<br>
<br>
<br>
================================
Zie de code.<br>
<br>
Derhalve NOOIT HOOfdLettErs Gebruiken in file op plaatjesnamen.<br>
<br>


<ol>
	<li> Een tweedehands mini koop je niet zomaar. Om een goed onderhouden
	<li> tweedehands mini te bemachtigen is het verstandig de volgende tips op
	<li> te volgen.
	<li> 1. Eerste indruk van de tweedehands mini (buitenaf)
	<li> 
	<li> Hierbij wordt verondersteld dat de tweedehands mini slechts van
	<li> buiten te bekijken is, de verkoper ontbreekt nog.
	<li> 
	<li> Roest aan het plaatwerk, Let op de volgende punten:
	<li> 
	<li> * front;
	<li> * koplampranden;
	<li> * onderzijde deuren;
	<li> * wielkasten (voor en achter, moeilijke hoekjes, vooral bij
	<li> schokbreker bevestigingen. Probeer met een hard voorwerp wat te
	<li> prikken);
	<li> * A-panelen (tussen spatscherm en deur);
	<li> * dorpels;
	<li> * onderzijde achterklep;
	<li> * randen achter zijklapraampjes;
	<li> * afwatergootje dak;
	<li> * onderrand voorruit (vooral aansluiting bij spatschermen);
	<li> * banaan-vormig paneel waar de uitlaat onder vandaan komt;
	<li> * rondom benzinevulhals (licht het rubber van de benzine vulhals
	<li> iets met de vingers);
</ol>

</xp>

<!-- 		<img id="Inhoud2" src="images/Inhoud2.png" width="557" height="194" alt="Inhoud" /> -->

http://niek.altenavacatures.nl/images/Inhoud2.png	</div>
	<div id="index-40_">
		<img id="index_40" src="images/index_40.png" width="240" height="1" alt="" />

	</div>
</div>
<!-- End ImageReady Slices -->

</body>
</html>

:cool:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan