46 users online (0 members and 46 guests)  


  Results 1 to 3 of 3

Related

  1. Forum Issues, Problem with unread posts    Forum: HTML Forum
    Replies: 1
  2. Replies: 3
  3. Beginner needs help    Forum: Javascript Forum
    Replies: 2
  4. Beginner CSS Help ?    Forum: CSS Forum
    Replies: 4
  5. beginner here! this should be ez    Forum: HTML Forum
    Replies: 10
  1. #1
    arvindikchari's Avatar
    New User

    Status
    Offline
    Join Date
    Dec 2008
    Posts
    23

    Post 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;
    }

  2. #2
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    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.

  3. #3
    arvindikchari's Avatar
    New User

    Status
    Offline
    Join Date
    Dec 2008
    Posts
    23

    Post 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



Tags for this Thread