TheCatapult
-
Posts
111 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by TheCatapult
-
-
Hello. Sorry for these questions: What should I float? Can you give me a little example? Please. Thanks much!
-
Hello!How to centralize all the content from my web site. I use absolute as positioning.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>TCB | Online Streaming | </title> <style type="text/css"> a:link {text-decoration:none;} /* unvisited link */a:visited {text-decoration:none;} /* visited link */a:hover {text-decoration:none;} /* mouse over link */a:active {text-decoration:none;} /* selected link */a:link {color:#999999;} /* unvisited link */a:visited {color:#999999;} /* visited link */a:hover {color:#000000;} /* mouse over link */a:active {color:#000000;} /* selected link */body {background-image:url('background.jpg');}p.{font-family:"Comic Sans MS",Times,serif;} #div{ background-image:url('title-back.jpg'); width: 450px; font-family:"Arial", Times, serif; text-align:justify; } #Logo{ width: 768px; height: 128px; position: absolute; top: 0px; left: 0px;}#Navigation{ width: 768px; height: 35px; position: absolute; top: 128px; left: 0px;}#UStream{ width: 320px; height: 256px; position: absolute; top: 163px; left: 450px;}#Slideshow{ width: 450px; height: 337px; position: absolute; top: 163px; left: 0px;}#news{a:link {text-decoration:none;} /* unvisited link */a:visited {text-decoration:none;} /* visited link */a:hover {text-decoration:underline;} /* mouse over link */a:active {text-decoration:underline;} /* selected link */ width: 450px; height: 450px; background-color: #99ffff; position: absolute; top: 500px; left: 0px;}#Social{ width: 318px; height: 76px; background-color: #99ffff; position: absolute; top: 420px; left: 450px; }#top10{ width: 318px; height: 152px; background-color: #99ffff; position: absolute; top: 496px; left: 450px;}#top10songs{ width: 319px; height: 240px; background-image:url('topback.jpg'); position: absolute; top: 648px; left: 450px; font-family:"Arial Narrow",Times,serif; font-size:14px;}#dj{ width: 318px; height: 76px; position: absolute; top: 496px; left: 450px;</style> <script type="text/javascript"><!--var image1=new Image() image1.src="1-1.jpg"var image2=new Image() image2.src="1-2.jpg"var image3=new Image() image3.src="1-3.jpg"var image4=new Image() image4.src="1-4.jpg"var image5=new Image() image5.src="1-5.jpg"//--></script> </head> <body><div id="Logo"> <img border="0" src="logo.png" alt="Programs" width="768" height="128"></div><div id="Navigation"> <a href="index.html"><img border="0" src="1.png" alt="Programs"></a><a href="programs.html"><img border="0" src="2.png" alt="Programs" ></a><a href="schedule.html"><img border="0" src="3.png" alt="Programs"></a><a href="anchors.html"><img border="0" src="4.png" alt="Programs"></a><a href="contact.html"><img border="0" src="5.png" alt="Programs"></a><a href="advertise.html"><img border="0" src="6.png" alt="Programs"></a></div><div id="Slideshow"> <img src="1-1.jpg" alt="Programs" name="slide" width="450" height="337"><script type="text/javascript"><!--//variable that will increment through the imagesvar step=1function slideit(){//if browser does not support the image object, exit.if (!document.images)returndocument.images.slide.src=eval("image"+step+".src")if (step<5)step++elsestep=1//call function "slideit()" every 2.5 secondssetTimeout("slideit()",2500)}slideit()//--></script> </div><div id="news"><div><img border="0" src="headline.jpg" alt="Programs" width="451" height="82"> <?$username="";$password="";$database="";mysql_connect("",$username,$password);@mysql_select_db($database) or die( "Unable to select database");$query="SELECT * FROM news ORDER BY id DESC LIMIT 20";$result=mysql_query($query);$num=mysql_numrows($result);mysql_close();?><?$i=0;while ($i < $num) {$id=mysql_result($result,$i,"id");$title=mysql_result($result,$i,"title");$content=mysql_result($result,$i,"content");$poster=mysql_result($result,$i,"poster");?><div id="div"> <? echo '<a href="http://catapultphpmysql.eu.pn/testwebsite/news.php?id=' . $id . '">' . $title . '</a> <br/>'; ?></div><?$i++;} ?></div></div> <div id="UStream"><iframe src="http://www.ustream.tv/embed/10214266" width="320" height="180" scrolling="no" frameborder="0"style="border: 0px none transparent;"></iframe><br><img border="0" src="social.jpg"></div> <div id="Social"><center><img border="0" src="fb.gif" alt="Programs"><img border="0" src="tweet.gif" alt="Programs"></center></div> <div id="top10"><center><img border="0" src="dj.jpg" alt="Programs"><br><img border="0" src="top10.jpg" alt="Programs"></center></div> <div id="top10songs"><?php$conn = mysql_connect("", "", "");if (!$conn) { echo "Unable to connect to DB: " . mysql_error(); exit;} if (!mysql_select_db("")) { echo "Unable to select mydbname: " . mysql_error(); exit;}$sql = "SELECT id as one, two, three, four, five, six, seven, eight, nine, ten FROM top10 WHERE id = 0";$result = mysql_query($sql);if (!$result) { echo "Could not successfully run query ($sql) from DB: " . mysql_error(); exit;}if (mysql_num_rows($result) == 0) { echo "No rows found, nothing to print so am exiting"; exit;}// While a row of data exists, put that row in $row as an associative array// Note: If you're expecting just one row, no need to use a loop// Note: If you put extract($row); inside the following loop, you'll// then create $userid, $fullname, and $userstatuswhile ($row = mysql_fetch_assoc($result)) { echo $row["one"]; echo '<br>'; echo $row["two"]; echo '<br>'; echo $row["three"]; echo '<br>'; echo $row["four"]; echo '<br>'; echo $row["five"]; echo '<br>'; echo $row["six"]; echo '<br>'; echo $row["seven"]; echo '<br>'; echo $row["eight"]; echo '<br>'; echo $row["nine"]; echo '<br>'; echo $row["ten"];}mysql_free_result($result);?></div> <div id="dj"> <?$username="";$password="";$database="";mysql_connect("",$username,$password);@mysql_select_db($database) or die( "Unable to select database");$query="SELECT * FROM diskjockey1";$result=mysql_query($query);$num=mysql_numrows($result);mysql_close();$i=0;while ($i < $num) {$jockey=mysql_result($result,$i,"jockey");echo "<b>$jockey";$i++;}?></div></body> </html>Thanks much!
why the content is not on left
in CSS
Posted · Edited by MisterCatapult
Hello! I have problem with <div> and <margin>. Why the third "Mission" button is not on the very left instead it is alligned on the next of the second "Mission". I have very closed the <div> where the second "Mission" does belongs, i.e. 3 closes
. Here's the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><script type="text/javascript">/*<![CDATA[*//*---->*//*--*//*]]>*/</script> <style type="text/css">#wrapper {margin: 0 auto; width: 768px;}.left { float: left;}.right {float:right;margin-right:10px;}.right1 {float:right;margin-top:100px;} .Banner {width: 768px; height: 244px;background-color:#CCff00}.cat1 {width: 768px; height: 37px;.test {width: 768px; height: 37px;}</style></head><body><div id="wrapper"><div class="Banner"><img border="0" src="Images/banner.png" alt="Programs"width="768" height="244"></div><div class="cat1"><img border="0" src="Images/home.gif" alt="Programs" width="153"height="40"><img border="0" src="Images/sched.gif" alt="Programs" width="153"height="40"><img border="0" src="Images/about.gif" alt="Programs" width="153"height="40"><img border="0" src="Images/contact.gif" alt="Programs" width="153"height="40"><img border="0" src="Images/mission.gif" alt="Programs" width="153"height="40"></div><div class=test"><div class="right"><img border="0" src="Images/mission.gif"alt="Programs" width="153" height="40"></div><div class="left"><img border="0" src="Images/mission.gif" alt="Programs"width="153" height="40"></div></div></div> <div><div class="right1"><img border="0" src="Images/mission.gif" alt="Programs"width="153" height="40"></div></div> </div> </body></html>Look for the attached file for the scrren shot of problem .Thanks!Thanks!