I updated and streamlined my code this morning.
I had a lot of unnecessary lines that I just tossed.
I also summed a lot of repeated lines into my main
class that applies them to all children classes.
css is the easiest language I have ever learned.
NEW code:
* {
padding:0px;
border:0px;
color: #FFF;
background: #3D3D3D no-repeat;
font: sans-serif;
}
.journalbox {
width:580px;
height:800px;
}
.journalbox .journaltop {
width:580px;
height:50px;
background-image: url('[link]);
font-size: 0px;
}
.journalbox .journaltop h2 {
font-size: 18px;
letter-spacing:1px;
background: none;
position:absolute;
top:5px;
left:5px;
}
.journalbox .journaltop img {
display:none;
}
.journalbox .journaltext {
width:100px;
height:685px;
position:absolute;
top:50px;
left:0px;
}
div.main {
width:500px;
height:250px;
position:absolute;
top:20px;
left:15px;
}
div.left {
width:275px;
height:685px;
position:absolute;
top:300px;
left:15px;
overflow:scroll;
}
div.right {
width:250px;
height:670px;
position:absolute;
top:300px;
left:325px;
overflow:scroll;
}
.journalbox .journalbottom {
position:absolute;
bottom:0px;
left:0px;
background-image: url('[link]);
width:580px;
height:65px;
font-size: 0px;
}
.journalbox .journalbottom .commentslink {
background: none;
position:absolute;
left:175px;
bottom:27px;
font-size: 12px;
}
.journalbox .journalbottom .prevlink {
background: none;
position:absolute;
right:175px;
bottom:27px;
font-size: 12px;
}
OLD code:
.journalbox {
width:580px;
height:800px;
border:none;
background-color: #3d3d3d;
color: #FFF;
padding:0px;
border:0px;
}
.journalbox .journaltop {
background-image: url('[link]);
background-color: #3d3d3d;
color: #FFF;
}
.journalbox .journaltop h2 {
letter-spacing:3px;
background-color: #3d3d3d;
color: #FFF;
}
.journalbox .journaltop date {
letter-spacing:3px;
background-color: #3d3d3d;
color: #FFF;
.journalbox .journaltop img {
display:none;
color: #FFF;
}
.journalbox .journaltext {
position:absolute;
top:50px;
left:0px;
color:white;
background-color: #3d3d3d;
font-family:serif;
width:100px;
height:685px;
padding:0px;
border:0px;
}
div.left {
background-color: #3d3d3d;
width:275px;
position:absolute;
top:20px;
left:15px;
overflow:auto;
padding:0px;
border:0px;
}
div.right {
background-color: #3d3d3d;
width:250px;
height:670px;
position:absolute;
top:20px;
left:325px;
overflow:scroll;
}
.journalbox .journalbottom {
position:absolute;
bottom:0px;
left:0px;
background-image: url("[link]");
width:580px;
height:65px;
background-color: #3d3d3d;
padding:0px;
border:0px;
}
.journalbox .journalbottom .commentslink {
color: #FFF;
}
.journalbox .journalbottom .prevlink {
color: #FFF;
}