HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
css / divs: left, right, middle problem
Post new topic   Reply to topic    HTML Help Forum Index -> CSS
View previous topic :: View next topic  
Author Message
cleaverX



Joined: 23 May 2006
Posts: 36

PostPosted: Sun Jun 11, 2006 7:14 am     css / divs: left, right, middle problem Reply with quote

Hi,

yet an other css question... positioning everything right seems to be a difficulty (to me)



What i want is that the lines "right information, still right, and third line" are truelly right, glued to the right border, with a width of 150px as i declare in mainpage.css... it doesn't want to work.
Any help is highly appreciated.

These are the files with their code:



mainpage.css
Code:
#info_left
{
float: left;
width: 150px;
margin-left: 1px;
margin-top: 50px;
}

#info_left h1
{
font-size=12;
}

#info_left_posttime
{
font-size:9;
}

span.posttime
{
font-size:8;
}

#info_right
{
float: right;
width: 100px;
margin-top: 150px;
margin-right: 1px;
border: 5px #333333;
}


pageheader.css
Code:
#user_right
{
font-size:9;
color=#999999;
float:right;
margin:0;
padding:1em;
font-family: "Verdana";
}

#user_right table
{
font-size:9;
color=#999999;
font-family: "Verdana";
}

#user_right *
{
font-size:9;
color=#999999;
font-family: "Verdana";
}


allpages.css
Code:
body
{
margin: 0 auto;
font-size:11;
font-family: "Verdana";
background-color: gray;
}

#globe
{
text-align: center;
margin: 0 auto;
}

#container
{
width: 760px;
height: 1600px;
margin-top: 1px;
margin: 0 auto;
text-align: left;
/*border: 3px #333333;*/
background-image: url('http://www.kskz.be/objects/backgroundstripes.png');
}


pageheader.php
Code:
<?php
session_start();
?>
<?php
function renderPageHeader($callerPage)
{
   echo("<link rel=\"stylesheet\" type=\"text/css\" href=\"css/pageheader.css\"/>");
   //---login
   echo("<img id=\"titlebar\" src=\"objects/titlebar760.jpg\">");
   echo("<div id=\"user_right\">");
   if(strlen($_SESSION['kskz_cur_username'])<1)
   {
      echo("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-collapse: collapse\">");
      echo("<form method=\"post\" action=\"http://www.kskz.be/login.php?previouspage=$callerPage\">");
      echo("<tr><td>Login:&nbsp;</td><td><input type=\"text\" name=\"edLogin\" size=\"10\"></td></tr>");
      echo("<tr><td>Password:&nbsp;</td><td><input type=\"password\" name=\"edPassword\" size=\"10\"></td></tr>");
      //echo("<tr><td>Remember me:&nbsp;</td><td><input type=\"checkbox\" name=\"cbRemember\" value=\"ON\"></td></tr>");
      echo("<tr><td><input type=\"submit\" value=\"Login\" name=\"buSubmit\">&nbsp;<input type=\"reset\" value=\"Clear\" name=\"buReset\"></td><td>&nbsp;</td></tr>");
      echo("</form>");
      echo("</table>");
   }
   else
   {
      echo("<br>Welcome, <i>".$_SESSION['kskz_cur_username']."</i>");
      echo("<br><font color=\"#0000FF\">[ <a href=\"logout.php\">logout</a> ]</font>");
      echo("<br><font color=\"#0000FF\">[ <a href=\"showprofile.php?folder=Home\">My Profile</a> ]</font>");      
   }

   echo("</div>");

   //---menu
   include("menu_new/menu.php");
   echo("<span style=\"letter-spacing: 6\"><font face=\"Verdana\" size=\"2\"><b>");
   echo("<font color=\"#FF0000\">K</font></b>oninklijke<b> <font color=\"#FF0000\">S</font></b>obeka<b>&nbsp;");
   echo("<font color=\"#FF0000\">K</font></b>anoclub<b> <font color=\"#FF0000\">Z</font></b>wevegem</font></span>");

}

?>


index.php ( i removed all code that has nothing to do with positioning)

Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Sobeka Kanoclub</title>
<link rel="stylesheet" type="text/css" href="css/allpages.css">
<link rel="stylesheet" type="text/css" href="css/mainpage.css">
</head>
<div id="globe">
<div id="container">
<?php
include("pageheader.php");
renderPageHeader($PHP_SELF);//display above image & menu + the login section on rightside & top of page.
?>

<div id="info_left">
<?php
//all stuff of the left side
echo("</div>");
?>
<div id="info_left">right information<br>still right<br>thrid line</div>
</div><!---END OF CONTAINER-->
</div><!---END OF GLOBE-->
</html>
cleaverX



Joined: 23 May 2006
Posts: 36

PostPosted: Sun Jun 11, 2006 7:17 am     Reply with quote

oh,

maybe some coding syntax is maybe not how it should be...
i'm not a professional site builder... (hence the problems)
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> CSS All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial