swantonbomb88
New Member
- Messages
- 66
- Reaction score
- 0
- Points
- 0
im coding a layout for a site i made, and i need help.
on this site:
http://www.gaming-x.exofire.net/test.htm
im trying to get the content box that says NEW! SVR08 blah blah up next to the NEW! box...
like so:
EDIT:
CSS:
HTML:
on this site:
http://www.gaming-x.exofire.net/test.htm
im trying to get the content box that says NEW! SVR08 blah blah up next to the NEW! box...
like so:
EDIT:
CSS:
HTML:
body {
margin:0px;
background: #0d8700;
repeat-y;
}
.navmenu
{ background:url(images/buttonbg.png) repeat-x;
height: 35px}
.header {
background: url(images/headerbg.png) repeat-x;
height:150px}
.annount {
width:500px;
height:350px;
}
.announl {
background: url(images/smallheader-left.png) no-repeat;
width:16px;
height:30px;
}
.annountitle {
background: url(images/smallheadbg.png) repeat-x;
height:30px;
text-align:center;
color:#000000
}
.announr {
background: url(images/smallheader-right.png) no-repeat;
width:16px;
height:30px;
}
.announb {
background:#007408;
}
.newt {
width:250px;
height:250px;
}
.newl {
background: url(images/smallheader-left.png) no-repeat;
width:16px;
height:30px;
}
.newtitle {
background: url(images/smallheadbg.png) repeat-x;
height:30px;
text-align:center;
color:#000000
}
.newr {
background: url(images/smallheader-right.png) no-repeat;
width:16px;
height:30px;
}
.newb {
background:#007408;
}
.searchbox {
align: right;
}
#sddm
{ margin: 0;
padding: 0;
z-index: 30}
#sddm li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial}
#sddm li a
{ display: block;
margin: 0 0px 0 0;
padding: 10px 0px;
width: 117px;
height: 15px;
background:url(images/button-body.png);
color: #FFF;
text-align: center;
text-decoration: none}
#sddm li a:hover
{ background:url(images/button-bodyhover.png)
}
#sddm div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 2px ridge #3fd049;}
#sddm div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 27px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: url(images/dropdownbg.png) repeat-y;
background-color: #1f6d25;
color: #3fd049;
font: 11px arial}
#sddm div a:hover
{ background:url(images/dropdownhover.png);
color: #FFF}
HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="scripts/dropdown.js"></script>
<title>Gaming-X</title>
<body>
<div class="header">
<img src="images/logo.png">
</div>
<div class="navmenu">
<ul id="sddm">
<li><a href="#">Home</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#"
onmouseover="mopen('m1')"
onmouseout="mclosetime()">Trailers</a>
<div id="m1"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<center>
<a href="#">Playstation</a>
<a href="#">XBox</a>
<a href="#">Nintendo</a>
<a href="#">PC</a>
<a href="#">Mac</a>
</center>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m2')"
onmouseout="mclosetime()">Cheats</a>
<div id="m2"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<center>
<a href="#">Playstation</a>
<a href="#">XBox</a>
<a href="#">Nintendo</a>
<a href="#">PC</a>
<a href="#">Mac</a>
</center>
</div>
</li>
<li><a href="#">Contact</a></li>
</ul>
<form action="/cgi-sys/entropysearch.cgi" target=searchwindow>
<input type="text" name="query" value="">
<input type="hidden" name="user" value="sbomb88">
<input type="hidden" name="basehref" value="http://gaming-x.exofire.net">
<input type="hidden" name="template" value="default">
<input type="submit" value="Search">
</form>
</div>
<div style="clear:both"></div>
<p>
<table class="newt" cellpadding="0px" cellspacing="0px">
<tr>
<td class="newl">
</td>
<td class="newtitle">
NEW!
</td>
<td class="newr">
</td>
</tr>
<tr>
<td class=newb colspan="3">
<center>
Looks Awesome!
(Embed here)
</center>
</td>
</tr>
</table>
<center><table class="annount" cellpadding="0px" cellspacing="0px">
<tr>
<td class="announl">
</td>
<td class="annountitle">
NEW! SVR08 Create-A-Finisher
</td>
<td class="announr">
</td>
</tr>
<tr>
<td class=announb colspan="3">
<center>
Looks Awesome!
(Embed here)
</center>
</td>
</tr>
</table>
</center>
</body>
</html>
Last edited:
