Log in

View Full Version : My CSS Layout



Pawf
10-04-2006, 10:52 AM
Css just posted that he was making css layouts for people and I remembered I had made one but not posted it. Anyway, here it is :) Tell me coding problems etc

http://www.ian559.pwp.blueyonder.co.uk/smiffla/css.html

Css
10-04-2006, 10:58 AM
Its ok i suppose.. Maybe add borders?

sock
10-04-2006, 10:59 AM
Its ok i suppose.. Maybe add borders?

Ye, Try not to make it all squary.

Pawf
10-04-2006, 11:00 AM
Its ok i suppose.. Maybe add borders?

I tried, but I couldn't work out the code, little help please?

Css
10-04-2006, 11:01 AM
And possibly postion stuff? eg :

.content {
float: left;
padding: 4px;
border: 1px solid #000000;
}

.nav {
float: right;
padding: 4px;
border: 1px solid #000000;
}

Thats not a full piece of code obviously... Just posting an example of floats?

EDIT:
border: 1px solid #000000;

Pawf
10-04-2006, 11:05 AM
And possibly postion stuff? eg :

.content {
float: left;
padding: 4px;
border: 1px solid #000000;
}

.nav {
float: right;
padding: 4px;
border: 1px solid #000000;
}

Thats not a full piece of code obviously... Just posting an example of floats?

EDIT:
border: 1px solid #000000;

Those floats mess it up :P
But thanks for the border code, looks much better :D

Tomm
10-04-2006, 11:25 AM
Is the text suppost to go over the image on the left?

Pawf
10-04-2006, 11:27 AM
Yes that's the background.

I just noticed something, in my FireFox it doesn't work :s Has anyone else tried it in firefox?

Splinter
10-04-2006, 11:48 AM
its not a layout its just a page with a background, banner and some writing..

Pawf
10-04-2006, 11:50 AM
its not a layout its just a page with a background, banner and some writing..

You're using firefox? Thought so, try viewing it in IE. For some reason it's not all there in firefox

Splinter
10-04-2006, 11:54 AM
ah i see now..

Pawf
10-04-2006, 11:57 AM
I'm trying to work out how to make it work in firefox :s any ideas anyone?

Sygon.
10-04-2006, 12:01 PM
Is ok but i dont like the shade of blue.

Pawf
10-04-2006, 12:03 PM
fair enough :P do you have any idea what is wrong with the coding?

www.ian559.pwp.blueyonder.co.uk/smiffla/css.css is the css file

www.ian559.pwp.blueyonder.co.uk/smiffla/css.html is the page :s

Sygon.
10-04-2006, 12:07 PM
whats wrong with it and which browser?

Pawf
10-04-2006, 12:12 PM
In FireFox the table bits don't show like in IE

Sygon.
10-04-2006, 12:16 PM
:)Ok im seeing it now let me inspect and hten ill post.

Pawf
10-04-2006, 12:18 PM
Thanks a lot man :D

Sygon.
10-04-2006, 12:21 PM
:) as im not at my home i cant work it out but looking at the source its fine can u paste css here pls

Pawf
10-04-2006, 12:23 PM
* { margin:10; padding:0; }

A:link {text-decoration: underline; color: black;}
A:visited {text-decoration: underline; color: black;}
A:active {text-decoration: underline; color: black;}
A:hover {text-decoration: underline; color: black; font-weight: bold}
body { background-image: url('bg.gif');
font-family: Verdana;
font-size: 10;
color: ##000000;

#masthead {background-color:#CCCCCC;
width:100%;
padding:8px;
border: 1px solid #000000; }

#nav { width:100%;
padding:8px;
background-color:#4781B3;
border-size:1;
border: 1px solid #294966; }

#content { padding:8px;
width:100%;
background-color:#5293CC;
border: 1px solid #335C80; }

#footer { clear:both;
background-color:#5293CC;
width:100%;
padding:8px;
border: 1px solid #335C80; }

Sygon.
10-04-2006, 12:25 PM
:) this probs dont make a difference but
color: ##000000; <- is wrong.

Pawf
10-04-2006, 12:44 PM
Lol, thanks for looking anyway <3 + rep

Sygon.
10-04-2006, 12:45 PM
Lol, thanks for looking anyway <3 + rep

Lol np <3

Pawf
11-04-2006, 10:24 AM
Comment now :D

Sygon.
11-04-2006, 12:22 PM
seems the same to me.

Pawf
11-04-2006, 12:32 PM
it is but many people haven't commented :P

ps first post on new laptop :D

Sygon.
11-04-2006, 12:42 PM
it is but many people haven't commented :P

ps first post on new laptop :D

*jealous* :P

Want to hide these adverts? Register an account for free!