Jump to content

CSS Help!


SeekeroftheHorizon

Recommended Posts

Since I am a web designer, I somehow became a good beginner at the CSS for Pet Pages. So here's what my code looks like:

--------------------------------------------

<style>
body{
background:#FFFFFF;
background-position:50% 50%

}
body, div, a{
font: 14 pt arial;
color: #FFFFFF;
text-align:center;
border: 2pt;
}
h1 {
height: 15px;
text-transform: lowercase;
font-size: 14pt;
font-family: Arial Black;
text-align: center;
color: #FFFFFF;
background:url("http://i1284.photobucket.com/albums/a576/SmileDreamly/Header_zps96cc7496.png");
background-repeat: no-repeat;
}
#nav {
top: 205px;
left: 75px;
width: 630px;
height: 30px;
z-index: 3;
}
#nav a {
text-decoration:none;
color:#FFFFFF
padding-left: 23px;
padding-right: 23px;
}
#nav a:hover {
color: #00E9F5;
}
a:link, a:active, a:visited {
text-decoration: none;
color: #0051FF;
}
a:hover {
color: #927F44;
}
b {
font: 7pt verdana;
color: #8FB677;
border-bottom: 1px dotted #7f7f7f;
font-weight: bold;
}
#pic {
left: 0px;
top: 0px;
right: 50px;
width: 780px;
height: 600px;
background: url("http://i1284.photobucket.com/albums/a576/SmileDreamly/background_zps92bbfe53.png");
z-index: -1;
background-position: 50% 13%
}
#info {
left: 74px;
top: 235px;
width: 632px;
z-index: 2;
padding: 0px;
}
.footer {
width: 632px;
padding: 5px 0px;
background-color: #C0D6B2;
border: 1px solid #759B60;
color: #000000;
z-index: 4;
text-align: center;
}
table {
background: none;
}
table a img, center p {
height: 0px;
width: 0px;
overflow: hidden;
}

-----------------------------

But it shows nothing... At all. What's the reason for this?

 

 

By the way the code help is by SunnyNeo. I just made the code as my own layout as in pictures and font family.

Link to comment
Share on other sites

Oh man. I did not know at the very bottom there's not end Style tag! Thank you for that notice. I'll try again and see what happens!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...