[Help] Css

[xxcorrosionxx]

Hello members,

I would like to create a T on the script i made to make it look a bit nicer for the layout. I went ahead a made a picture on what i want the css to look like and do. If i could get some help on successfully coding this i would be very thankful. Here is the image i made located below:



Here is what mine look's like right now:



This is my css code for the grey dotted line:

PHP Code:

body {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    margin: 0px;
    padding: 20px 10px 0px;
}
.textfield {
    font-size: 11px;
    color: #333333;
    background: #F7F7F7;
    border: 1px solid #CCCCCC;
    padding-left: 1px;
}
h1 {
    color: #99CC00;
    margin: 0px 0px 5px;
    padding: 0px 0px 3px;
    font: bold 18px Verdana, Arial, Helvetica, sans-serif;
    border-bottom: 1px dashed #E6E8ED;
}
a {
    color: #2D3954;
    font-size: 11px;
}
a:hover {
    color: #99CC00;
}
.err {
    color: #FF9900;
}
th {
    font-weight: bold;
    text-align: left;
} 


This would be the dotted line:

PHP Code:

h1 {
    color: #99CC00;
    margin: 0px 0px 5px;
    padding: 0px 0px 3px;
    font: bold 18px Verdana, Arial, Helvetica, sans-serif;
    border-bottom: 1px dashed #E6E8ED;
} 


Regards,

xxcorrosionxx

[AndrewGSW]

There is no vertical-line element so it requires setting a left or right-border to either your sidebar or content area. This depends on how these two areas are styled.