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
ruxique
-
- Designer
- 110 posts
Elite Designer
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
Neupix
-
- Designer
- 1146 posts
Design Team Member
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
Blaundy
-
- Designer
- 16 posts
Apprentice Designer
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>
#5
daze
-
- Designer
- 188 posts
Apprentice Designer
Posted 05 March 2004 - 08:18 AM
if i send you the psd file without it being sliced.. would you be able to slice and code it for me?? i just want this site up by the 7th March at the latest.. so if u could do it that would be great..
-Dz
-Dz
www.di-hq.tk
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
