ive designed my site and on frontpage all of the images line up but when i upload it to my webspace the images dont line up correct.. could u help me out.. my site is : http://www.clan-wars.../v2.0/site.html
thanks alot..
-Dz
site help please
ive designed my site and on frontpage all of the images line up but when i upload it to my webspace the...
&nsbp;
#2
Posted 04 March 2004 - 10:27 PM
hi,
I don't know if that will help you.
I use Adobe GoLive and I never had such problems.
I opened your file in that program and the images are not aligned.
I found two problems (I'll try to be as clear as I can with my english.)
At the right part of the table, you have left two empty cells that are not merged with the neighbours, and they have to be removed from there.
But the main problem comes from the left and right images from the right column, and the text. I think (at least that's how I would do that) you have to organize the images diferently. I can do that for you if you agree. In my free time, if you are not in hurry (maybe 1 day)
So I think I can fix the problem for you.
Just let me know. OK?
I don't know if that will help you.
I use Adobe GoLive and I never had such problems.
I opened your file in that program and the images are not aligned.
I found two problems (I'll try to be as clear as I can with my english.)
At the right part of the table, you have left two empty cells that are not merged with the neighbours, and they have to be removed from there.
But the main problem comes from the left and right images from the right column, and the text. I think (at least that's how I would do that) you have to organize the images diferently. I can do that for you if you agree. In my free time, if you are not in hurry (maybe 1 day)
So I think I can fix the problem for you.
Just let me know. OK?
#3
Posted 04 March 2004 - 11:11 PM
You have some funky tables going on there - what program did you use to create them? From the looks of it I think you could have sliced it in a much easier manner, so I would try that.
Also, where its possible, put the images in as the background of the TD tags, and leave the rest blank. I use that technique quite a bit.. and it works alot better.
Dont know really.. I still think you should try slicing it differently.. creating less parts of the images.
Also, where its possible, put the images in as the background of the TD tags, and leave the rest blank. I use that technique quite a bit.. and it works alot better.
like this: <TD background="image.jpg" width="100" height="100"></TD>
Dont know really.. I still think you should try slicing it differently.. creating less parts of the images.
Neupix Media | Nip Napp! < iPhone App Reviews and News | Citrik Acid
#4
Posted 04 March 2004 - 11:29 PM
Hi,
lined up the images for you. Add the text using styles and <div> tags for absolute positioning. Also adjust the background color. good luck!
<HTML>
<HEAD>
<BASE TARGET="_top">
<STYLE TYPE="text/css">BODY {margin-left:0; margin-right:0; margin-top:0;}</STYLE>
</HEAD>
<BODY SCROLL="auto" BGCOLOR="#454545" TOPMARGIN="0" LEFTMARGIN="0">
<DIV ID="idElement1" style="position:absolute; top:7px; left:9px; width:770px; height:107px;"><IMG SRC="cw_01.jpg" NAME="idElement1Img" ID="idElement1Img" WIDTH="770" HEIGHT="107"
BORDER="0"></DIV>
<DIV ID="idElement2" style="position:absolute; top:114px; left:9px; width:7px; height:470px;"><IMG SRC="cw_02.jpg" NAME="idElement2Img" ID="idElement2Img" WIDTH="7" HEIGHT="470" BORDER="0"></DIV>
<DIV ID="idElement3" style="position:absolute; top:115px; left:550px; width:229px; height:22px;"><IMG SRC="cw_04.jpg" NAME="idElement3Img" ID="idElement3Img" WIDTH="229" HEIGHT="22"
BORDER="0"></DIV>
<DIV ID="idElement4" style="position:absolute; top:136px; left:550px; width:21px; height:448px;"><IMG SRC="cw_05.jpg" NAME="idElement4Img" ID="idElement4Img" WIDTH="21" HEIGHT="448"
BORDER="0"></DIV>
<DIV ID="idElement5" style="position:absolute; top:136px; left:763px; width:15px; height:448px;"><IMG SRC="cw_07.jpg" NAME="idElement5Img" ID="idElement5Img" WIDTH="15" HEIGHT="448"
BORDER="0"></DIV>
<DIV ID="idElement6" style="position:absolute; top:238px; left:570px; width:193px; height:48px;"><IMG SRC="cw_08.jpg" NAME="idElement6Img" ID="idElement6Img" WIDTH="193" HEIGHT="48"
BORDER="0"></DIV>
<DIV ID="idElement7" style="position:absolute; top:388px; left:570px; width:193px; height:39px;"><IMG SRC="cw_10.jpg" NAME="idElement7Img" ID="idElement7Img" WIDTH="193" HEIGHT="39"
BORDER="0"></DIV>
<DIV ID="idElement8" style="position:absolute; top:14px; left:871px; width:1px; height:157px;"><IMG SRC="cw_11.jpg" NAME="idElement8Img" ID="idElement8Img" WIDTH="1" HEIGHT="157" BORDER="0"></DIV>
<DIV ID="idElement9" style="position:absolute; top:477px; left:15px; width:534px; height:63px;"><IMG SRC="cw_13.jpg" NAME="idElement9Img" ID="idElement9Img" WIDTH="534" HEIGHT="63"
BORDER="0"></DIV>
<DIV ID="idElement10" style="position:absolute; top:529px; left:571px; width:192px; height:55px;"><IMG SRC="cw_14.jpg" NAME="idElement10Img" ID="idElement10Img" WIDTH="192" HEIGHT="55"
BORDER="0"></DIV>
<DIV ID="idElement11" style="position:absolute; top:120px; left:0px; width:1px; height:1px;"><IMG SRC="spacer.gif" NAME="idElement11Img" ID="idElement11Img" WIDTH="1" HEIGHT="1"
BORDER="0"></DIV>
<DIV ID="idElement12" style="position:absolute; top:163px; left:73px; width:400px; height:17px;"><IMG SRC="box_01.jpg" NAME="idElement12Img" ID="idElement12Img" WIDTH="400" HEIGHT="17"
BORDER="0"></DIV>
<DIV ID="idElement13" style="position:absolute; top:180px; left:73px; width:4px; height:133px;"><IMG SRC="box_02.jpg" NAME="idElement13Img" ID="idElement13Img" WIDTH="4" HEIGHT="133"
BORDER="0"></DIV>
<DIV ID="idElement14" style="position:absolute; top:179px; left:465px; width:8px; height:133px;"><IMG SRC="box_04.jpg" NAME="idElement14Img" ID="idElement14Img" WIDTH="8" HEIGHT="133"
BORDER="0"></DIV>
<DIV ID="idElement15" style="position:absolute; top:298px; left:77px; width:388px; height:16px;"><IMG SRC="box_05.jpg" NAME="idElement15Img" ID="idElement15Img" WIDTH="388" HEIGHT="16"
BORDER="0"></DIV>
</BODY>
</HTML>
lined up the images for you. Add the text using styles and <div> tags for absolute positioning. Also adjust the background color. good luck!
<HTML>
<HEAD>
<BASE TARGET="_top">
<STYLE TYPE="text/css">BODY {margin-left:0; margin-right:0; margin-top:0;}</STYLE>
</HEAD>
<BODY SCROLL="auto" BGCOLOR="#454545" TOPMARGIN="0" LEFTMARGIN="0">
<DIV ID="idElement1" style="position:absolute; top:7px; left:9px; width:770px; height:107px;"><IMG SRC="cw_01.jpg" NAME="idElement1Img" ID="idElement1Img" WIDTH="770" HEIGHT="107"
BORDER="0"></DIV>
<DIV ID="idElement2" style="position:absolute; top:114px; left:9px; width:7px; height:470px;"><IMG SRC="cw_02.jpg" NAME="idElement2Img" ID="idElement2Img" WIDTH="7" HEIGHT="470" BORDER="0"></DIV>
<DIV ID="idElement3" style="position:absolute; top:115px; left:550px; width:229px; height:22px;"><IMG SRC="cw_04.jpg" NAME="idElement3Img" ID="idElement3Img" WIDTH="229" HEIGHT="22"
BORDER="0"></DIV>
<DIV ID="idElement4" style="position:absolute; top:136px; left:550px; width:21px; height:448px;"><IMG SRC="cw_05.jpg" NAME="idElement4Img" ID="idElement4Img" WIDTH="21" HEIGHT="448"
BORDER="0"></DIV>
<DIV ID="idElement5" style="position:absolute; top:136px; left:763px; width:15px; height:448px;"><IMG SRC="cw_07.jpg" NAME="idElement5Img" ID="idElement5Img" WIDTH="15" HEIGHT="448"
BORDER="0"></DIV>
<DIV ID="idElement6" style="position:absolute; top:238px; left:570px; width:193px; height:48px;"><IMG SRC="cw_08.jpg" NAME="idElement6Img" ID="idElement6Img" WIDTH="193" HEIGHT="48"
BORDER="0"></DIV>
<DIV ID="idElement7" style="position:absolute; top:388px; left:570px; width:193px; height:39px;"><IMG SRC="cw_10.jpg" NAME="idElement7Img" ID="idElement7Img" WIDTH="193" HEIGHT="39"
BORDER="0"></DIV>
<DIV ID="idElement8" style="position:absolute; top:14px; left:871px; width:1px; height:157px;"><IMG SRC="cw_11.jpg" NAME="idElement8Img" ID="idElement8Img" WIDTH="1" HEIGHT="157" BORDER="0"></DIV>
<DIV ID="idElement9" style="position:absolute; top:477px; left:15px; width:534px; height:63px;"><IMG SRC="cw_13.jpg" NAME="idElement9Img" ID="idElement9Img" WIDTH="534" HEIGHT="63"
BORDER="0"></DIV>
<DIV ID="idElement10" style="position:absolute; top:529px; left:571px; width:192px; height:55px;"><IMG SRC="cw_14.jpg" NAME="idElement10Img" ID="idElement10Img" WIDTH="192" HEIGHT="55"
BORDER="0"></DIV>
<DIV ID="idElement11" style="position:absolute; top:120px; left:0px; width:1px; height:1px;"><IMG SRC="spacer.gif" NAME="idElement11Img" ID="idElement11Img" WIDTH="1" HEIGHT="1"
BORDER="0"></DIV>
<DIV ID="idElement12" style="position:absolute; top:163px; left:73px; width:400px; height:17px;"><IMG SRC="box_01.jpg" NAME="idElement12Img" ID="idElement12Img" WIDTH="400" HEIGHT="17"
BORDER="0"></DIV>
<DIV ID="idElement13" style="position:absolute; top:180px; left:73px; width:4px; height:133px;"><IMG SRC="box_02.jpg" NAME="idElement13Img" ID="idElement13Img" WIDTH="4" HEIGHT="133"
BORDER="0"></DIV>
<DIV ID="idElement14" style="position:absolute; top:179px; left:465px; width:8px; height:133px;"><IMG SRC="box_04.jpg" NAME="idElement14Img" ID="idElement14Img" WIDTH="8" HEIGHT="133"
BORDER="0"></DIV>
<DIV ID="idElement15" style="position:absolute; top:298px; left:77px; width:388px; height:16px;"><IMG SRC="box_05.jpg" NAME="idElement15Img" ID="idElement15Img" WIDTH="388" HEIGHT="16"
BORDER="0"></DIV>
</BODY>
</HTML>
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users