View Full Version : CSS Layout....


LuvinVanessa4
05-10-2004, 05:19 AM
K, I've tried using the CSS layouts provided on this site, but they didn't work so well for me, could someone find me a layout exactly like this site's and send me the coding possibly? I know how to code it I just need the layout. Here's the site's address: www.neoholic.com I want my layout to be able to have 3 columns like that site with a main image at the top that I will personally make myself and a footer at the bottom that I can place all my copyright stuff. Sorry mainly what I'm asking for is just the layout I will code the rest. Sorry to bug you all. Thanks for your time!:)

John

By the way, my e-mail is THilfiger0218@aol.com

LuvinVanessa4
05-10-2004, 11:46 PM
anybody know? Pretty much that page has the exact layout I want. I'm not worried about the tables that are angled and stuff I plan to make all my own stuff I just wanted to 3 column layout with a header image and a footer. Thanks for any help!:)

Rosey
05-11-2004, 04:15 AM
they did that with tables, not css. If you want it in tables, i can give you the basic code:

<table>
<tr><td colspan="3">banner here</td></tr>

<tr><td valign="top"> left side</td>

<td valign="top"> center</td>

<td valign="top"> right side</td>

</tr>

<tr><td colspan="3">copyright info here</td></tr>

</table>

You'll have to add width to the table and the td tags.

LuvinVanessa4
05-11-2004, 04:46 AM
so thats all they used was tables then they used it to where they click on any of the links and it opens the whole page up with the same layout? hmmm thats pretty cool I wasn't sure.

Oh yea what's colspan mean?

Rosey
05-11-2004, 05:01 AM
yeah that's all they did, no frames no nothing. They also have tables within the content. Just view their source.

Colspan means that it will span a certain number of columns, in our case, 3.

http://www.lissaexplains.com/tables.shtml

They probably used php includes for their site so they wouldn't have to edit ALL their pages when one link changed but that's another story. I'm not sure you have php capabilities.

LuvinVanessa4
05-11-2004, 05:18 AM
Ah, sweet alright I really hate tables lol but could you help me to where they just got a black thin line border going around all their tables? Cuz for some reason I can't get it to. For some reason I know when you goto pick the borderdarkcolor and the borderlight color for the table that it will make two borders but I just want a single thin line border like that have going around the all the content. Thanks!

Rosey
05-12-2004, 12:31 AM
just do <table style="border: 1px solid black;"> and that will put a border around the whole table.

LuvinVanessa4
05-12-2004, 02:01 AM
yike this isn't working so well alright right now I have a border going around but I just want to make it thinner, sorry I don't mean to ask but could you goto my site and take a look at the coding? Also I noticed something else on that page they had all their stuff filling the whole screen how come mine isn't doing that? My address is: http://www.geocities.com/ademainvasion/final.htm Thanks!:)

Whoops oh yea sorry I didn't ignore what you posted I tried that coding but it didn't come out so well. That's why I was asking if you could goto my site and possibly tell me where I would put that coding in. Thanks!

Rosey
05-12-2004, 02:11 AM
i don't think you can make it smaller than 1px. As for why it doesn't fit in the screen is because you set the width for 690something.

LuvinVanessa4
05-12-2004, 02:14 AM
Yea, but what I meant was on their page they made it to where their wasn't a gap at the left of the screen besides the table and their wasn't a gap at the top of the table either. Like it was all fitted in perfectly. Also I meant I tried that coding and it worked but when I punched it in it only put a border around the whole table itself and not a border between all the cells that I had listed.

Rosey
05-12-2004, 02:17 AM
all their borders are part of their background images.

LuvinVanessa4
05-12-2004, 02:24 AM
Ah ic so they made those backgrounds with borders on them already dang lol would you know about how they got all that content in the window without the gaps on the sides though?

LuvinVanessa4
05-12-2004, 02:27 AM
Huh? All their borders are part of their background images how so?

Rosey
05-12-2004, 02:36 AM
well the background for the left is a blue strip with a black border on it. You can right click and see.

LuvinVanessa4
05-12-2004, 02:39 AM
K, you mean where it's light blue and they have those tables on the left? I mean the ones with the headings and stuff cuz I know part of them are images. And I know the top image has a border around it, but I'm just lost on how they got the border around the 3 columns.

Rosey
05-12-2004, 05:56 AM
Ok i think this is how he did it:

he made the table and then made a td that had a rowspan of 2 and put an image that's one pixel wide and set the background color for #333333

What I think you could do (i haven't tested it) is in your td tags put style="border-right:1px solid black;" or whatever color you want. You put that in the td on the left and then for the one on the right you would do border-left:1px .

Hope that makes sense.