help!!! HTML and CSS - trying to make a theme - need some web designing soft?

A

Akhil Gupta

New member
i hav made this

--------------------------------------------------------------------------
HTML File
--------------------------------------------------------------------------



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>%%title%%</title>
<link href="main_style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div class="header">
%%title%%
</div>

<div class="container">

<div class="sidebar">
<div style="text-align:center; font-style:oblique;">
Navigation
</div>

</div>

<div class="content">
gggg77777777777777777 777777777777 77777777777 77777777 777777777777 777777777 77777777 7777777 77777777 7777777777 777777777777777777777 777777777777
</div>

</div>

<div class="footer">
jj
</div>

</body>
</html>

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



--------------------------------------------------------------------------
CSS File
--------------------------------------------------------------------------


body{
margin: 25px;
}

.header{
background: url(final%20-%20top%20-%20long.png);
background-attachment: fixed;
background-repeat: repeat-y;
width: 780px auto;
height: 100px;
padding: 50px 25px 0px 25px;
font-size:50px;
font-family:"Comic Sans MS", cursive;
}

.container{
width: 790px auto;
background-image: url(final%20-%20middle%20-%20short.png);
background-attachment:fixed;
background-repeat:repeat-y;
padding: 0px 20px 20px 20px;
}
.active .content{
background-color: #FFFFFF;
}

.sidebar{
float: left;
width: 30%;
}

.nav{
border-right-width: thin;
border-right-style: dashed;
border-bottom-style: dashed;
border-bottom-width: thin;
}

.content{
float: right;
color: #CCCCCC;
width: 70%;
padding: 0 20px 0 20px;
}

.footer{
width: 790px auto;
background-image: url(final%20-%20bottom.png);
background-attachment:fixed;
background-repeat:repeat-y;
clear: both;
padding: 0px 25px 0px 20px;
text-align: center;
}


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


don't worry about the images as they are'nt tht imp

the main problem is tht the text in the "content" is overflowing - i mean tht it is going beyond the width specified
also the page is not being center alinged even after setting width to auto - it was being centered before but i don't kno wat i did and now everything is going wrong - and in hurry to correct small mistakes, i have spoiled the whole design
please - if possible - try to copy and make this page on your system and then try it


one more thing - can someone tell me from where can i get free(even to modify and use it) and good css themes with vertical navigation - and want one for weebly

or a free software like 'website layout maker' or an alternative to 'artisteer'
hi
here is the link to get all these files downloaded(including the images)

http://www.mediafire.com/?nc71hno342vaw

thnks
 
Back
Top