CSS Help

body
{

font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #DC143C;
margin: 0px;
background-image : url(bg.jpg);
background-repeat : repeat-y;
background-color : #87CEEB;
}

.nav
{

position: absolute;
top: 10px;
left: 10px;
width: 130px;
height: auto;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height : 110%;

}

.content

{

margin-left: 190px;
margin-right: 500px;
margin-top: 13px;
padding: 20px;
background-color : #87CEFA;
color : Black;
border : 2px dotted white;

}

.bate

{

color : #DC143C;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px;
margin-left: 190px;
margin-right: 500px;
margin-top: 13px;
border: 2px dotted white;
background : #ADD8E6;
}

.header

{

margin-top: 10px;
margin-left: 160px;
margin-bottom: 10px;
margin-right: 30px;
background-color : #ADD8E6;
color : #DC143C;
border : 2px dotted #E0FFFF;
}

.box

{
background-color : #F8F8FF;
color : #DC143C;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px;
margin: 2px;
margin-top: 15px;
border: 2px dotted #87CEEB;
}

.navbox
{

font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10pt;
padding: 3.5pt;
margin: 2pt;
border : 1.5px dotted #7B68EE;
color : Black;
background-color : #66CDAA;
}

h1
{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 18pt;
font-style : normal;
font-variant : normal;
font-weight : bolder;
text-align : center;
text-decoration : none;
line-height : 110%;
word-spacing : 3px;
color : #DC143C;
}

a:link {/*normal links in the text*/
color: blue;
text-decoration : none; }
a:visited {
color: blue;
text-decoration : none; }
a:hover {
text-decoration : underline;
color : #DC143C;
}

ol.lroman
{
list-style-type: lower-roman
}

HTML/PHP:

<html>
<head>
<link rel="stylesheet" href="bucha-style.css" type="text/css">
<title> Jon Buchans webpage</title>
<meta keywords = "Jon Buchan">
<meta description = "Jon Buchans Web-site.">
</head>

<body>

<?php global $db_list;

$database = "****xx";

$conn = @mysql_connect("xx","xx","xx")
or die ("Sorry");

@mysql_select_db($database) or die ("unable to select database!");

$query = "SELECT * FROM links WHERE page='main'";

$result = mysql_query($query);

$num = mysql_numrows($result);

$i=0;

while($i< $num){

$url=mysql_result($result,$i,"url");
$text=mysql_result($result,$i,"text");

if( file_exists( $url ) )
{
echo("<div class=\"navbox\">"."<a href=\"$url\">".$text."</a>"."</div>");
}
else
{
echo("<div class=\"navbox\">".$text."</div>");
}

$i++;
}

</div>

<?php global $db_list;

$database = "x";

$conn = @mysql_connect("x","x","x")
or die ("Sorry");

@mysql_select_db($database) or die ("unable to select database!");

$query = "SELECT * FROM content WHERE page='Home' ORDER BY time_of_entry DESC";

$result = mysql_query($query);

$num = mysql_numrows($result);

$i=0;

while($i< $num){

$content=mysql_result($result,$i,"content");
$date=mysql_result($result,$i,"date_of_entry");
$time=mysql_result($result,$i,"time_of_entry");
$headline_one=mysql_result($result,$i,"headline_one");

echo("<h1>".$headline_one."</h1>");
echo("<b>Date: ".$date." Time:".$time."</b>");
echo("<p>".$content."</p>");

$i++;
}

</div>
<div class="bate">

Random Bate Phrase:

<?php

$arr_num = mt_rand(0, 4);

$bate_phrase = array();

$bate_phrase[0] = "\"What would you do if dave squashed and died?\"";
$bate_phrase[1] = "\"There is millions of rains coming over!\"";
$bate_phrase[2] = "\"I think, DRE, will be most listend album.\"";
$bate_phrase[3] = "\"LI-ON!\"";
$bate_phrase[4] = "\"Where IS the blast off?\"";

echo("<p>".$bate_phrase[$arr_num]."</p>");

</div>
</body>
</html>

My Question:

How can I make another box, on the right, I have no idea how to do this, i've tired and obviouslly failed.

I've looked at guides on the internet but don't understand. Do I use position:float? Or what?

Cheers :)

Jon

CSS Help

I love CSS, but I'm still new to it.

phidentity

auxum

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week