|
HTML - Forms Messing Up Backgrounds
Good day. I'm actually trying to make a good site now (still humorous), and am having problems with the background of my right collum. http://web.vtc.edu/users/cjb06271/CI...nal/order.html
Quote: <form method="post" action="mailto:cjb06271@vtc.edu"> <table style="border:1px solid black"> <tr> <td><fieldset/>The always favorite Locusts. </td> <td colspan="1"><fieldset/> <input type="checkbox" value="Locusts" name="Locusts"/> </td> </tr> </form> same kind of thing happening on register page. you can see how I wanted it on any of the other pages. Also on the navbar you can see the right collum background image was chopped in half. Not too worries about that but if an easy fix would be apreciated http://web.vtc.edu/users/cjb06271/CI.../real%20final/ my css is in there (as are links to images and all the other sites in navbar) css name is new1. I may also be halucinating but the text seems to change fonts between pages and I don't know why. Thank you very much for any help you may offer. Similar TutorialsAnyone have any idea why the thumbnail pictures are off when the page is viewed in IE but they're fine when shown on FireFox? I'm using slimbox/lightbox and can't for the life of me figure out what's going on. http://www.jnsitedesign.com/photocms...?gallery=./Art I really appreciate the help!! It's in the first stages, so bear with the lack of images, etc. however... If you go to http://dev.bkriegtech.net/web/06/ you will see that the content of the right nav bar is pushed way over for some reason. I looked at the code of the included page (http://dev.bkriegtech.net/web/06/home.php) and I have no tables or anything in there that would cause this to have extra room on the right to push the nav content over. What could be causing this? My Tables are messing up somehow on 2 pages. This is my site: http://the1337arcade.com The site should look like the home page or when you click a game, Notice how the table is seperated into 2 <td>'s. But on the search page and the category page http://the1337arcade.com/search.php?q=ant&page=1 and http://the1337arcade.com/browse.php?...trategy&page=1 Notice how the page is now different, The left TD basically took over the whole page and pushed the other TD down. My codes: for the search page Code: <?php include('headerforsite.php') ?>
<?php include('topofmiddle.php') ?>
<td style="border:solid black 0px;" width="650px" valign="top">
<tr>
<td style="border:solid black 0px;" width="650px" valign="top" colspan="2"><h1>Search Results for '<?= $search_term; ?>'</h1>Page: <strong><?= $page; ?></strong> of <strong><?= $total_pages; ?></strong> | <strong><?= $total_num; ?></strong> Games Found<br></td>
</tr>
<tr>
<td colspan="2" class="page_nav" align="right">
<?php gen_page_links($page,$last_page,$total_pages,'',$sort,$search_term); ?>
</td>
</tr>
<?php
// >> If games to show
if($search_count > 0 && !empty($search_term)) {
// $counter = 1; // Undo for double
// $place = 1; // Undo for double
// >> Go fetch
while($row = mysql_fetch_array($do_sql)) {
?>
<?php //if($counter == 1) { ?>
<tr>
<td width="500" valign="top"><center>
<a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)";
onMouseout="hideddrivetip()"><strong><?= $row['g_name'] ?></a></strong><br>
<a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)";
onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $row['g_iconname']; ?>" alt="<?= $row['g_name']; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong>
</tr>
<?php //} ?>
<?php
// if($counter == 2) { // Undo for double
// $counter = 0; // Undo for double
// } // Undo for double
// $counter++; // Undo for double
// $place++; // Undo for double
} // >> Close Loop
} // >> Close mysql_num_rows
// If no games to show
else {
echo '<tr><td valign="top" class="browse"><strong>Sorry, No Games Found.</strong></tr></td>';
// >> Close no games to show
}
?>
<tr>
<td colspan="2" class="page_nav" align="right"><br>
<?php gen_page_links($page,$last_page,$total_pages,'',$sort,$search_term); ?>
</td>
</tr>
</table>
</td>
<?php include('bottomofmiddle.php') ?>
<?php include('footerforsite.php') ?>
Code for the Category page Code: <?php include('headerforsite.php') ?>
<?php include('topofmiddle.php') ?>
<td style="border:solid black 0px;" width="650px" valign="top">
<?php
// >> If games to show
if($browse_count > 0) {
// $counter = 3; // Undo for double
// $place = 1; // Undo for double
// >> Go fetch
while($row = mysql_fetch_assoc($result)) {
// >> Assign the data easier/universal namess
$game_name = $row['g_name'];
$game_desc = $row['g_desc'];
$game_totalplays = $row['g_totalplays'];
$game_totalplays = number_format($game_totalplays);
$game_date = $row['g_date'];
$game_date = date('F jS, Y',$game_date);
$game_iconname = $row['g_iconname'];
?>
<?php //if($counter == 1) { ?>
<tr>
<?php //} ?>
<td style="border:solid black 0px;" width="650px" valign="top"><center><br><a href="<?= get_game_link($game_name) ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)";
onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $game_iconname; ?>" alt="<?= $game_name; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong><center><a href="<?= get_game_link($game_name); ?>"onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?><br>Filesize: Working on it. MB</center>','green', 400)";
onMouseout="hideddrivetip()"><center><?= $game_name; ?></a></strong>
<br>
<br></td>
<?php //if($counter == 2 || $place == $browse_count) { ?>
</tr>
<?php //} ?>
<?php
// if($counter == 2) { // Undo for double
// $counter = 2; // Undo for double
// } // Undo for double
// $counter++; // Undo for double
// $place++; // Undo for double
} // >> Close while loop
} // >> Close mysql_num_rows
// >> If no games to show
else {
echo '<tr><td valign="top" class="browse"><strong>Sorry, No Games Found.</strong></tr></td>';
// >> Close no games to show
}
?>
</table>
</td>
<?php include('bottomofmiddle.php') ?>
<?php include('footerforsite.php') ?>
Code for a fully working page Code: <?php include('headerforsite.php') ?>
<?php include('topofmiddle.php') ?>
<td align=center style="border:solid black 0px;" width="650" valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<div style="border: 3px black solid;">
<strong><center>::.. Newest Games ..::</strong>
</div>
<center>
<?php
$sql = 'SELECT * FROM '. $table_games .'
WHERE g_status = 1
ORDER BY g_totalplays DESC
LIMIT 24';
$counter = 1;
if (mysql_num_rows($result)) {
while($row = mysql_fetch_assoc($result) ) {
if (strlen($row['g_desc'])> 150) {
$row['g_desc'] = substr($row['g_desc'],0,150).' ...';
}
if (strlen($row['g_desc'])> 150) {
$row['g_desc'] = substr($row['g_desc'],0,150).' ...';
}
if($counter == 1) { echo '<tr>'; }
?>
<center><td width="650" valign="top"><center>
<font color=black><center><a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','blue', 400)";
onMouseout="hideddrivetip()"><strong><?= $row['g_name'] ?></a></strong><br></font>
<font color=black><center><a href="<?= get_game_link($row['g_name']); ?>" onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','green', 400)";
onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $row['g_iconname']; ?>" alt="<?= $row['g_name']; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong>
<br><p></font>
</td>
<?php
if($counter == 3) {
$counter = 0;
echo '</tr>';
}
++$counter;
}
}
else {
echo '<td valign="top" class="content">Sorry, No Games To Show</td>';
}
?>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<div style="border: 3px black solid;">
<strong><center>::.. Most Popular Games ..::</strong>
</div>
<?php
$result = do_mysql_query($sql);
$counter = 1;
if (mysql_num_rows($result)) {
while($row = mysql_fetch_assoc($result) ) {
if (strlen($row['g_desc'])> 150) {
$row['g_desc'] = substr($row['g_desc'],0,150).' ...';
}
if($counter == 1) { echo '<tr>'; }
?>
<td width="500" valign="top"><center>
<a href="<?= get_game_link($row['g_name']); ?>"onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br> Total Game Plays: <?= number_format($row['g_totalplays']); ?> <br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','green', 400)";
onMouseout="hideddrivetip()"><strong><?= $row['g_name'] ?></a></strong><br>
<a href="<?= get_game_link($row['g_name']); ?>"onMouseover="ddrivetip('<center><?= $row['g_desc']; ?> <br><br>Total Game Plays: <?= number_format($row['g_totalplays']); ?><br>Game Added On: <?= date('M jS',$row['g_date']); ?></center>','blue', 400)";
onMouseout="hideddrivetip()"><center><img src="<?= $site_url; ?>/media/icons/<?= $row['g_iconname']; ?>" alt="<?= $row['g_name']; ?>" width="<?= $thumb_width; ?>" height="<?= $thumb_height; ?>" border="0"></a><strong>
<p>
</td>
<?php
if($counter == 3) {
$counter = 0;
echo '</tr>';
}
++$counter;
}
}
else {
echo '<td valign="top" class="content">Sorry, No Games To Show</td>';
}
?>
</table>
<br>
</div>
</div>
</div>
</td>
<?php include('bottomofmiddle.php') ?>
<?php include('footerforsite.php') ?>
Thanks for all help.. I depend on help to have my arcade back to normal function ! I use frontpage to edit my page (so I can view it before uploading it to the web) It shows exactly the way I want it when I save it and view it on my HD but once I upload it to the server... it's the same... Then when I edit it again and upload the "update".... it's messed up. Could anyone tell me what I am doing wrong? Thanks Lace Hello, I am very new to HTML. With that said here is my issue. I want to post meta data within the head tags of my html. However, when i do this the table i created in the body of the code ceases to work. I created a very simple intro page. all that exists there is a logo of my bussiness then underneath a splash page embeded. When i enter the meta data the logo and splash area are off center. Currently I took the meta tags out of the html, but I really want to place them back. Ever heard of this happening before? Can you help? Thanks, Matt My page is www.skelniktoday.com if you want to take a look and view the source. Who knows maybe you just need a laugh at the level of novice my html is. Hey everyone, I have some problems with my website. Basically for some reason when you open my website in Internet Explorer, The tables are messed up, It's hard to explain but basically for some reason it has a massive amount of spaces before the actual text starts. However in firefox the website works perfectly. Here's a link so you can see for yourself what I mean: http://SpiritualSatanism.com Any idea what this could be and/or how to fix it? Thanks, Nightfoxx when i add more information to my background it gets lower... then if i move this info up the page the empty background space stays there how do i get rid of this empty space at the bottom of my page? ive tryeed using both html and css codes but the problem stays the same someone PLEASE HELP Hi, I was wondering if it is possible to have more than one background to a certain element in a page. ie. I have an element called main so within <div class="main"></div> Can i have two backgrounds, and can one of these only ever appear at the bottom as a sort of footer section? Thanks for any help, My main background for my website is a jpg image. Once it ends, it repeats itself; the problem with this, is that it interferes with some text I have on the page when the image repeats. Is there a way that I can have two backgrounds? After the first ends, I would like to put another background image for further down the page. So I am thinking something like this: <body background = "image.jpg" > SITE STUFF GOES HERE </body> <body background = "image2.jpg"> MORE SITE STUFF </body> </html> But it's not working. Any ideas? THanks (I am super new to this, sorry if this is a stupid question) I'm going to be building a website, and instead of adding color to the background of the page, I'm going to add an image of a scene. How can I add it so that the image does not scroll but the content does. I've seen it done in the past. Thank you. Alrighty, I've got div backgrounds that aren't showing up! Some are showing in ie but not in firefox, and some aren't showing anywhere. Here is a screenshot of what I'm experiencing (IE is on the left, firefox on the right) Also, the light blue background around the top nav. should be behind the page content as well (meaning the crappy "multi-monitor mounts" image and the crappier "featured products" text) any help would be appreciated! Thanks Hi y'all. Could anyone tell me if it's possible or, even better, supply the code for this. I want to create tables on a page with a semitransparent background so the underlying backgrounds shows through. To do this I've used the following code: <style> table, tr, td { background-color:transparent; border:none; border-width:0;} body { background-image:url('background_image_url'); background-attachment: fixed; background-position:center; background-repeat:no-repeat; border-color:000000; border-width:5px ; border-style: solid; } table table { border: 0px } table table table table{border:0px} table table table { border-style:solid; border-width:3px; border-color:000000; background-color:transparent; } table table table td { background-color: FFFFFF; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; -khtml-opacity:0.50; } table table table table td {filter:none;} </style> My problem is that the text and images in the tables also go semitransparent. Is there anything I can add to the to make the text and images clearer against the table background? Hello first post, Somewhat a noob on this, but I have my pages background set to black. Now I have a header and one side bar. It was a up side down L but I cut the two up and put them in a three part table. Not sure if that is best. Now in the 3rd column is where I made a background that looks like paper. I can not figure how to set the background in this column. The reason I am doing this is cause some pages will have more text than the others, thus why I need a scrollable background. Hope that makes since and thx ahead of time. Plus, I am using Yahoo sitebuilder and pagebreeze, cause I am a noob and hate trying to place pictures via code . How do I prevent the background of a table cell from repeating when the cell gets bigger? My handcoding is not that good and Dreamweaver doesn't seem to provide any code suggestions. Any help would be appreciated. Hi everyone- I have a pretty simple question, I think. I made some banners for my site to add on put I'd prefer to have them stay on the top of the page even when you scroll down. Currently, I have them as a background that is fixed in one position but the only problem is that all of the rest of the page's content goes on top of the image. I would prefer not to use frames so I guess I am asking is there any other way to keep something at the top of the page and on top of everything else and/or is it possible to have you're background image remain on top of the rest of the page's content? Thanks for your time- I've moved away from the difficult Liquid background and have came up with a more simpler solution...yet i still need help here, amazing isnt it? So heres what im trying to do; notice the word "trying". I have a plain background colour ( a dark green ), I then added a layer containing a image of parchment to set the background for text, which i then centered on the page so this fixes the problem of people with different screen resolutions. I now want to add text, so i made another layer, typed the text for the welcome page, and clicked centre....uh ohhh, guess what? It didnt work! I then tried copying codes from the first table i centered, but it simply refuses to hate me and doesnt work. If you cant visulise what im trying to get i drew a pretty picutre for you; Link shown below. http://s195.photobucket.com/albums/z...nt=Website.jpg So heres the big question. How do i set the writing to be centered on the page ( not centered text, the text is left alligned but i need it to apear in the centre of the page), and a certain amount of pixles from the top so as it will always fit on the background parchment layer wihtout moving about all over the place? Many Thanks, Nathan For some reason the text and links on the following page are not working... as in you can't click on them. At first they wouldn't show over the background, and now they do but they don't function. Why? How do I fix that? Also, how do I get the iframe background to be transparent against that image so it all flows together and do I need to do anything to ensure that the iframe comes up? Why doesn't it show? HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Fresh Sessions</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#bg img{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
}
#content {
position:relative;
z-index:1;
}
</style>
<!--[if IE 6]>
<style type="text/css">
html { overflow-y: hidden; }
body { overflow-y: auto; }
#bg { position:absolute; z-index:-1; }
#content { position:static; }
</style>
<![endif]-->
</head>
<body style="overflow: hidden">
<div id="bg"><img src="skates/shred.jpg" width="100%" height="100%" style="opacity:0.4;filter:alpha(opacity=40)"></div>
<div id="content">
<center><h1>FRESH SESSIONS</h1>
<br><a href="about.html" target="steezbox">About</a>
<a href="" target="steezbox">Max & Mike</a>
<a href="" target="steezbox">Pricing</a>
<a href="" target="steezbox">Safety</a>
<a href="" target="steezbox">Links</a> </center>
</div>
<iframe src="about.html" name="steezbox" align="middle" width="400" height="100%" scrolling=no frameborder=0>
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
Hi. I'm a FP/html/website builder noob. Is there a way to change all fonts/all backgrounds in FP2003/with html? e.g. Is there an easy way to change all fonts in headers, text areas, tables etc from one font to another. Thanks. Hi, I can make basic websites but I am not very skilled in web design. I am in need of help. Since I made the website inside Photoshop using slices, I need to create a table at the center of the website. Since the center of the website is made of slices of jpeg images, I cannot create a table nor add any text here without disturbing the images. I can get around this by making the pictures part of the cell background, but when I try and remove the images in the center after, the cell background images repeat over and over, and the whole website is unaligned and a big mess! Below is a picture of what I mean... I have included a zip file containing my html pages and image folder. Please download it he http://homepage.ntlworld.com/stephan.../Portfolio.zip The file I need help with is work.html. I can ensure you it's virus free. I want to show my photoshop work off on a website, this is the reason why I am making this website. |
|||||||