Jump to content

text going off the page..

wrathican

By wrathican
in CSS Help

 Share

Recommended Posts

wrathican Advanced Member

wrathican

Posted
Posted

well, not totally off the page, but out of the 'container' i have.

 

if you look here:

http://localhost/LS12Style/contact.php

 

the text goes out of the background. any ideas why?

 

css:

/* Layout */

body {
text-align:center;
background-color:#CCCCCC;
background-image:url(images/ls12bigbg.gif);
background-repeat:repeat;
background-attachment:fixed;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}



#container {
width: 650px;
margin:0 auto;
}

#header {
width: 100%;
margin:0;
}

#login {
width:100%;
text-align:right;
font-size:10px;
margin: 0;
padding-top:3px;
height: 20px;
}

#navi { 
margin:0; padding:0;
width:100%;
background-image:url(images/ls12navbg.gif);
background-repeat:repeat;
text-align:center;
}

#conttop {
    margin:0; padding:0;
width:100%;
height: 20px;
background-image:url(images/ls12conttop.gif);
background-repeat:no-repeat;
}

#content {
    margin:0; padding:0;
width:100%;
background-image:url(images/ls12navbg.gif);
background-repeat:repeat-y;
background-position:top;
background-position:left;
text-align:left;
padding-left:30px;
}

#contbottom {
    margin:0; padding:0;
width:100%;
height: 20px;
background-image:url(images/ls12contbottom.gif);
}

#footer {
    margin:0; padding:0;
width:100%;
height: 20px;
font-size:10px;
color:#999999;
}

/* Presentation */

h1#cont {
    margin:0; padding:0;
    padding: 5px 0 5px 0;

}

p {
    margin:0; padding:0;
    padding:3px 0 3px 0;

}

input.submit {
    margin:0; padding:0;
background-color: #FFFFFF;
border: #000000 1px solid;
font-size: 10px;
width: 25px;
}

input.text {
    margin:0; padding:0;
background-color: #FFFFFF;
font-size:10px;
width: 50px;
border: #000000 1px solid;
}

a:link {
text-decoration:none;
}

a:visited {
color:#006600;
text-decoration:none;
}

a:hover {
color:#666666;
text-decoration:underline;
}

a:active {
color:#FF0000;
text-decoration:underline;
}

#navi ul {
margin:0px;
padding:0;
list-style: none
}

#navi li {
margin:0;
padding:0;
display:inline
}

#navi li a:link, #navi li a:visited {
color:#000
}

#navi li a:hover, #navi li a:active {
color:#666
}

#navi li .nolink {
color:#000
}

#error {
font-size:10px;
color:#FF0000;
}

#smalltxt {
font-size:10px;
}

 

html:

<?php
//start session
session_start();

//breadcrumb
$page_title = "Contact Us";
include('includes/breadcrumb.inc');

?>
<!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"><!-- InstanceBegin template="/Templates/ls12template.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>LS12Style - That's Right... <?php echo $page_title ?></title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<link rel="stylesheet" href="ls12.css" type="text/css" />
<!-- InstanceEndEditable -->
</head>

<body>
<div id="container">
<div id="header">
<img src="images/ls12logo2.gif" alt="LS12Style - That's Right..." width="650" height="100" /></div>
<div id="navi">
<p>
<ul>
<li><a href="index.php">Home</a> | </li>
<li><a href="about.php">About Us</a> | </li>
<li><a href="pictures.php">Pictures</a> | </li>
<li><a href="videos.php">Videos</a> | </li>
<li><a href="contact.php">Contact Us</a></li>
</ul>
<?php

if ($_SESSION['loggedin'] == "yes" && $_SESSION['level'] != 0) {
?>
<ul>
<li><a href="members/pictures.php">Add Pictures</a> | </li>
<li><a href="members/videos.php">Add Video</a> | </li>
<li><a href="members/forum.php">Forums | </a></li>
<li><a href="members/details.php">Change Details</a> | </li>
<li><a href="members/password.php">Change Password</a></li>
<?php
if ($_SESSION['level'] == 1) {
	?>
	 | <li><a href="admin/index.php">Admin</a></li>
	<?php
}
?>
</ul>
<?php
}
?>
</p>
</div>
<div id="conttop">
<div id="login">
<?php

if ($_SESSION['loggedin'] == "yes") {
?>
Hello! <?php echo $_SESSION['username']; ?>. <a href="functions/functions.php?func=logout">Logout</a>
<?php
}else{

?>
<form action="functions/functions.php?func=login" method="post" name="login">
Username:<input class="text" type="text" name="username" />
Password:<input class="text" type="password" name="password" />
<input class="submit" type="submit" name="submit" value="Go!" />
<a href="register.php">Register</a></form>
<?php
}
?>
</div>
</div>
<div id="content">
<h1 id="cont"><!-- InstanceBeginEditable name="title" --><?php echo $page_title ?><!-- InstanceEndEditable --></h1>
<p id="cont"><!-- InstanceBeginEditable name="content" -->
Have something to say? Suggestions? Ideas? Critique? Issues or Problems with the site? Then you have come to the right place to let us know. Just fill in the form below and send! As simple as that.<br />
<?php

if((isset($_SESSION['errorstate'])) && ($_SESSION['errorstate'] == 1)) {
echo '<span id="error">';
foreach($_SESSION['errormessage'] as $key => $value){
	echo $value.'<br />';

}
$_SESSION['errorstate'] = "";
$_SESSION['errormessage'] = "";
echo '</span><br />';
}
?>
<form name="contact" action="functions/functions.php?func=contact" method="post">
Name:<br />
<input type="text" name="name" /><br />
Email:<br />
<input type="text" name="email" /><br />
Subject:<br />
<select name="subject">
<option value="Comments">Comments</option>
<option value="Technical Help">Technical Help</option>
<option value="Issues">Issues</option>
</select><br />
Message:<br />
<textarea name="message" cols="50" rows="8"></textarea></<br /><br />
<input type="submit" name="submit" value="Send" /><input type="reset" name="reset" value="Reset" />
<!-- InstanceEndEditable --></p></div>
<div id="contbottom"></div>
<div id="footer">Copyright © 2008 Ashley Broadley</div>
</div>
</body>
<!-- InstanceEnd --></html>

Link to comment
Share on other sites
ToonMariner Advanced Member

ToonMariner

Posted
Posted

top-tip for you... we can't link to you page via localhost...

 

if you have this on your pc then we'd need your IP Address to view it - find yourself a bit of webspace where you can upload your site and we can have a look.

 

So I/we can't really see what's going on with your page and will therefore not be able to help you out.

Link to comment
Share on other sites
TheFilmGod Advanced Member

TheFilmGod

Posted
Posted

i did put my CSS and html in OP. you know, the two big code boxes?

 

This is a CSS question and thus, php is just clutter since its a server side language. - I hope I make some sense since you clearly don't understand what "parsed" code is. It means html code WITHOUT the php code. Take out all the colored code...? Check some tutorials if you still don't understand what the heck I'm talking about.

Link to comment
Share on other sites
wrathican Advanced Member

wrathican

Posted
  • Author
Posted

sorry for my post earlier.

 

here is that parsed HTML:

<!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"><!-- InstanceBegin template="/Templates/ls12template.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>LS12Style - That's Right... Contact Us</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<link rel="stylesheet" href="ls12.css" type="text/css" />
<!-- InstanceEndEditable -->
</head>

<body>
<div id="container">
<div id="header">
<img src="images/ls12logo2.gif" alt="LS12Style - That's Right..." width="650" height="100" /></div>

<div id="navi">
<p>
<ul>
<li><a href="index.php">Home</a> | </li>
<li><a href="about.php">About Us</a> | </li>
<li><a href="pictures.php">Pictures</a> | </li>
<li><a href="videos.php">Videos</a> | </li>

<li><a href="contact.php">Contact Us</a></li>
</ul>
</p>
</div>
<div id="conttop">
<div id="login">
<form action="functions/functions.php?func=login" method="post" name="login">
Username:<input class="text" type="text" name="username" />
Password:<input class="text" type="password" name="password" />
<input class="submit" type="submit" name="submit" value="Go!" />
<a href="register.php">Register</a></form>
</div>
</div>

<div id="content">
<h1 id="cont"><!-- InstanceBeginEditable name="title" -->Contact Us<!-- InstanceEndEditable --></h1>
<p id="cont"><!-- InstanceBeginEditable name="content" -->
Have something to say? Suggestions? Ideas? Critique? Issues or Problems with the site? Then you have come to the right place to let us know. Just fill in the form below and send! As simple as that.<br />
<form name="contact" action="functions/functions.php?func=contact" method="post">
Name:<br />
<input type="text" name="name" /><br />
Email:<br />
<input type="text" name="email" /><br />
Subject:<br />
<select name="subject">
<option value="Comments">Comments</option>

<option value="Technical Help">Technical Help</option>
<option value="Issues">Issues</option>
</select><br />
Message:<br />
<textarea name="message" cols="50" rows="8"></textarea></<br /><br />
<input type="submit" name="submit" value="Send" /><input type="reset" name="reset" value="Reset" />
<!-- InstanceEndEditable --></p></div>
<div id="contbottom"></div>
<div id="footer">Copyright © 2008 Ashley Broadley</div>
</div>

</body>
<!-- InstanceEnd --></html>

Link to comment
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.