Well googling, tells me all this is to do is so the computer can read it?! I want people to read my site, not computers
I got my header working fine, that looks as it used to now, using only divs, were ul & ol etc would not be very useful anyway.
However, I've now got 2 problems.
Main content box has a margin.. and is still there, BUT. It's now got a frigging white border in place of a margin were it never used to, but had the margin matching the colour needed. Is there a way to fix that?
And now, I used to have 2 tables next to each other, one on the left, one on the right.. now it sits under it now it's a div!
Way to fix that?
Heres my code (without header and footer, as the main index pulls them in with a php require)
Code:
<div class="page">
<div class="toptr">
<div class="td100">
<br />
<div class="tmain">
<div>
<div class="tcat">»CobraOS</div>
</div>
<div>
<div class="menuboxmiddle">Welcome!</div>
</div>
<div>
<div class="alt1">
<div class="alt1">
<div>
<!-- INFO -->
<div style="margin: 10px;">
~snip text content~
<br /> <br />
~and again it's just text~
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="tmenu">
<div>
<div class="tcat"><strong>»Screenshots</strong></div>
</div>
<div>
<div class="menuboxmiddle">Gallary</div>
</div>
<div>
<div class="alt1">
<video src="sources/video/front.ogv" controls="controls" class="frontvid">
Hmm. Seeing this text? Here's some possible reasons: <br />
<br />
1. Your blocking all webpage scripts <br />
2. Your browser does not like HTML5 video <br />
3. Your browser doesn't support mp4 or Ogg Vorbis
</video><br /> <br /><a href="watch.php">See More!</a>
</div>
</div>
</div>
<br />
</div><br />
</div>
Any idea what I'm doing wrong?
Some of the CSS being used in that particular template file:
Code:
.tmain
{
border: solid 1px;
margin-left: auto;
margin-right: auto;
padding: 0px;
border-spacing: 0px;
width: 100%;
}
.tmenu
{
border: solid 1px;
margin-left: auto;
margin-right: auto;
padding: 0px;
border-spacing: 0px;
width: 175px;
}
.page
{
background: #FFFFFF;
color: #000000;
padding: 0px;
border-spacing: 20px;
border: 0px;
margin-left: auto;
margin-right: auto;
width: 1000px;
font: 10pt sans, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.menuboxmiddle
{
background: #fff url(../images/headerbackgroundlinks.gif) repeat-x top left;
border: 1px;
color: #000;
padding: 0px;
height: 15px;
font: 10pt sans, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-align: center;
}
.tcat
{
background: #0140a8 url(../images/headerbackground.png) repeat-x top left;
color: #FFFFFF;
border: 1px #000;
height: 27px;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 0px;
}
.alt1, .alt1Active
{
background: #F5F5FF;
color: #000000;
font: 10pt sans, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
Think that's all.
PS: Sorry for the odd questions. I know it's not related to vB.. but I figured.. What better place to ask than a modification community? where most of the people modify templates all day
This worked fine when it was tables and td's etc.
I learn from example and from seeing code and trial and error.. a block of writing would just confuse me. Just so you know
Thanks again!