PDA

Click to See Complete Forum and Search --> : Sliced images break apart in child pages

jumpersue
01-05-2006, 11:47 PM
Hi - The following test page shows that my image slices (left col) no longer line up... works fine when I add a paragraph or two of content in the editable region, but when I add remaining content, the slices break apart. Is my code for the editable (content) region incorrect? Sorry - html novice here!
http://www.missionsaerztliche-schwe...werwirsind.html
Tks... Sue
ray326
01-05-2006, 11:49 PM
Your link is broken but you're describing one of the big reasons NOT to do slice-n-dice layouts.
jumpersue
01-06-2006, 12:08 AM
Here's a new link: http://www.missionsaerztliche-schwestern.org/seiten/testpages/werwirsind.html
Now you tell me not to do slice-n-dice layouts... who new? Now I do... will know better next time, but as I'm on a deadline for this one (who's not?), is there anything you can see that could help me... or should I learn CSS in 2 days and start over??? :-(
Thanks Ray...Nice pic!
jumpersue
01-06-2006, 12:20 AM
Looks like my 2nd link attempt breaks as well once I post a reply... what am I doing wrong? This is my first forum!
Let's try this by inserting a hyperlink properly...
http://www.missionsaerztliche-schwestern.org/seiten/testpages/werwirsind.html

Does that get through unbroken?
David Harrison
01-06-2006, 12:27 AM
Well if you must use tables, add in another table row with just an empty table data cell right before the closing of the table element, then alter the rowspan="5" to rowspan="6" on the content cell.
jumpersue
01-06-2006, 02:09 AM
Tried adding another table row with an empty data cell ... didn't work... unless my limited knowledge is the problem (most likely)... If there is no other fix, and if the slice-n-dice method is a really bad way to build, is there a way I can redo the template quickly (don't know much CSS yet) (and ideally, without losing my behaviours, if poss)? Time is running out, the heat is on and I'm wearing thin... been searching a fix for days... just found this great forum tonight!
Tks + hope my lack of experience doesn't frustrate all you guru's... I do catch on quickly... usually. Tks!
ShrineDesigns
01-06-2006, 02:13 AM
sheez, and i thought my domain name was long lol

fill in the rest<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
body {
margin: 0%;
padding: 0%;
}
img {
border: 0px;
border: none;
}
#main {
width: 802px;
margin: auto;
}
#header {
display: block;
}
#column {
float: left;
width: 317px;
}
#column img {
display: block;
}
#content {
float: right;
width: 485px;
}
-->
</style>
</head>
<body onload="">
<div id="main">
<img src="images/mmschildpage_r1_c1.jpg" alt="" id="header" usemap="#map1">
<div id="column">
<img src="images/mmschildpage_r2_c1.jpg" alt="">
<img id="img2" src="images/mmschildpage_r3_c1.jpg" alt="" usemap="#map2">
<img id="img3" src="images/mmschildpage_r4_c1.jpg" alt="" usemap="#map3">
</div>
<div id="content">content</div>
</div>
<map name="map1">
</map>
<map name="map2">
</map>
<map name="map3">
</map>
</body>
</html>
jumpersue
01-06-2006, 02:27 AM
Thanks... will try this after some shuteye.... it's the wee hours here and my brain's fried... looking forward to seeing the results!
ray326
01-06-2006, 08:47 AM
ShrineDesign's code is the best way. If you have to stick with a table then put all three of the left side images into a single td with a single td on the right for the text. Check the links in my sig for detailed info on 21st century web design.