Results 1 to 3 of 3
Related
-
Forum Issues, Problem with unread posts Forum: HTML Forum
Replies: 1 -
Beginner problem with the css, position and columns Forum: CSS Forum
Replies: 3 -
Beginner needs help Forum: Javascript Forum
Replies: 2 -
Beginner CSS Help ? Forum: CSS Forum
Replies: 4 -
beginner here! this should be ez Forum: HTML Forum
Replies: 10
-
01-18-2009, 05:20 PM #1
beginner problem with css: some issues
Dear all,
I have just created a new template and it can be seen at http://greatbooks.110mb.com/deletion/
The problems are:
(a) Below the left menu there is a blank line which i dont want
(b) I want there to be a gap between the big red background button at top , and the text starting from 'Hi! This is my second design for' How do I do this
The CSS is given below:
/* CSS Document */
/*PAGE LAYOUT*/
body {
background-image: url(images/bg_body.jpg);
background-repeat: repeat-x;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#toppage{
width:1000px;
}
#date{
float:left; width:90px; height:39px; border-bottom:solid 1px #999999; border-right:solid 1px #999999;
}
#topbar{
float:left;
width:998px;
height:40px;
background-image:url(bg_topbar.jpg);
background-color:#CBC55C;
background-repeat:repeat-x;
border-right:solid 1px #999999;
}
#header{
width:1000px;
}
#content{
width:1000px;
}
#contenttext{
float:left; width:808px;
background-color:#F7F7F7;
border-left:solid 1px #999999; border-right:solid 1px #999999;
border-bottom:solid 1px #999999; border-top:dotted 1px #CCCCCC;
min-height:360px;
}
#logo{
float:left; width:190px; height:110px; background-color:#F7F7F7; border-left:solid 1px #999999;
}
#pagetitle{
position:relative; float:left; width:808px; height:110px; background-color:#F7F7F7; border-right:solid 1px #999999;
}
#title{
position:absolute; right:10px; bottom:0px; width:600px;
}
#menu{
float:left; width:190px; margin:0px;
}
#footer{
width:790px; padding-right:10px; padding-left:200px;
}
/*GRAY PANEL*/
.panel{
padding:12px;
border:solid 1px #E4E4E4;
background-color:#EEEEEE;
margin:10px;
padding:10px;
width:750px;
height:160px;
}
/*TEXT STYLES*/
.bodytext {
font: 0.7em Tahoma, sans-serif;
color: #666666;
}
.smalltext {
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
color: #666666;
}
.smallwhitetext {
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
color: #FFFFFF;
}
.smallwhitetext a{
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
color: #FFFFFF;
text-decoration:none;
}
.smallwhitetext a:hover{
text-decoration:underline;
}
.smallgraytext {
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
color:#CCCCCC;
}
.smallgraytext a{
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
color:#CCCCCC;
text-decoration:none;
}
.smallgraytext a:hover{
text-decoration:underline;
}
.titletext {
font: 0.7em Tahoma, sans-serif;
font-size:36px;
font-weight:bold;
color: #CCCCCC;
}
.logotext {
font: 0.7em Tahoma, sans-serif;
font-size:36px;
font-weight:bold;
color: #999999;
}
.orangelogotext {
font: 0.7em Tahoma, sans-serif;
font-size:36px;
font-weight:bold;
color:#FF9900;
}
.orangetitle {
font: 0.7em Tahoma, sans-serif;
font-size:24px;
font-weight:bold;
color:#FF9900;
}
#linksmenu {
background-image:url(bg_menu.jpg);height:24px;color: #FFFFFF;
}
#linksmenu a{
float:right;
width:183px;
height:20px;
background-color:#d3d3d3; border-left:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF;
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
color: #FFFFFF;
text-decoration:none;
padding-top:5px;
}
#linksmenu a:hover{
background-color:#a9a9a9;
}
-
01-20-2009, 10:17 AM #2
Re: beginner problem with css: some issues
Did you get it fixed? I am not seeing anything you described at the link you gave including the text.
-
01-22-2009, 05:19 AM #3
Re: beginner problem with css: some issues
Hello,
No I didnt fix it, I changed the code quite a bit, (basically restarted from scratch)
Regards
Arvind
Cloudjiffy- PaaS for Developers
10-05-2020, 12:30 AM in Web Hosting Forum