Quote:
Originally Posted by rbxslvr
What do you mean? are you asking for a WYSIWYG editor? I did this in HTML... well, actually PHP that controls the HTML.
CSS:
Code:
.roundhead {
width: 90%;
background-color: #5C6633;
color: #fff;
position: relative;
top: 30px;
left: 50%;
margin-left: -45%;
}
.roundnav {
width: 20%;
background-color: #5C6633;
color: #fff;
position: relative;
margin-left: 5%;
margin-top: 4%;
float:left;
}
.roundcont {
width: 68%;
background-color: #5C6633;
color: #fff;
position: fixed;
margin-left: 26%;
margin-top: 4%;
}
.contcont {
width: 100%;
}
.roundhead p {
margin: 0 10px;
}
.roundnav p {
margin: 0 10px;
}
.roundcont p {
margin: 0 10px;
}
.roundtop {
background: url(indexstyles/style1/trc.bmp) no-repeat top right;
}
.roundbottom {
background: url(indexstyles/style1/brc.bmp) no-repeat top right;
}
img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}
By the way, I don't know if I had the problem or not before I started using the php.... I created the layout in HTML originally, but threw it into some PHP so that I could more easily populate the different DIVs. Now, for each page, I have a set of ~4 variables to fill in... (Title, Head, Navigation, Content).
Okay, I've made the code look a little nicer... better hierarchical tag layout. Not perfect, but better than lines 1000's of characters long. At least I eliminated horizontal scrolling of the code. |
Yeah, I was seeing if you were using a WYSIWYG, and if so, I wouldnt have helped
.
But this is relatively easy fix, your CSS just needs changed a little...
Code:
.roundhead {
width: 90%;
background-color: #5C6633;
color: #fff;
position: relative;
top: 30px;
left: 50%;
margin-left: -45%;
}
.roundnav {
width: 20%;
background-color: #5C6633;
color: #fff;
position: relative;
margin-left: 5%;
margin-top: 4%;
float:left;
}
.roundcont {
width: 68%;
background-color: #5C6633;
color: #fff;
position: relative;
margin-left: 26%;
margin-top: 4%;
}
.contcont {
width: 100%;
}
.roundhead p {
margin: 0 10px;
}
.roundnav p {
margin: 0 10px;
}
.roundcont p {
margin: 0 10px;
}
.roundtop {
background: url(indexstyles/style1/trc.bmp) no-repeat top right;
}
.roundbottom {
background: url(indexstyles/style1/brc.bmp) no-repeat top right;
}
img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}