modifier_guy
11-23-2003, 10:14 PM
i really need help with making a layout i have photoshop. i really wnat to make one but i am stumped
Click to See Complete Forum and Search --> : layout problems
PeOfEo
11-23-2003, 10:24 PM
What sort of layout are you trying to make, you have to give us more to go on then that. What are you stummped about? Can you upload your images so we can see what you have in mind and hawk up a lil bit of css for you to help you position it all?
Shto
11-24-2003, 04:47 PM
Easy way to do it:
1. Make you site in photoshop by that I mean put everything you want as far as you want it to look on the picture.
2. use the slice tool and chop the page up. Only make small cuts around the images.
3. Save for web.
That will make your web page and all then all you really need to do is add a table around the table that is made for the images. The reason for that it helps to hold the page like you want it. Here is a page I did like this www.lucidmag.com let me know if you have any more questions.
1. Make you site in photoshop by that I mean put everything you want as far as you want it to look on the picture.
2. use the slice tool and chop the page up. Only make small cuts around the images.
3. Save for web.
That will make your web page and all then all you really need to do is add a table around the table that is made for the images. The reason for that it helps to hold the page like you want it. Here is a page I did like this www.lucidmag.com let me know if you have any more questions.
PeOfEo
11-24-2003, 04:56 PM
I disaggree. If you just slice an image up it is going to make a page with a rigid design that will not adapt for other browser or resolutions, but if you use css and use background images and tile images in some places you can make a site look as if it came from one image while in reality it is repeating and stretching of smaller images in some places.
modifier_guy
11-24-2003, 07:13 PM
ok i just dont knwo what to do. i knwo i need to make a basic home page, with a nav bara nd a heading and stuff but i need to knwo how to make taht HTML format so i can uplaod it and stuff
www.modfreaks.host.sk/modfreaks.php that is my website and i am trying to redo the layout
i wnat diffrent colors and stuff
www.modfreaks.host.sk/modfreaks.php that is my website and i am trying to redo the layout
i wnat diffrent colors and stuff
modifier_guy
11-24-2003, 08:31 PM
http://modfreaks.host.sk/cool.php
ok i made that layout in photoshop and i saved liek 3 diff copies 1 of an html file and 1 a .jpp, now what do i do from there.? cus i wnat all the writing in red to be links, ie members, news and stuff i wnat to be links to other pages
what do i do now
ok i made that layout in photoshop and i saved liek 3 diff copies 1 of an html file and 1 a .jpp, now what do i do from there.? cus i wnat all the writing in red to be links, ie members, news and stuff i wnat to be links to other pages
what do i do now
PeOfEo
11-24-2003, 08:55 PM
http://bluerobot.com/web/layouts/layout2.html
modify that layout and use some text links and use the css hover link attributes to add mouse over affects. Then for the mages put backround images the same color in the cells and have them repete. You can make the whole thing back images and not worrie about websafe or do something like I am doing on http://paxonradio.vze.com and make some images and some colors in code but use websafe colors and gif images. I suggests that css layout because it is similar to what you want and easy to mod, and it has been hacked for older non complaint browsers and will break away for text based etc. You can learn more about css at www.w3schools.org
modify that layout and use some text links and use the css hover link attributes to add mouse over affects. Then for the mages put backround images the same color in the cells and have them repete. You can make the whole thing back images and not worrie about websafe or do something like I am doing on http://paxonradio.vze.com and make some images and some colors in code but use websafe colors and gif images. I suggests that css layout because it is similar to what you want and easy to mod, and it has been hacked for older non complaint browsers and will break away for text based etc. You can learn more about css at www.w3schools.org
modifier_guy
11-24-2003, 09:11 PM
ok well i kinda wnated to use my layout i made. cus it has everything i need on it, i just need to knwo how to cut and stuff and ya so thanx an wasy
modifier_guy
11-24-2003, 11:47 PM
<HTML>
<HEAD>
<TITLE>layout copy</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<!-- ImageReady Slices (layout copy.jpg) -->
<TABLE WIDTH=504 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=360 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=116 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1></TD>
<TD></TD>
</TR>
<TR>
<TD COLSPAN=7>
<IMG SRC="images/layout-copy_01.gif" WIDTH=504 HEIGHT=5></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=5></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_02.gif" WIDTH=7 HEIGHT=110></TD>
<TD COLSPAN=4>
<IMG SRC="images/layout-copy_03.gif" WIDTH=488 HEIGHT=72></TD>
<TD COLSPAN=2>
<IMG SRC="images/layout-copy_04.gif" WIDTH=9 HEIGHT=72></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=72></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/layout-copy_05.gif" WIDTH=2 HEIGHT=38></TD>
<TD COLSPAN=4>
<IMG SRC="images/layout-copy_06.gif" WIDTH=487 HEIGHT=26></TD>
<TD ROWSPAN=5>
<IMG SRC="images/layout-copy_07.gif" WIDTH=8 HEIGHT=283></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=26></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/layout-copy_08.gif" WIDTH=487 HEIGHT=12></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=12></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/layout-copy_09.gif" WIDTH=369 HEIGHT=236></TD>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_10.gif" WIDTH=10 HEIGHT=245></TD>
<TD COLSPAN=2 ROWSPAN=2>
<IMG SRC="images/layout-copy_11.gif" WIDTH=117 HEIGHT=237></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=236></TD>
</TR>
<TR>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/layout-copy_12.gif" WIDTH=369 HEIGHT=9></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/layout-copy_13.gif" WIDTH=117 HEIGHT=8></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
that is my layout i made in photoshop tramslated to HTML. www.modfreaks.host.sk/cool.php taht is a picture
i need to know what to do? liek hpow to make my links cus i make a bar with links and stuff but i unno. HELP
<HEAD>
<TITLE>layout copy</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<!-- ImageReady Slices (layout copy.jpg) -->
<TABLE WIDTH=504 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=360 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=116 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1></TD>
<TD></TD>
</TR>
<TR>
<TD COLSPAN=7>
<IMG SRC="images/layout-copy_01.gif" WIDTH=504 HEIGHT=5></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=5></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_02.gif" WIDTH=7 HEIGHT=110></TD>
<TD COLSPAN=4>
<IMG SRC="images/layout-copy_03.gif" WIDTH=488 HEIGHT=72></TD>
<TD COLSPAN=2>
<IMG SRC="images/layout-copy_04.gif" WIDTH=9 HEIGHT=72></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=72></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/layout-copy_05.gif" WIDTH=2 HEIGHT=38></TD>
<TD COLSPAN=4>
<IMG SRC="images/layout-copy_06.gif" WIDTH=487 HEIGHT=26></TD>
<TD ROWSPAN=5>
<IMG SRC="images/layout-copy_07.gif" WIDTH=8 HEIGHT=283></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=26></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/layout-copy_08.gif" WIDTH=487 HEIGHT=12></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=12></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/layout-copy_09.gif" WIDTH=369 HEIGHT=236></TD>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_10.gif" WIDTH=10 HEIGHT=245></TD>
<TD COLSPAN=2 ROWSPAN=2>
<IMG SRC="images/layout-copy_11.gif" WIDTH=117 HEIGHT=237></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=236></TD>
</TR>
<TR>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/layout-copy_12.gif" WIDTH=369 HEIGHT=9></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/layout-copy_13.gif" WIDTH=117 HEIGHT=8></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
that is my layout i made in photoshop tramslated to HTML. www.modfreaks.host.sk/cool.php taht is a picture
i need to know what to do? liek hpow to make my links cus i make a bar with links and stuff but i unno. HELP
Shto
11-25-2003, 08:31 AM
Here is how you make a link for an image
<a href="www.MYLINK.com"><img src="images/logo.gif" width="275" height="58" border="0"></a>
That will make the img that you have a link so they can click on it. So in your code it would look something like this but not sure if this is in the right spot or not:
<TD COLSPAN=7>
<a href="www.mylink.com"><IMG SRC="images/layout-copy_01.gif" WIDTH=504 HEIGHT=5></a></TD>
and yes PeOfEo this will make a page rigid. You disagree with me why I don't know since I said nothing for you to agree or disagree with. Will this work to make a web page yes it will and will it look good yes it will. Will it be rigid yes and will it load slow yes. I put the info to help him get a page up. Once it is up we can fix the load time in one simple step so it does not have to load all the images. As for being rigid I don't want my page to change size or stretch pictures to change size. Ok sorry rambling I was just trying to help with his question so don't disagree with me when you have nothing to disagree with me about.
<a href="www.MYLINK.com"><img src="images/logo.gif" width="275" height="58" border="0"></a>
That will make the img that you have a link so they can click on it. So in your code it would look something like this but not sure if this is in the right spot or not:
<TD COLSPAN=7>
<a href="www.mylink.com"><IMG SRC="images/layout-copy_01.gif" WIDTH=504 HEIGHT=5></a></TD>
and yes PeOfEo this will make a page rigid. You disagree with me why I don't know since I said nothing for you to agree or disagree with. Will this work to make a web page yes it will and will it look good yes it will. Will it be rigid yes and will it load slow yes. I put the info to help him get a page up. Once it is up we can fix the load time in one simple step so it does not have to load all the images. As for being rigid I don't want my page to change size or stretch pictures to change size. Ok sorry rambling I was just trying to help with his question so don't disagree with me when you have nothing to disagree with me about.
modifier_guy
11-25-2003, 08:52 AM
how do i mkae teh links that i made on the navagation bar work? cus know hwo to do teh pictires but were to i add them in eth code and how do i get my links to work
modifier_guy
11-25-2003, 08:59 AM
http://www.modfreaks.host.sk/cool.php if you look that is a picture of my layout
ok in teh middle i got a skinny bar with link liek members, team and ect....... i wnat to make those so u can clcik them. second in teh big black box in the middle is were i wnat to rite everything but i dont know were to start typeng code in my HTML. you poepl ahve been very helpfull.
ok in teh middle i got a skinny bar with link liek members, team and ect....... i wnat to make those so u can clcik them. second in teh big black box in the middle is were i wnat to rite everything but i dont know were to start typeng code in my HTML. you poepl ahve been very helpfull.
Shto
11-25-2003, 09:02 AM
Ok lets see every time you see <IMG SRC that is a picture and it says <IMG SRC=where to get the image from. Now what you need to do is find out what the names are for the images you want to make links. After you find out what they are you need to add <a herf="yourlink"></a> around the <IMG SRC= > So if you find the picture you want to make a link and the pictures name is layout-copy_01.gif then the to make it link to something else it would look like this:
<a href="www.mylink.com"><IMG SRC="images/layout-copy_01.gif" WIDTH=504 HEIGHT=5></a>
understand?
<a href="www.mylink.com"><IMG SRC="images/layout-copy_01.gif" WIDTH=504 HEIGHT=5></a>
understand?
modifier_guy
11-25-2003, 09:53 AM
so i wnat to make my text. the names team members ect... i think i need to go back to photoshop And cut witht he slice tool(liek i did the rest of teh site) and cut around each word tehn find the name of that image and put a link on that i know that now
now to write stuff in the center fo teh page were do i type cus i dont know. cus when i type stuff it donsent show up in eth black it is at teh bottom of teh page. so i need to know were in my script to write
so if you could like cut and paste my script and type in there were to put my text that would be awsome.
so i now know how to do the links i got that. but not understanding were to put all text.
thanx for the help
i am pretty new to HTML liek i know basic code and how to edit things but this is the farthest i ahve gotten on makign a layout you guys have helped alot, now if i could onkly understand teh last few things
THANKYOU ALL
now to write stuff in the center fo teh page were do i type cus i dont know. cus when i type stuff it donsent show up in eth black it is at teh bottom of teh page. so i need to know were in my script to write
so if you could like cut and paste my script and type in there were to put my text that would be awsome.
so i now know how to do the links i got that. but not understanding were to put all text.
thanx for the help
i am pretty new to HTML liek i know basic code and how to edit things but this is the farthest i ahve gotten on makign a layout you guys have helped alot, now if i could onkly understand teh last few things
THANKYOU ALL
Shto
11-25-2003, 10:37 AM
ok what you need to do since your page is black is set the background of the page to black. Find the body tag in the code and make it look like this <body bgcolor="#000000">
Ok now that this is done you see how you have a big black area in the middle of the page? Well when you cut the image in Photoshop what you want to do is cut inside your border out. So you cut a big area out in the center where you want your text to be.
After that you find the area where that picture is just like you did for the links. This time you want to remove the picture and since your background is black it will not change the way things look. Now between <TD COLSPAN="#">PUT ALL YOUR TEXT HERE THIS IS WHERE YOUR PICTURE WAS BEFORE</TD>
Ok does that make sense if not let me know.
Ok now that this is done you see how you have a big black area in the middle of the page? Well when you cut the image in Photoshop what you want to do is cut inside your border out. So you cut a big area out in the center where you want your text to be.
After that you find the area where that picture is just like you did for the links. This time you want to remove the picture and since your background is black it will not change the way things look. Now between <TD COLSPAN="#">PUT ALL YOUR TEXT HERE THIS IS WHERE YOUR PICTURE WAS BEFORE</TD>
Ok does that make sense if not let me know.
modifier_guy
11-25-2003, 11:02 AM
so change the background color to black. delete the image and put my text there. then that will put my text in teh big black empty area right?
then i need to slice the box in the center were i wnat my text to be? that si were i am stuck i got the rest but i am stuck here? when i made the site i used the slice tool and cut each thing up. now i need to do what and huh.? that is were i am confused.
now i got the skinny black bar near teh top with my links i will slice those and make them each there own picture then link them i got that got it
ok so i knwo how to make the links and teh background color to black and delete teh picture
but the border and stuff i dont get.
i think if i get that then i should be good, us i will have my links and my place to put text. so ya i need help with the cuting the border and huh stuff
then i need to slice the box in the center were i wnat my text to be? that si were i am stuck i got the rest but i am stuck here? when i made the site i used the slice tool and cut each thing up. now i need to do what and huh.? that is were i am confused.
now i got the skinny black bar near teh top with my links i will slice those and make them each there own picture then link them i got that got it
ok so i knwo how to make the links and teh background color to black and delete teh picture
but the border and stuff i dont get.
i think if i get that then i should be good, us i will have my links and my place to put text. so ya i need help with the cuting the border and huh stuff
modifier_guy
11-25-2003, 11:08 AM
i read over what u wrote and i think i got it
now cus when i change my background color to black it will make the whole thign balck and i need to slice out the small portion i want to ahve text in so each box is seperated by white and not all black
am i correct?
now cus when i change my background color to black it will make the whole thign balck and i need to slice out the small portion i want to ahve text in so each box is seperated by white and not all black
am i correct?
Shto
11-25-2003, 01:55 PM
I think you are correct if I am understanding what you are saying. Let me know if it works if not I will explain in more detail
modifier_guy
11-25-2003, 05:08 PM
ok i will see what i can do with ur info. i belive i got what u said so if i get it will tell you
PeOfEo
11-25-2003, 05:19 PM
I hate to say this but I think you are going about this the wrong way. The code posted earlier is table based and has plenty of snytax errors which will make it inaccessable. Think all coloring and fonts should be using css even if you decide to keep a static table based layout :rolleyes: .
modifier_guy
11-25-2003, 05:31 PM
ok i got it, but 1 problem i cahanged teh background color but how do i egt teh layout to fit the page. i need the whoel thing to fit teh page
<HTML>
<HEAD>
<TITLE>layout copy</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#000000>
<!-- ImageReady Slices (layout copy.jpg) -->
<TABLE WIDTH=504 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=4 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=34 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=24 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=35 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=22 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=70 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=32 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=33 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=30 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=76 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=34 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=82 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1></TD>
<TD></TD>
</TR>
<TR>
<TD COLSPAN=17>
<IMG SRC="images/layout-copy_01.gif" WIDTH=504 HEIGHT=5></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=5></TD>
</TR>
<TR>
<TD ROWSPAN=8>
<IMG SRC="images/layout-copy_02.gif" WIDTH=7 HEIGHT=110></TD>
<TD COLSPAN=14>
<IMG SRC="images/layout-copy_03.gif" WIDTH=488 HEIGHT=72></TD>
<TD COLSPAN=2>
<IMG SRC="images/layout-copy_04.gif" WIDTH=9 HEIGHT=72></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=72></TD>
</TR>
<TR>
<TD ROWSPAN=7>
<IMG SRC="images/layout-copy_05.gif" WIDTH=2 HEIGHT=38></TD>
<TD COLSPAN=14>
<IMG SRC="images/layout-copy_06.gif" WIDTH=487 HEIGHT=5></TD>
<TD ROWSPAN=10>
<IMG SRC="images/layout-copy_07.gif" WIDTH=8 HEIGHT=283></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=5></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/layout-copy_08.gif" WIDTH=119 HEIGHT=3></TD>
<TD ROWSPAN=4>
<IMG SRC="images/layout-copy_09.gif" WIDTH=70 HEIGHT=12></TD>
<TD COLSPAN=8>
<IMG SRC="images/layout-copy_10.gif" WIDTH=298 HEIGHT=3></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=3></TD>
</TR>
<TR>
<TD ROWSPAN=4>
<IMG SRC="images/layout-copy_11.gif" WIDTH=4 HEIGHT=18></TD>
<TD ROWSPAN=4>
<a href="www.MYLINK.com"><IMG SRC="images/layout-copy_12.gif" WIDTH=34 HEIGHT=18></a></TD>
<TD COLSPAN=3>
<IMG SRC="images/layout-copy_13.gif" WIDTH=81 HEIGHT=3></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/layout-copy_14.gif" WIDTH=95 HEIGHT=5></TD>
<TD COLSPAN=3 ROWSPAN=4>
<a href="www.MYLINK.com"><IMG SRC="images/layout-copy_15.gif" WIDTH=120 HEIGHT=18></a></TD>
<TD COLSPAN=2 ROWSPAN=4>
<IMG SRC="images/layout-copy_16.gif" WIDTH=83 HEIGHT=18></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=3></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_17.gif" WIDTH=24 HEIGHT=15></TD>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_18.gif" WIDTH=35 HEIGHT=15></TD>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_19.gif" WIDTH=22 HEIGHT=15></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=2></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/layout-copy_20.gif" WIDTH=32 HEIGHT=13></TD>
<TD ROWSPAN=2>
<IMG SRC="images/layout-copy_21.gif" WIDTH=33 HEIGHT=13></TD>
<TD ROWSPAN=2>
<IMG SRC="images/layout-copy_22.gif" WIDTH=30 HEIGHT=13></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=4></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout-copy_23.gif" WIDTH=70 HEIGHT=9></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=9></TD>
</TR>
<TR>
<TD COLSPAN=14>
<IMG SRC="images/layout-copy_24.gif" WIDTH=487 HEIGHT=12></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=12></TD>
</TR>
<TR>
<TD COLSPAN=12>
Hello</TD>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_26.gif" WIDTH=10 HEIGHT=245></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/layout-copy_27.gif" WIDTH=117 HEIGHT=237></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=236></TD>
</TR>
<TR>
<TD COLSPAN=12 ROWSPAN=2>
<IMG SRC="images/layout-copy_28.gif" WIDTH=369 HEIGHT=9></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/layout-copy_29.gif" WIDTH=117 HEIGHT=8></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
ok i got a couple of teh links to work(need to finish them) and i delted the black area and typed there and it worked.
So i got links and my words, but 1 more problem
i need to get it to fit teh whole page? cut it is a web site so it needs to be whole. also how do i change the text color? cus when i right on teh page it is black and teh bg is black so i need to make teh writing what. and were do i out the code?
thanx i think ia m almost done. with it then i iwll uplaod to my server.
<HTML>
<HEAD>
<TITLE>layout copy</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#000000>
<!-- ImageReady Slices (layout copy.jpg) -->
<TABLE WIDTH=504 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=2 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=4 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=34 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=24 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=35 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=22 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=70 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=32 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=33 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=30 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=76 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=34 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=82 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1></TD>
<TD></TD>
</TR>
<TR>
<TD COLSPAN=17>
<IMG SRC="images/layout-copy_01.gif" WIDTH=504 HEIGHT=5></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=5></TD>
</TR>
<TR>
<TD ROWSPAN=8>
<IMG SRC="images/layout-copy_02.gif" WIDTH=7 HEIGHT=110></TD>
<TD COLSPAN=14>
<IMG SRC="images/layout-copy_03.gif" WIDTH=488 HEIGHT=72></TD>
<TD COLSPAN=2>
<IMG SRC="images/layout-copy_04.gif" WIDTH=9 HEIGHT=72></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=72></TD>
</TR>
<TR>
<TD ROWSPAN=7>
<IMG SRC="images/layout-copy_05.gif" WIDTH=2 HEIGHT=38></TD>
<TD COLSPAN=14>
<IMG SRC="images/layout-copy_06.gif" WIDTH=487 HEIGHT=5></TD>
<TD ROWSPAN=10>
<IMG SRC="images/layout-copy_07.gif" WIDTH=8 HEIGHT=283></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=5></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/layout-copy_08.gif" WIDTH=119 HEIGHT=3></TD>
<TD ROWSPAN=4>
<IMG SRC="images/layout-copy_09.gif" WIDTH=70 HEIGHT=12></TD>
<TD COLSPAN=8>
<IMG SRC="images/layout-copy_10.gif" WIDTH=298 HEIGHT=3></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=3></TD>
</TR>
<TR>
<TD ROWSPAN=4>
<IMG SRC="images/layout-copy_11.gif" WIDTH=4 HEIGHT=18></TD>
<TD ROWSPAN=4>
<a href="www.MYLINK.com"><IMG SRC="images/layout-copy_12.gif" WIDTH=34 HEIGHT=18></a></TD>
<TD COLSPAN=3>
<IMG SRC="images/layout-copy_13.gif" WIDTH=81 HEIGHT=3></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/layout-copy_14.gif" WIDTH=95 HEIGHT=5></TD>
<TD COLSPAN=3 ROWSPAN=4>
<a href="www.MYLINK.com"><IMG SRC="images/layout-copy_15.gif" WIDTH=120 HEIGHT=18></a></TD>
<TD COLSPAN=2 ROWSPAN=4>
<IMG SRC="images/layout-copy_16.gif" WIDTH=83 HEIGHT=18></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=3></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_17.gif" WIDTH=24 HEIGHT=15></TD>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_18.gif" WIDTH=35 HEIGHT=15></TD>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_19.gif" WIDTH=22 HEIGHT=15></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=2></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/layout-copy_20.gif" WIDTH=32 HEIGHT=13></TD>
<TD ROWSPAN=2>
<IMG SRC="images/layout-copy_21.gif" WIDTH=33 HEIGHT=13></TD>
<TD ROWSPAN=2>
<IMG SRC="images/layout-copy_22.gif" WIDTH=30 HEIGHT=13></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=4></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout-copy_23.gif" WIDTH=70 HEIGHT=9></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=9></TD>
</TR>
<TR>
<TD COLSPAN=14>
<IMG SRC="images/layout-copy_24.gif" WIDTH=487 HEIGHT=12></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=12></TD>
</TR>
<TR>
<TD COLSPAN=12>
Hello</TD>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_26.gif" WIDTH=10 HEIGHT=245></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/layout-copy_27.gif" WIDTH=117 HEIGHT=237></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=236></TD>
</TR>
<TR>
<TD COLSPAN=12 ROWSPAN=2>
<IMG SRC="images/layout-copy_28.gif" WIDTH=369 HEIGHT=9></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/layout-copy_29.gif" WIDTH=117 HEIGHT=8></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
ok i got a couple of teh links to work(need to finish them) and i delted the black area and typed there and it worked.
So i got links and my words, but 1 more problem
i need to get it to fit teh whole page? cut it is a web site so it needs to be whole. also how do i change the text color? cus when i right on teh page it is black and teh bg is black so i need to make teh writing what. and were do i out the code?
thanx i think ia m almost done. with it then i iwll uplaod to my server.
modifier_guy
11-25-2003, 05:37 PM
1 more problem
around my links is purple houw do i make it so that they have no border?
http://modfreaks.host.sk/layout-copy.html
i uploaded the layout to my website but i need it to be teh full screen? how do i do that?
around my links is purple houw do i make it so that they have no border?
http://modfreaks.host.sk/layout-copy.html
i uploaded the layout to my website but i need it to be teh full screen? how do i do that?
modifier_guy
11-25-2003, 07:44 PM
ok i got it to fit teh page good and i got the links working and i need to knwo how to make the text in my big black area white and i need to knwo how to to get rid of teh border around my links
thanx
http://modfreaks.host.sk/Untitled-1.html i ahve redone my website with new colors and stuff
but now i run into the problem of were to add text in eth big silver square becauyse when i changed the color i dont knwo were to put it cus when i deleted the picture it was just white and i wnat it to make it over teh picture(or over teh silver) i knwo how to do the links and stuff just not on how to make the text over teh silver
thanx
http://modfreaks.host.sk/Untitled-1.html i ahve redone my website with new colors and stuff
but now i run into the problem of were to add text in eth big silver square becauyse when i changed the color i dont knwo were to put it cus when i deleted the picture it was just white and i wnat it to make it over teh picture(or over teh silver) i knwo how to do the links and stuff just not on how to make the text over teh silver
PeOfEo
11-25-2003, 09:29 PM
Modifyer, that code is all full of errors and bugs. For one none of those images have alt tags, also the height and width attributes were depreciated by the w3. If you use that code you have now it will not validate by w3 standards and be inaccessable. If you insist on making a non-fluid table based layout atleast use css for the attributes. I have said this before but you are not listening to me. for background colors and images use this
<element style="background-color:#000000; background-image:url("./someurl.gif");">
for height and width use
style="height:somepx; width:somepx;"
I am telling you if you use tables it will be a pain in the butt to ever move to a css layout so if you want css you need to start using it now. CSS would also mean half as much code as that to do the same thing and it would be in an external file so you would only have to right it one time for it to affect all pages. Do not make your layout wrong, make it right the first time even if you do use tables. Get rid of those heights and widths and get rid of those colors and get alt tags. If you try to use the font tag to change the text color I will jump thru my computer and out your moniter and wring your neck, do it the valid way <td style="font:12px ms sans serif, arial, helvetica; color:#ffffff;">
<element style="background-color:#000000; background-image:url("./someurl.gif");">
for height and width use
style="height:somepx; width:somepx;"
I am telling you if you use tables it will be a pain in the butt to ever move to a css layout so if you want css you need to start using it now. CSS would also mean half as much code as that to do the same thing and it would be in an external file so you would only have to right it one time for it to affect all pages. Do not make your layout wrong, make it right the first time even if you do use tables. Get rid of those heights and widths and get rid of those colors and get alt tags. If you try to use the font tag to change the text color I will jump thru my computer and out your moniter and wring your neck, do it the valid way <td style="font:12px ms sans serif, arial, helvetica; color:#ffffff;">
modifier_guy
11-25-2003, 09:55 PM
<HTML>
<HEAD>
<TITLE>Untitled-1</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<!-- ImageReady Slices (Untitled-1) -->
<TABLE WIDTH=504 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=6 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=53 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=71 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=14 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=38 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=50 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=112 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=25 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=91 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1></TD>
<TD></TD>
</TR>
<TR>
<TD COLSPAN=16>
<IMG SRC="images/layout-copy_01.gif" WIDTH=504 HEIGHT=5></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=5></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=11>
<IMG SRC="images/layout-copy_02.gif" WIDTH=6 HEIGHT=147></TD>
<TD COLSPAN=13>
<IMG SRC="images/layout-copy_03.gif" WIDTH=489 HEIGHT=87></TD>
<TD ROWSPAN=10>
<IMG SRC="images/layout-copy_04.gif" WIDTH=9 HEIGHT=145></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=87></TD>
</TR>
<TR>
<TD COLSPAN=13>
<IMG SRC="images/layout-copy_05.gif" WIDTH=489 HEIGHT=4></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=4></TD>
</TR>
<TR>
<TD COLSPAN=7>
<IMG SRC="images/layout-copy_06.gif" WIDTH=198 HEIGHT=1></TD>
<TD ROWSPAN=5>
<IMG SRC="images/layout-copy_07.gif" WIDTH=50 HEIGHT=21></TD>
<TD COLSPAN=5 ROWSPAN=3>
<IMG SRC="images/layout-copy_08.gif" WIDTH=241 HEIGHT=5></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/layout-copy_09.gif" WIDTH=67 HEIGHT=2></TD>
<TD ROWSPAN=5>
<IMG SRC="images/layout-copy_10.gif" WIDTH=71 HEIGHT=28></TD>
<TD COLSPAN=3 ROWSPAN=3>
<IMG SRC="images/layout-copy_11.gif" WIDTH=60 HEIGHT=10></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=2></TD>
</TR>
<TR>
<TD ROWSPAN=7>
<IMG SRC="images/layout-copy_12.gif" WIDTH=6 HEIGHT=53></TD>
<TD ROWSPAN=5>
<IMG SRC="images/layout-copy_13.gif" WIDTH=53 HEIGHT=31></TD>
<TD ROWSPAN=7>
<IMG SRC="images/layout-copy_14.gif" WIDTH=8 HEIGHT=53></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=2></TD>
</TR>
<TR>
<TD ROWSPAN=6>
<IMG SRC="images/layout-copy_15.gif" WIDTH=12 HEIGHT=51></TD>
<TD COLSPAN=3 ROWSPAN=3>
<IMG SRC="images/layout-copy_16.gif" WIDTH=138 HEIGHT=24></TD>
<TD ROWSPAN=5>
<IMG SRC="images/layout-copy_17.gif" WIDTH=91 HEIGHT=49></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=6></TD>
</TR>
<TR>
<TD ROWSPAN=5>
<IMG SRC="images/layout-copy_18.gif" WIDTH=14 HEIGHT=45></TD>
<TD ROWSPAN=2>
<IMG SRC="images/layout-copy_19.gif" WIDTH=38 HEIGHT=18></TD>
<TD ROWSPAN=5>
<IMG SRC="images/layout-copy_20.gif" WIDTH=8 HEIGHT=45></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=10></TD>
</TR>
<TR>
<TD ROWSPAN=4>
<IMG SRC="images/layout-copy_21.gif" WIDTH=50 HEIGHT=35></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_22.gif" WIDTH=71 HEIGHT=27></TD>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_23.gif" WIDTH=38 HEIGHT=27></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/layout-copy_24.gif" WIDTH=138 HEIGHT=25></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=5></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/layout-copy_25.gif" WIDTH=53 HEIGHT=22></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=20></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/layout-copy_26.gif" WIDTH=113 HEIGHT=2></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/layout-copy_27.gif" WIDTH=125 HEIGHT=354></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=2></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout-copy_28.gif" WIDTH=3 HEIGHT=352></TD>
<TD COLSPAN=11>
<IMG SRC="images/layout-copy_29.gif" WIDTH=375 HEIGHT=352></TD>
<TD>
<IMG SRC="images/layout-copy_30.gif" WIDTH=1 HEIGHT=352></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=352></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
that is my code but i am having problem with the text and my piture it is messing up my site. I ahve redone this with fever slcies and my best oen yet. i just need to knwo were to put my text and pitures in teh big grey area in eth middle
so how do u sugest i fix it cus i am new to layouts and this is my first try and what is CSS. if you could go thru and fix that layout that would be nice or help me fix it because i ahve no idea what to do?
<HEAD>
<TITLE>Untitled-1</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<!-- ImageReady Slices (Untitled-1) -->
<TABLE WIDTH=504 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=6 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=53 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=71 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=14 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=38 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=50 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=112 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=25 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=91 HEIGHT=1></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1></TD>
<TD></TD>
</TR>
<TR>
<TD COLSPAN=16>
<IMG SRC="images/layout-copy_01.gif" WIDTH=504 HEIGHT=5></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=5></TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=11>
<IMG SRC="images/layout-copy_02.gif" WIDTH=6 HEIGHT=147></TD>
<TD COLSPAN=13>
<IMG SRC="images/layout-copy_03.gif" WIDTH=489 HEIGHT=87></TD>
<TD ROWSPAN=10>
<IMG SRC="images/layout-copy_04.gif" WIDTH=9 HEIGHT=145></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=87></TD>
</TR>
<TR>
<TD COLSPAN=13>
<IMG SRC="images/layout-copy_05.gif" WIDTH=489 HEIGHT=4></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=4></TD>
</TR>
<TR>
<TD COLSPAN=7>
<IMG SRC="images/layout-copy_06.gif" WIDTH=198 HEIGHT=1></TD>
<TD ROWSPAN=5>
<IMG SRC="images/layout-copy_07.gif" WIDTH=50 HEIGHT=21></TD>
<TD COLSPAN=5 ROWSPAN=3>
<IMG SRC="images/layout-copy_08.gif" WIDTH=241 HEIGHT=5></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/layout-copy_09.gif" WIDTH=67 HEIGHT=2></TD>
<TD ROWSPAN=5>
<IMG SRC="images/layout-copy_10.gif" WIDTH=71 HEIGHT=28></TD>
<TD COLSPAN=3 ROWSPAN=3>
<IMG SRC="images/layout-copy_11.gif" WIDTH=60 HEIGHT=10></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=2></TD>
</TR>
<TR>
<TD ROWSPAN=7>
<IMG SRC="images/layout-copy_12.gif" WIDTH=6 HEIGHT=53></TD>
<TD ROWSPAN=5>
<IMG SRC="images/layout-copy_13.gif" WIDTH=53 HEIGHT=31></TD>
<TD ROWSPAN=7>
<IMG SRC="images/layout-copy_14.gif" WIDTH=8 HEIGHT=53></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=2></TD>
</TR>
<TR>
<TD ROWSPAN=6>
<IMG SRC="images/layout-copy_15.gif" WIDTH=12 HEIGHT=51></TD>
<TD COLSPAN=3 ROWSPAN=3>
<IMG SRC="images/layout-copy_16.gif" WIDTH=138 HEIGHT=24></TD>
<TD ROWSPAN=5>
<IMG SRC="images/layout-copy_17.gif" WIDTH=91 HEIGHT=49></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=6></TD>
</TR>
<TR>
<TD ROWSPAN=5>
<IMG SRC="images/layout-copy_18.gif" WIDTH=14 HEIGHT=45></TD>
<TD ROWSPAN=2>
<IMG SRC="images/layout-copy_19.gif" WIDTH=38 HEIGHT=18></TD>
<TD ROWSPAN=5>
<IMG SRC="images/layout-copy_20.gif" WIDTH=8 HEIGHT=45></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=10></TD>
</TR>
<TR>
<TD ROWSPAN=4>
<IMG SRC="images/layout-copy_21.gif" WIDTH=50 HEIGHT=35></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=8></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_22.gif" WIDTH=71 HEIGHT=27></TD>
<TD ROWSPAN=3>
<IMG SRC="images/layout-copy_23.gif" WIDTH=38 HEIGHT=27></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/layout-copy_24.gif" WIDTH=138 HEIGHT=25></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=5></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/layout-copy_25.gif" WIDTH=53 HEIGHT=22></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=20></TD>
</TR>
<TR>
<TD COLSPAN=2>
<IMG SRC="images/layout-copy_26.gif" WIDTH=113 HEIGHT=2></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/layout-copy_27.gif" WIDTH=125 HEIGHT=354></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=2></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/layout-copy_28.gif" WIDTH=3 HEIGHT=352></TD>
<TD COLSPAN=11>
<IMG SRC="images/layout-copy_29.gif" WIDTH=375 HEIGHT=352></TD>
<TD>
<IMG SRC="images/layout-copy_30.gif" WIDTH=1 HEIGHT=352></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=352></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
that is my code but i am having problem with the text and my piture it is messing up my site. I ahve redone this with fever slcies and my best oen yet. i just need to knwo were to put my text and pitures in teh big grey area in eth middle
so how do u sugest i fix it cus i am new to layouts and this is my first try and what is CSS. if you could go thru and fix that layout that would be nice or help me fix it because i ahve no idea what to do?
Shto
11-26-2003, 08:02 AM
Hey if you want to e-mail me the picture I will cut it up and do the html for you then you can go back and fill in the text and look at what I did. If that will help
modifier_guy
11-26-2003, 08:46 AM
that would be great, i got it cut up but i a sure u can do sumthing umw hats ur mail?
Shto
11-26-2003, 08:48 AM
send it to mike@lucidmag.com
modifier_guy
11-26-2003, 10:09 AM
ok cus i got it ok but i am new to makign layouts so i dont know much
i need the buttons on the top to be links(i cna do that if you cut them or whatever)
i need to have writing in the big grey area
and on the right side i will send you sum stuff i need it on it cus i want to put this message board i will send allt he stuff
modfreaks@hotmail.com
i need the buttons on the top to be links(i cna do that if you cut them or whatever)
i need to have writing in the big grey area
and on the right side i will send you sum stuff i need it on it cus i want to put this message board i will send allt he stuff
modfreaks@hotmail.com
PeOfEo
11-26-2003, 05:24 PM
Modifyer, to learn css visit www.w3schools.org . After you are done with this layout post your code back here an I will sift through your syntax errors, correct some of them and show you how to fix the others or future complications, because I do not believe shto is using valid html (actually I know he isn't but I was trying to be polite)
ps: to make those images act as links you can use <a href="someurl"><img src="yourimage" alt="yourimage"></a>
notice that alt? Yea that is alternate text so that nographical browsers will display that due to the fact that an image cant be shown, also it will display if the image is unavailable.
ps: to make those images act as links you can use <a href="someurl"><img src="yourimage" alt="yourimage"></a>
notice that alt? Yea that is alternate text so that nographical browsers will display that due to the fact that an image cant be shown, also it will display if the image is unavailable.
modifier_guy
11-26-2003, 05:51 PM
tahnks i will go throught that site and bookmark ti for futre reffrence it is a good site.
webdeveloper.com
Copyright Internet.com Inc., All Rights Reserved.
Copyright Internet.com Inc., All Rights Reserved.