HTML - How To Align All Of The Components In The Code?

i have this 2 images

firefox


ie7



how can i make the page in in intenret excplorer to look like in firefox?

here is the code PHP Code:
<?php
        include("muzica/config.inc");
        $link = mysql_connect($mysql_host, $mysql_username, $mysql_password);
        $result = mysql_query("SELECT id, name, artist, catagory, size FROM ".$mysql_database.".songs ORDER BY id DESC LIMIT 5;");
        for($i = 0; $i < mysql_num_rows($result); $i++)
        {
                                                                                                
                                                                                                echo "<br style=\"line-height:3px\">";
                                                                                                
                                                                                                echo "<table  width=\"100%\"><tr><td width=\"80%\"><img src=\"images/marcer.gif\" align=\"left\" style=\"margin-left:6px; margin-right:6px\"><span class=\"orange\"><a href=\"muzica/browse.php?catagory=".mysql_result($result, $i, "catagory")."\" class=\"orange\">".mysql_result($result, $i, "artist")." - ".mysql_result($result, $i, "name")."</a></td> <td>".mysql_result($result, $i, "size")."</td> </tr></table></span>";
                                                                                        
                                                                                            echo "    <br style=\"line-height:9px\">";
                                                                                                echo "<img src=\"images/hl2.gif\"><br>";
                                                                                                
                                                                                                }
        mysql_free_result($result);
        mysql_close($link);
        ?>

I have three DIV:

<!-- Top 5 Hotels -->
<div id="top5container">
HOTELS/RESORTS<br />
</div>

<!-- Top 5 Restaurants -->
<div id="top5container">
RESTAURANTS
</div>

<!-- Top 5 Shows -->
<div id="top5container">
ENTERTAINMENT
</div>

I want to wrap those three DIVs (most likely in another DIV) and have them centered in this DIV. See www.vegastraveling.com and see on the welcome page. I want the 3 "top 5" to be centered... but I can't seem to have it work

So it's basically centering 3 DIVs within a DIV.

Hi every one.
Well i have a problem with align="center"
In tow PCs this align not working (its not coming to center)
In one PC that i tried somehow its work.
I did the same in all 3 PCs.
So my question is why ???

Thanks

i have a javascript running a scrolling text on my site and im trying to position it to either align to the right or set x,y coordinates... i already tried putting align =right in the tag and it didnt work here is what im working with...

http://www.freewebs.com/fallingrain11/1.html

here is the call up im using i also
<iframe width="165" height="215" src="irawr-scrollernewstic.html" SCROLLING="no" FRAMEBORDER="0" border=0></iframe>

<td valign="top" background="" rowspan="9" width="666"><div style="width: 200; height: 200; background-color: transparent; font-family: arial; font-size: 11px; color: FF2222; font-weight: normal; font-style: normal; text-align: left; border-width: 1px; border-style: solid; border-color: 952716; overflow: auto; padding: 5px;">Test</div>

This is the code i have.

How would i move it away from the top and left side by a certain amount of pixles?
For example, 100 pixles from top and 50 from left side.

I'm trying to make this page/table align to the top of the page so that when the entire page is maximized, it will still "stick" to the top rather than in the middle of the page.

The editor I am using (Visual Studio 2003) shows that it is at the top of the page but when running it and maximized the page, the content is centered to the middle of the page. Any ideas on how to resolve this?

It is using a bit of CSS too.....

Code:

<body bottomMargin="0" rightMargin="0" MS_POSITIONING="GridLayout">
		<form class="crm" id="crmForm" method="post" runat="server">
			<table height="100%" cellSpacing="0" cellPadding="0" width="100%" border="0">
				<tr>
					<td>
						<table height="100%" cellSpacing="0" cellPadding="0" width="100%">
							<TBODY>
								<tr>
									<td>
									<div class="simon">
											<table style="TABLE-LAYOUT: fixed" cellSpacing="0" cellPadding="0" width="100%" border="0">
												<COLGROUP>
													<col width="110">
													<col>
													<col>
													<col width="120">
													<TBODY>
														<tr>
														</tr>
														<tr>
															<td style="FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid" height="24">&nbsp;</td>
															<td style="FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid" height="24">Candidate 
																Details</td>
															<td style="FONT-WEIGHT: bold; WIDTH: 299px; BORDER-BOTTOM: black 1px solid" height="24">Vacancy 
																Details</td>
															<td style="FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid" height="24">Filtering 
																Options</td>
														</tr>

<!--etc..... -->

css:

Code:

formButton 
{
   background-color:    #6699cc;
   padding:          2px 4px 3px 4px;
   color:             #000000;
   font-size:         8pt;
   font-family:      tahoma;
   height:            17px;
   filter:          progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
             StartColorStr=#B4C5DF, EndColorStr=#91A9D0);
   border-width:       0px;
}

TEXTAREA
{
   font-size:         8pt;
   font-family:      tahoma;
   width:            100%;
   height:            100%;
   border:            1px solid #7b9ebd;

}

.inputfields
{
   font-size:         8pt;
   font-family:      tahoma;
   width:            100%;
   height:            19px;
   border:            1px solid #7b9ebd;
}

INPUT.rad
{
   width:            15px;
   border:            0px;
   cursor:            hand;
}

DIV.tab
{
	overflow-y:			auto;
	padding: 10px;
}

TD.sec
{
	width:				100%;
	color:				#000000;
	font-weight:		bold;
	padding-left:		0px;
	padding-bottom:		2px;
	text-overflow:		ellipsis;
	overflow:			hidden;
}

TD 
{
   font-size:         11pt;
   font-family:      tahoma;
}

TD.bar 
{
	border-bottom:		1px solid #000000;
}


TD.req 
{
	font-weight:		bold;
	color:				#9F2409;	
	overflow:			hidden;
	text-overflow:		ellipsis;	
	padding-top:		5px;
}

TD.statusBar
{
	background-color:	#63769B;
	color:				#ffffff;
	padding-left:		5px;
	height:				24px;
	border-bottom:		1px solid #485673;
	font-weight:		bold;
}


LABEL
{
   cursor:            hand;
}

TD.radioLabel 
{
   padding-left:      2px;
   padding-right:      10px;
}

TABLE.layout
{
   table-layout:      fixed;
   width:            100%;
   height:            100%;
}

div.tab
{
   width: 100%;
   height: 100%;
   border: 1px solid #466094;
   background-color: #EEF0F6;
   display: none;
}

body
{
	font-size: 11px;
	margin:	0px;
	border: 0px;
	background-color: #EEF0F6;
	cursor: default;
}

td
{
   font-size: 11px;
}

table
{
   cursor: default;
}

a
{
	color: #0000ff;
	font-weight: bold;
}

span.menu
{
   height: 100%;
   padding: 2px;
   padding-left: 5px;
   padding-right: 5px;
   border: 1px solid #7288AC;
}

table.mnuBar
{
	color: #000000;
	height: 22px;
	width: 100%;
	filter:	progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#DCDFE5, EndColorStr=#BDC2CB);
}

td.mnuTitle
{
   font-size: 11px;
   font-weight: bold;
   letter-spacing: 1px;
   cursor: default;
   color: #000000;
}

td.mnuRight
{
   width: 100%;
   text-align: right;
   padding-right: 5px;
}

DIV.header
{
	font-size: 20px;
	font-weight: bold;
	color: #000099;
	margin-bottom: 20px;
	border-bottom: 1px solid #000044;
}
			
TR.header
{
	font-weight: bold;
	background-color: #E0E3E8;
}

th
{
	border-right:0;
	border-left:0;
	background:url(imgs/bar_line.gif) left center no-repeat;
}

dataGrid.Table
{
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #000000;
}

dataGrid.td, th
{
	margin:0;
	padding:0;
}

.Glass
{
 background-image:url(Img/Blank.gif);
 background-repeat:repeat-x;
}
.Glass:hover
{
 background-image:url(Img/GradientBlue.gif);
 background-repeat:repeat-x;
}

I can't get my whole nav bar to align to the center of my sidebar 1 div.
Check it out please. http://northwindappaloosas.com

Hi,

I am trying to create a 'Add to Basket' button on my site using HTML. I have created the following code whcih you can see in action at www.martinspares.com/shop.html (its about halfway down the page).
The trouble is that the Quantity box is lower than the button but i would like them to be level which other. How can I achieve this?
I am new to all this and am quite confused so any help is much appreciated.

Paul

HTML Code:
<iframe name="cart1" width="0" height="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"></iframe>
<form action="http://ww4.aitsafe.com/cf/add.cfm" target="cart1">
<input type="hidden" name="userid" value="66349534" />
<input type="hidden" name="nocart" />
<input type="hidden" name="return" value="www.martinspares.com/basket.html" />
<input type="hidden" name="product" value="Mac 600 Colour Wheel" />
<input type="hidden" name="price" value="26.97" />
<input type="hidden" name="scode" value="123456" />
<input name="units" type="hidden" value="2" />
<input type="text" name="qty" size="1"><input type="image" name="Submit" src="wpimages/Add to Basket.png" alt="Add Item to Shopping Cart" onclick="this.src='wpimages/Added to Basket.png'" />
</form>

I get this error message when trying to validate my page in 4.01 transitional. What html code can I use to get a vertical alignment with my tables.

Error Line 18, column 79: there is no attribute "VALIGN" .
... cellspacing=10 align="center" valign="top">


Thanks

Hi I am trying to align these pics side by side. I am using html

<p><a href="car.jpg"><img src="car.jpg" border="0"><br>full size</a></p>
<p><a href="car.jpg"><img src="car.jpg" border="0"><br>full size</a></p>


The text is aligned using css to the center and that works fine.

So first off I would like to say I am new to website design & html. I have really just messed around with free templates in an attempt to make a decent website. Please feel free to talk to me like a child. My main problem is with images on my site not aligning. I have looked over the code so many times and do not understand why they are out of wack! Here is the url http://www.springfieldsqueencityroll...y.com/T&S.html I would apreciate any feedback you could give me. Thanks in advance!
Anne-Marie

Also I don't know if the code is needed on this post but if a code is needed just let me know I will be happy to provide it.

I'm having trouble trying to align an image to the top and right.
If I just use <img src="" align=right> it goes right as far as I want it, but for some reason the image falls below the text line and appears odd.

If I use <img src="" align=top> it goes with the text line like it should, but then it's not to the right like it should be.

Isn't there some way to combine the two?

<img src="" align=right align=top> doesn't work.

Thanks in advance.