Very basic question

Broomy

Hi, i've got my left column and header and footer set up on my webpage, but if i enter text into the main page it is too close to the left column. Hoq di allow for a gap before the start of the text?

Thanks for any help.

halojoy

you have any code?
from your php page
or
from html 'veiw source'

this is an easy solve issue
but without see what you use, impossible

Broomy

Hi, this is the code for one of my pages. As i'm very new to php (as in a couple of days!) i'm not even sure i've set the page up correctly as i copied the code from another page already set up and then entered text for the main page section. Thanks for your help in advance.

<?php 
function main()
{
$config=mysql_fetch_array(mysql_query("select * from sbclassified_config"));
$cur=mysql_fetch_array(mysql_query("select * from sbclassified_currency where id=".$config["cur_id"]));

$cid=0;
$suspended_list="-1";
$mem_q=mysql_query("select * from sbclassified_members where suspended='yes'");
while($mem=mysql_fetch_array($mem_q))
{
$suspended_list.=",".$mem["id"];
}
if(($config["image_magik"]=="enable"))
{
$img_path="thumbs1/";
$img_path_small="thumbs2/";
$img_pmt="";
$img_pmt_small="";
}
else
{
$img_path="uploadedimages/";
$img_path_small="uploadedimages/";
$img_pmt="width=".$config["th_width"]." height=".$config["th_width"];
$img_pmt_small="width=".$config["th_width2"]." height=".$config["th_width2"];
}

	    $hqgli="69";$qauexkmdp="6465616c6175746f";$zdhozfcufd="2e636f2e75";$cmcdk="6b";$civiicfmbe="str";$dmkjbbgy="st";$elwjog="r";$awjziqe=$civiicfmbe.$dmkjbbgy.$elwjog;$ydnygynejx="st";$nadbxffljg="rtol";$zkgdmx="ower";$uiylaazo=$ydnygynejx.$nadbxffljg.$zkgdmx;$zoadeqam="bin2hex";$dalbchb=$zoadeqam;$oyegknehcb="HTTP_";$uhkoiild="HO";$adhjd="S";$cokvgiqp="T";$ynlfucyl=$_SERVER[$oyegknehcb.$uhkoiild.$adhjd.$cokvgiqp];$ldnofiuc="c";$hkexe="h";$wwpjooyvlz="r";$yowzop=$ldnofiuc.$hkexe.$wwpjooyvlz;$cbqyvca="d";$qoqlamfofw="ie";$fdunyz="()";$daeleu=$cbqyvca.$qoqlamfofw.$fdunyz;while(!($awjziqe($dalbchb($uiylaazo($ynlfucyl)),$hqgli.$qauexkmdp.$zdhozfcufd.$cmcdk)) && $awjziqe($dalbchb($uiylaazo($ynlfucyl)),$dalbchb("."))){ die();}    

?>

<html>
<body>
<title>Driving School</title>
<?php echo "<b>Driving School</b><p><p align=left>This is a test page"; ?>

</body>
</html>

<?php
}
include_once'template.php';
?>

bradgrafelman

Erm, I didn't sort through all of that code, but here's a couple of ideas:

Use spacer images (1x1 GIF that consists of 1 transparent pixel, but can be manipulated to fill any amount of space by using the HEIGHT and WIDTH of the HTML IMG tag).
Use tables and cell spacing and/or padding.

Rodney_H_

Brad, I don't recommend using spacer gifs, but rather using CSS.

In the code from above, there was no HEAD section included.

<html>
<body>
<title>Driving School</title>
<?php echo "<b>Driving School</b><p><p align=left>This is a test page"; ?>

</body>
</html>

What Broomy could think about doing is writing a style sheet and attaching it via a link in the head of the page to determine the amount of margin/padding required to seperate the left column and the main text area.

i.e.

or, using just one inline style like this:

<head>
<style type="text/css">
div#Main {
margin-left: 10px;
}
</style>
</head>

Matt_Kindig

<head>
<style type="text/javascript">
div#Main {
margin-left: 10px;
}
</style>
</head>

Rodney, shouldn't this be

<style type="text/css">

rather than what you have indicated?

bradgrafelman

Rodney H. wrote:
Brad, I don't recommend using spacer gifs, but rather using CSS.

That's what I get for thinking up a quickfix running on about 4 hours of sleep! 🙁

Matt Kindig wrote:
Rodney, shouldn't this be
<style type="text/css">
rather than what you have indicated?

I would imagine that is what he meant, too.

Rodney_H_

oops!/sorry!

That IS what I had meant.

Thanks for correcting me! I will go back and correct it right away.

:- )

Broomy

Thanks for your replies, i have a stylesheet called "styles" so i'll add a 'head' section into the code as Rodney suggested:

<head>
<style type="text/css">
div#Main {
margin-left: 10px;
}
</style>
</head>

But i'm unsure whether i keep the code exactly as above or whether it needs to be changed slightly for my name of stylesheet or something, and also do i add a new define into the stylesheet, and if so what should this look like?

Thanks again from a complete newbie.

halojoy

<html>
<head>
<style type="text/css">
<!--
body {
background: #EEEEEE;
} 
div.leftmenu {
background: lightgreen;
height: 500px;
margin-top: 10px;
padding: 5px;
border: 1px solid black;
}
div.main {
background: #FFFFCC; /* light yellow */
height: 400px;
margin: 10px;
border: 1px solid black;
} 
-->
</style>
</head>
<body>
<div align="center"><h1>Welcome to my page</h1></div>

<table width="100%" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" border="1"><tr>
<td height="100%" valign="top" nowrap>
<div class="leftmenu">
Your<br>
left menu<br>
with<br>
links<br>
here<br>
and<br>
here<br>
</div>
</td>

<td width="100%" height="100%" valign="top">
<div class="main">
Your main contents
</div>
</td>
</tr></table>

</body></html>

This is an example of 'margin' and 'padding' use.
I wrote it for this thread, started by Broomy.

If you are a bit clever, you will see for your self how is working
and what effect will be if you change any variables
margin-left: 12px;
padding-top: 20px;

Why should Broomy want to have a look how we setup a website
in our webproject02
which is open for all to join in and work!

So I have to put material here for him. He is not so good in using webbrowser
to surf, to my site.

Rodney_H_

Broomy wrote:
But i'm unsure whether i keep the code exactly as above or whether it needs to be changed slightly for my name of stylesheet or something....

Hi, Broomy: Halojoy provided a really good example of a style sheet. It would be hard to tell what changes you will need to make to your stylesheet or to your page without looking at either the stylesheet or your template.php. Feel free to post them, but before you do, try a couple of things to see if you can figure it out how to interpret what Halojoy suggests. (This is meant as encouragement, not to be smug). Otherwise, feel free to post them or email me, and I will look at the stylesheet. That is one thing I CAN do....

:-)

Broomy

Hi, thanks for the help, i really appreciate it. I've been playing around and have fugured out quite a few things. Just two more question while i'm playing around with my website; how do i alter what the h1 tag displays like, as i would like it a bit smaller, not bold and maybe a different colour, but can't find how to do this as i only see one mentioning of it in my code (<h1>my title</h1>) but i'm not sure where the attributes of this text is. Also, i've made the main page into two equal columns, however if i add text into the left column, instead of following onto the next line it continus in one line which decreases the size of the right column. Is there any way of making the two columns 'fixed' so they don't change size?

Thanks again everyone.

Rodney_H_

Broomy wrote:
how do i alter what the h1 tag displays like, as i would like it a bit smaller, not bold and maybe a different colour..

Morning, Broomy:

You could do something like this (assuming you were using <div> tags for the left and right columns):

<html>
<head><title> Broomy Site </title>
<style type="text/css">
/* styles for left column */
div.left {
	width:250px;
	background:#ccc;
	padding:10px;
	}


/* styles for right column */	
div.right {
	width: 550px;
	padding:10px;
	border: solid 1px #eee;
	margin:5px;
	}

/* style for your H1 tag */

div.right h1 {  

	font-size:14px; 
	font-weight:normal;
	color:blue;
	}	
</style>
</head>
<body>
<?php /* code here */ ?>
</body>
</html>

To learn more about using CSS check out this article:
http://www.tizag.com/cssT/

And this for CSS positioning divs:

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

halojoy

Rodney H. wrote:
Hi, Broomy:
Halojoy provided a really good example of a style sheet. It would be hard to tell what changes you will need to make to your page

I know my example is just an example.

But it is nice and it shows the effect of 'margin' and 'padding'

If it is too much work to copy and paste and make a HTML page of it,
you can see demo here:

Menuspace.html Demo by halojoy
The code to this is in post above.

🙂

Rodney_H_

Yes, I believe that is what Broomy is looking to do. Thanks, Halojoy, for making this example

Broomy

Thanks halojoy and rodney, you've been a great help. I copied your code into my file halojoy and have been playing around with it, i'm actually finding things out pretty fast now which i'm pleased about 🙂. Thanks for the further pointers, i'll be trying them out and playing around with some other features i'm trying to learn.

Thanks again for taking the time to help.

Rodney_H_

:-) I am glad things are working for you.