Styling HELP!

[ajaxsoundscool]

Hi guys,

 

Im learning to code, i followed some tutorials online on how to make a simple social network website..

 

I have the bare bones of the sight but it looks shocking and theres a few errors...

 

www.just-vent.com

 

now...

 

I want o create a pretty cool layout for all my content, and im just beginning with code...

 

Is there any simple way of taking my code and applying it to a new style with little coding? Or would anyone be able to wedit my stylesheet if i send over the existing code and a file with all the slices and a note document with all the dimensions?

 

I tried playing around with error after error :/

 

Cheers

 

Guy

[jcbones]

I toyed with it a bit.  All the styling can be done in stylesheets.  You could try this sheet, it has a bit of CSS3 in it, but it will give you an idea of how much styling you can do with CSS.

 

 

 
#pageTop
{
background: #FFFFFF;
-webkit-border-radius: 20px 20px 0 0;
border-radius: 20px 20px 0 0;
}
 
#pageTopWrap
{
background: #FFFFFF;
-webkit-border-radius: 50px 50px 0 0;
border-radius: 50px 50px 0 0;
}
 
#pageTopLogo
{
width: 200px;
margin: 0 auto;
}
 
#pageTopRest
{
background: #FFFFFF;
}
 
#menu1
{
background: #FFFFFF;
width: 900px;
margin: 0 auto;
}
 
#menu1 div
{
text-align: right;
}
 
#menu2
{
background: #FFFFFF; 
}
 
#pageMiddle
{
background: #FFFFFF;
margin: 0 0;
 
}
 
#pageMiddle h3:first-child
{
width: 200px;
margin: 0 auto;
text-shadow: 0px 0px 5px #1C0CFF;
filter: dropshadow(color=#1C0CFF, offx=0, offy=0);
}
 
#pageBottom
{
background: #FFFFFF;
-webkit-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
}
 
body
{
width : 950px; 
height: 1024px;
    margin: 0 auto;
    padding: 0px;
    border: none;
background: #1C0CFF;
}
 
a:link, a:visited
{
color: #000000;
text-decoration: none;
cursor: pointer;
}
 
a:hover, a:active
{
color: #0000FF;
text-decoration: none;
cursor: pointer;
}
 
img
{
border: none;
}
 

[codeful]

When i was learning CSS, http://getfirebug.com/ helped me a lot. I could build my stylesheets "visually".  Try some developer tools shipped with your browser.