HTML - Display Currently Playng Song

What I want to do is put a 20% margin on each side of my website. I know that this can be done with a table:

HTML Code:

<table>
  <tr>
    <td style="width: 20%"></td>
    <td style="width: 60%">
      Content
    </td>
    <td style="width: 20%"></td>
  </tr>
</table>

but I know that this is ill-advised. Is there an alternative to this, or is this the only way?

Thanks.

I have submit buttons on one form. Is there any way to change the text that gets displayed to the user? Here's what I have

<td><p><input type="submit" name = "sid" value="372"/>
The text displayed on screen to the user is then "372", which isn't very helpful.


The variable sid is passed to the form action, and while the value I want passed is, in this case "372", I would like the button to be more user friendly, and have the text say something like "Get updated data" rather that just say "372", so the user knows what the button actually does.

Is there a way to do this? Any help would be appreciated!

Hi, in Firefox my page displays fine. as picture below. but in IE it messes up.

I assume i have missed something in the html

FF
http://i46.tinypic.com/4uwd43.png

IE

http://i47.tinypic.com/9ixmj5.png

code below

Code:

<?php include('header.php'); ?>
<?php include('RightSide.php'); ?>
			<div id="primaryContentContainer">
				<div id="primaryContent">
					<h2>Contact Simple Coders</h2>

				  <p class="nopadd">
If you have any problem, suggestion, comment, or you found a bug. You can send a message to  

        					<script type="text/javascript">
							//<![CDATA[
        							document.write('<a'+' href="mailto:sup');
        							document.write('port@'+'simplecoders.com">');
        							document.write('support');
        							document.write('@simplecoders.com<'+'/a>');
							//]]>
        					</script><a href="mailto:support@simplecoders.com"></a>
                            
                            <p>Please read the following first:</p>
<ul>
    <li>Please write your message in English, even if your english is very poor. I simply delete other languages because I cannot understand any word.</li>
    <li> Your email address will only be used to send a reply to your message, if it's needed.
      I will not give your email to anyone else</li>
    <li> If you are a spammer, please don't add my email to your list. I already have enough junk in my inbox</li>
    </ul>

<p>You can also fill the form below: </p>
				</div>
			</div>
		<form style="margin: 0px 0px 0px 0px;" method="POST" name="formData" action="contactmail.php">
                   
<div style="position: absolute; top:500px; left: 254px;">
Your Name:
</div>

<div style="position: absolute; top: 500px; left: 325px;">
<input type="text" name="to" size="30" />
</div>


<div style="position: absolute; top:533px; left: 255px;">
Your Email:
</div>

<div style="position: absolute; top: 533px; left: 325px;">
<input type="text" name="subject" size="30" />
</div>


<div style="position: absolute; top:565px; left: 258px;">
No Robots:
</div>

<div style="position: absolute; top: 565px; left: 325px;">
<input type="text" name="norobots" size="30" value="Ip Address Here" onclick="this.value=''" />
</div>


<div style="position: absolute; top:568px; left: 540px;">
 Your Ip Address is: <strong><?php echo $_SERVER['REMOTE_ADDR']; ?></strong>
</div>

<div style="position: absolute; top:598px; left: 266px;">
Message:
</div>

<div style="position: absolute; top: 598px; left: 325px;">
<textarea id="msg" name="msg"  style="width: 400px; height:170px; font-size: 12px;"</textarea>
</div>

<div style="position: absolute; top: 785px; left: 325px;">
<input type="submit" alt="Submit Form" name="submit" size="30" value="Send" />
</div>

				</p>
  </form>
  
            <?php include('LeftSide.php'); ?>

Hi,

I cannot get a table to display in a div on my site. If I change <table> to <div>, it works, but it is very tabular data and I need table styling.

Code:

<div id="stats_panel" style="display:none;"> <!--display is turned on by js when a button on page is clicked --> 
   <a href="javascript:GoBack()"><img src="files/images/misc-images/close-button.png" alt="" style="float:left; position:relative; height:40px; width:40px; z-index:1;" /></a> 

     <div id="stats_inside"> 
        <div style="border:0; padding:2; width:100%;"> 
            <div style="border-collapse: collapse; margin: 3px auto; border: 1px solid blue;"> 
      <div><div>table</div></div></div></div></div>

Above works, below will not work

Code:

<div id="stats_panel" style="display:none;"> <!--display is turned on by js when a button on page is clicked --> 
   <a href="javascript:GoBack()"><img src="files/images/misc-images/close-button.png" alt="" style="float:left; position:relative; height:40px; width:40px; z-index:1;" /></a> 
<div id="stats_inside"> 
        <table><td>hello</td></table> 
</div>

Further, anything after the <table> declaration disappears. It will not show up.

Site is www.uhstitans.com/schedule2.php

Click one of the Stats buttons to see the pop-up.

FURTHER INFO - EDIT

I just noticed that by adding <table>, the content appears at the bottom of the page, instead of being hidden (display:none in the stats_panel div. also, the info trailing it drops to the bottom of the page. In a perfect world, it would all wait until the js is activated and then appear in the center of the page. THis is the result I get when I do not include <table> ad include <div>.

Thanks in advance,

Todd

All right, I've stumbled upon a bit on a design block. I'm not sure what I want to do to display images. I don't know if I want to do a gallery...or just have thumbnails and then you click on them to view a larger image...I just don't know what I want to do. So, I was wondering if someone out there could help me and decide what would be best to use with my layout - which here is what it looks like: http://i46.tinypic.com/jj74hw.png - here is the homepage thus far: http://thexoticzoo.webs.com/home.html

Any suggestions and help on coding?

How can I display a php script on a web page (html - static) without it being parsed?

Thanks.

Hey hey!

First post here so be nice

I'm currently coding a satire website for my pal and I - http://www.satirefactory.com (only one article up at the moment). The problem I'm having is that when you click onto any page after the home page it removes the "www." bit from the address bar at the top of the browser.

I can't understand it. The only thing I'm doing any differently from any of my previous web sites is that I've used php includes to call up different files for the header/menu/right column and footer of the page. eg:

Code:

					<?php
include ("../includes/header-satire.htm");
?>

But I can't see how that would effect anything. Also - I've installed a set of (Invision Board) forums which are totally unrelated to the rest of the site, and they still display as http://satirefactory.com/forums , even if you type the URL directly into the address bar.

The website is working properly, it's just this niggling aesthetic issue. If anyone has any ideas I'd be eternally greatful.

Thanks in advance,

Max Power

Hey guys I got help on a project I'm doing from Eri. Seems he used this tag in the code which is posted below. Anyways I did some research apparently Safari doesn't like this tag. His solution works great in IE6, IE7, and FF2/3 but in safari the layout dies. Has anyone messed with this type of solution. Check this out to see what I'm mean if you want a visual representation: http://browsershots.org/http://along...index_new.html

Eric

HTML
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

	<head>

		<title>Personal Shopping and Concierge Services</title>

		<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
		<meta name="keywords" content="INSERT KEYWORDS HERE" />
		<meta name="description" content="INSERT DESCRIPTION HERE" />
		<link rel="stylesheet" href="styles.css" type="text/css" />

	</head>

	<body>

	<div id="wrap">

		<div id="whitebox">

			<div id="header">

				<div id="logo">&nbsp;</div><!-- end div logo -->

				<div id="pagetitle">

					<h1>along came mary</h1>

					<h2>personal shopping and concierge services<br />
					the metro atlanta area</h2>

				</div><!-- end div pagetitle -->

				<div class="clear">&nbsp;</div>

			</div><!-- end div header -->

			<div id="main">

				<div id="sidebar">

					<div id="links">

						<ul>

							<li><a href="/">Home</a></li>
							<li><a href="#">About Us</a></li>
							<li><a href="#">Our Services</a></li>
							<li><a href="#">Customer Feedback</a></li>
							<li><a href="#">Contact Us</a></li>
							<li><a href="#">Links</a></li>

						</ul>

					</div><!-- end div links -->

					<div class="clear">&nbsp;</div>

					<div id="icea" align="center">

						<img src="assnbanner2.jpg" alt=" " />
						<p><a href="#">Proud Member of the International Concierge &amp; Errand
						Association</a></p>

					</div><!-- end div icea -->

				</div><!-- end div sidebar -->

			<div id="content">

				<h1>Take a deep breath.  Call Mary.  Relax.  It's handled.</h1>

				<p>
					Whether it is shopping, running errands, organizing your home or office, caring for

					your pets and home while you are away or just waiting for a service contractor to

					arrive, Along Came Mary is ready when you are.  It's like having a personal assistant

					for you and your home!

				</p>

				<p>
					Along Came Mary specializes in personal shopping and concierge services for individuals

					and families in the metro Atlanta area.  Based in Vinings, an Atlanta, Georgia suburb,

					Along Came Mary prides itself on providing reliable, top-notch customer service to its

					clients. Our primary goal is to help busy people create a more balanced and therefore

					enjoyable lifestyle.  When life becomes hectic, being able to make that call for help

					relieves stress and calms nerves!
				</p>

				<p>
					We know your time is valuable and thank you for visiting our site to learn more about

					how Along Came Mary can help you create a more balanced, productive, and manageable

					life. <a href="#">Contact us</a> so that we can show you how good life can truly be!
				</p>


				<p>
					Mary Snelson<br />
					<a href="#">mary@marylovesshopping.com</a>
				</p>

				<p>
					404.422.7564
				</p>

			</div><!-- end div content -->

			<div class="clear">&nbsp;</div>

		</div><!-- end div main -->

	</div><!-- end div whitebox -->

	<div id="footer">

		<p>
			<a href="/">Home</a>&nbsp;|
			<a href="#">About Us</a>&nbsp;|
			<a href="#">Our Services</a>&nbsp;|
			<a href="#">Customer</a>&nbsp;|
			<a href="#">Contact Us</a>&nbsp;|
			<a href="#">Links</a>
		</p>
	</div><!-- end div footer -->

</div><!-- end div wrap -->

</body>

</html>

CSS
Code:

*	{
	margin: 0px;
	padding: 0px;
	border: 0px none transparent;
	border-spacing: 0px;
	}

body	{
	background-color: #fcc1df;
	}

#wrap {
	width: 100%;
	height: 100%;
	border: 0px none transparent;
	margin-bottom: 15px;
	}

#whitebox {
	width: 700px;
	height: auto;
	background-color: #ffffff;
	border: 2px solid #000000;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	}

#header {
	width: 700px;
	background-color: #ffffff;
	border-bottom: 2px solid #e5e5e5;
	height: 160px;
	display: table;
	}

	#logo {
		width: 135px;
		height: 156px;
		background-image: url('ACM-Logo.png');
		float: left;
		display: table-cell;
		}

	#pagetitle {
		width: 561px;
		height: 160px;
		display: table-cell;
		vertical-align: middle;
		position: relative;
		margin-left: 135px;
		}

		#pagetitle h1 {
			font-size: 250%;
			font-weight: bold;
			margin-left: 12px;
			margin-bottom: 0px;
			margin-top:    30px;
			}

		#pagetitle h2 {
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 80%;
			margin-left: 12px;
			font-weight: normal;
			margin-top:0px;
			}

#main	{
	width: 696px;
	height: 100%;
	}

	#sidebar {
		width: 140px;
		background-color: #ffffff;
		position: relative;
		float: left;
		height: 100%;
		display: table-cell;
		}

	#links {
		margin-bottom: 10px;
		float: left;
		height: auto;
		margin-left: 10px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 80%;
		line-height: 125%;
		}

		#sidebar ul {
			list-style-type: none;
			margin-right: 5px;
			}

		#sidebar a:link {
			color: #000000;
			}

		#sidebar a:visited {
			color: #000000;
			}

		#sidebar a:hover {
			color: #f1037f;
			}

	#icea	{
		width: 140px;
		height: 100%;
		display: table-cell;
		vertical-align: bottom;
		padding-top: 100px;
		}

		#icea a:link {
			color: #0000ff;
			text-decoration: none;
			}

		#icea a:visited {
			color: #0000ff;
			text-decoration: none;
			}

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

		#icea img {
			width: 132px;
			height: 96px;
			border: 0px none transparent;
			}

		#icea p	{
			font-family: Arial, verdana, Helvetica, sans-serif;
			font-size: 70%;
			line-height: 175%;
			text-align: center;
			margin-left: 4px;
			margin-right: 4px;
			}

	#content {
		width: 442px;
		background-color: #ffffff;
		padding-left: 12px;
		height: 100%;
		position: relative;
		margin-left: 142px;
		border-left: 2px solid #e5e5e5;
		display: table-cell;
		}

		#content h1 {
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 100%;
			font-weight: bold;
			margin-top: 0px;
			margin-bottom: 10px;
			}

		#content p {
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 90%;
			}

		
		#content a:visited {
			color: #0000ff;
			text-decoration: none;
			}

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

		#content img {
			width: 132px;
			height: 96px;
			border: 0px none transparent;
			}

		#content p	{
			font-family: Arial, verdana, Helvetica, sans-serif;
			font-size: 85%;
			padding-bottom: 18px;
			line-height: 125%;
			}


#footer	{
	width: 696px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	}
	
	#footer p
		{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 90%;
		text-align: center;
		}

	#footer a:link {
		color: #808080;
		text-decoration:  none;
		border-bottom:    thin dotted #808080;
		}

	#footer a:visited {
		color: #808080;
		text-decoration: none;
		border-bottom: thin dotted #808080;
		}

	#footer a:hover {
		color: #808080;
		text-decoration: none;
		border-bottom: thin dotted #f1037f;
		}
        
div.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	width: 100%;
	}

Hello, I'm trying to a create blog like web site. Since my html knowledge is very limited I decided to use a free web layout provided by Gorotron.com. The template I chose is called "Audiophile". The problem is the Audiophile template will not display correctly when IE 7 is used. The template displays perfect in Firefox 3 and IE 6 but not IE 7.

I've contacted the user who created this template but I have not received response in weeks. If anyone has a solution how to correct this problem I would appreciate your help

Snapshot of Problem:http://i35.tinypic.com/am2nme.png
How it should look: http://i34.tinypic.com/1hc7z4.png
Original HTML File: http://www.gorotron.com/templates/audiophile.zip

Thanks in Advance.

Firefox looks fine. Internet Explorer looks rather dumb.

1. Alignment is off
2. One of the links doesn't work
3. Within the site, the main content box adjusts itself according to text (please click reddish image to see)

Does anyone know how I can fix this? (I'm sure many people have had this problem. I suppose I could use image map on the main page- that would solve #1 & 2. But I'm at a loss about #3.) Thank you very, very much!

http://www.geocities.com/rk.grant/

I am working on a project for school and I'm having problems displaying an image. Would someone be willing to look at my code and see why this is happening? I could send it through a PM.
ANY help would be greatky appreciated.

HELP!!!!

If the following site is opened in IE, most of the thumbnails won't show. The thumbnail actual images are 40x30 pixels - so no resizing going on. Yet in the FrontPage browser, they all show.

If opened in FireFox, the thumbnails will all show - I just won't get the vertical scroll bar on the thumbnails from the DIV tags.

Very straight forward HTML. What's the problem?

Web page with the thumbnail problem:
http://www.bryanborough.com/750iL/LADRegulatorValve/

Thanks ahead!

Buffbuh

I am using IE and for some reason PNG images specified using an <img> tag display blank. I know the files exist as there is no 'X' where the image is supposed to be but I can't see them. If I change to using a JPG then the images appear.

My code is extremely simple and looks like:

Code:

<html><body><img src="images/test.png"></body></html>

I have tried using width and height parameters but it only changes the size of the blank area.

Does the <img> tag support PNG images? Is there some other reason why the images display blank?

when working locally in the latest Version of IE. They show up fine in FireFox. I searched the forum but it didn't turn any thing up. I tried my setting in IE but can't figure this out. Does anyone have a simple fix for this?

Thanks....tg

I have a website that when I type in the url nothing appears on the page. I was wondering what would cause this to happen. I tried to re-saving the files for the website but still nothing, it just says Done in the bottom tray of the IE window.

Thanks in advance!