|
HTML - Messing With New Layout
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?
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!! 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 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. 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 Is it possible for me to upload a picture of my template I sketched and you guys tell me what I need to do in order to accomplish this? Ok, I've made some changes to my navigation bar on my website with Fireworks so its more interactive. I've now implemented into my html but it has throw a certain part out on the page. Its the small picture thumbs at the bottom of the page, they are supposed to be in one row accross the page, now they go underneath each other. I've been looking for ages now to see the problem but I can not work it out. Here are 2 links to the pages, the first one is the one that works previously and the second is the changed one. If you can see the problem I would be so grateful, thanks. http://www.ashley-stone.co.uk/psychedelic.htm http://www.ashley-stone.co.uk/psychedelic2.htm Hope someone can help as I'm tearing my hair out at the moment!! I'm working on a site for a friend, I have only ever used basic html to code my own sites, due to this I'm having problems with the layout my friend wants. I've created it with frames, not live yet but you can view it he http://www.ladin.co.uk/Jim/index2.html The layout with color either side and content in middle is how he wants it but obviously without frames, I'm not very knowledgeable where CSS is concerned so haven't a clue how to code it, thanks in advance. Linda http://i179.photobucket.com/albums/w293/Necro6666/th_****Layout.jpg Thats a link to a picture of my crappy layout going to ask a friend to make a background for me i just need a better layout if someone can help me i'll be gratful Heres the codeing HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Funt's Anime</title>
<style type="text/css">
body {
background-color: rgb(58, 95, 135);
margin-left: 10%;
margin-right: 10%;
border: 5px rgb(90, 150, 150);
padding: 30px 40px 10px 20px;
font-family: sans-serif;
}
</style>
<style type="text/css">
div.c1 {position:absolute;left:500px;top:-10px}
div.c2 {position:absolute;left:150px;top:58px;
margin-left: -5.11%;
margin-right: 55%;
border: 2px solid rgb(150, 150, 150);
padding: 0px 5px 0px 5px}
div.c3 {position:absolute;left:0px;top:58px;
background-color: rgb(205, 205, 205)}
div.c4 {position:absolute;left:0px;top:0px;
background-color: white}
div.c5 {position:absolute;left:403px;top:58px;
margin-left: -5.11%;
margin-right: 40%;
border: 2px solid red;
padding: 0px 5px 0px 5px}
div.c6 {position:absolute;left:703px;top:58px;
margin-left: -5.11%;
margin-right: 10%;
border: 2px solid green;
padding: 0px 0px 0px 0px}
</style>
</head>
<body>
<div class="c1">
<h1>Funt's Anime</h1>
</div>
<div class="c4">
<table width="1280">
<tr><td></td></tr>
</table>
<div class="c2">
<p align="center">Complete List</p>
<hr size="4" align="left" width="100%" color="gray">
<p>May, 09, 2009</p><p>The following Anime are complete:<ul>
</ul></p>
</div>
<div class="c5">
<p align="center">New Episodes</p>
<hr size="4" align="left" width="100%" color="red">
<p>The following have been added to Anime:<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li></ul>
</ul>
</div>
<div class="c3">
<table border="2">
<tr><td>Links</td></tr>
<tr><td><a href="Anime/AnimeList.html">Anime</a></td></tr>
</table>
</div>
</body>
</html>
Ok so I'm making a layout for HabbTunez and I've put my navigation into a table and when you click the picture the navigstion comes down, but everything in the table I've made is centered vertically, click Here to see what I mean. If you want more info just ask. Ok so I'm making a layout for HabbTunez and I've put my navigation into a table and when you click the picture the navigstion comes down, but everything in the table I've made is centered vertically, click Here to see what I mean. If you want more info just ask. Hey guys, I created a webpage with a some pictures and roll over images. The page turned out perfectly well, except when i minimize the browser size. All the images from the right push over to the left depending on the size of the browser. Why does this happen ? Thnx in advance !! Are there in depth tutorials on making a Div layout? Tables are making way more sense. How do you make a div float to the right of something without having it move to the bottom when a page is shrinked? How do you make a div take up space within a div that not taken out? Like in a div. 80%, inside that div is a 100px div, then have another div inside the 80% div that uses the rest of the space? and how do you fix this? http://vertion.fused.ws/div.html How would I go about laying this site out similar to this site? I don't want the bubble text in the blue banner, I want to leave that as it is on my site. Thanks for any help! this is the way it looks right now: http://christoffer.wicb.ots.dk/byrummet/ but i want it to look like this: also with the rounded cornors but i have tryed lot of things but cant get it to work can u help me?? I'd like to have an image "inside" a block of text such that the text surrounds it. Here's a mock-up: Is that possible? I've tried various things but no luck yet. |
|||||||