HTML - Centering Bigger Than Screen Objects

I am trying to build a simple contact form using tables, textfields, lables and textareas. The textfields are ok in both IE and FF but the textarea is bigger in IE than in FF and also the textareas in both are stil out of position to the textfields.

This is pretty basic i guess, maybe not. I realise there are differences in formatting in IE and firefox but.

So if i....

1) Insert a form tag
2) Insert a table 3 rows x 2 cols in the form tag (name, email and message)
4) Add a lable in the DW designer to attach to each text field/area

then the result looks like this in FF,



and this in IE,



also i just noticed that the font is a slightly different size and font in both as well,
here is my code, this is all the code i am using,

HTML Code:

  <form id="form1" name="form1" method="post" action="">
    <table width="39%" border="0">
      <tr>
        <td width="20%"><label for="email">Email:</label></td>
        <td width="80%"><input name="email" type="text" id="email" /></td>
      </tr>
      <tr>
        <td><label for="name">Name:</label></td>
        <td><input name="name" type="text" id="name" /></td>
      </tr>
      <tr>
        <td><label for="message">Message:</label></td>
        <td><textarea name="message" id="message"></textarea></td>
      </tr>
 
    </table>
  </form>

any ideas???

Also i realise you can change the size of the textarea but i don't really see the relationship here with respect to the size of the textfield.

This is a silly question but i need rows to appear in this code

Code:

<input id="link_l" size=73>

See the below HTML:

<table width="100%" >
<tr><td align="left" style="background:blue">

<form name="rrrevsortform" method="post" valign="center">



<select name="RRSort" onchange="Redirect(this.value);">


<option value="http://something" selected="true">one choice</option><option value="http://sdfsd">sfd first</option>

</select>

<input type="submit" id="sortSubmit" value="Go">

</form>
</td>
</tr>
</table>

If you save this as .html and view you will find that TD height(blue color) is double the height of form? why so? how can I contract TD to take the height of form. Surprisingly even the height attribute does not work!

Hi Here is my site;

http://www.freewebs.com/jonnibravo/

The icons at the top of the screen are very small, all I want is to make the images bigger when you hover the mouse over them and to have text show below showing what team the icon belongs too.

I have tried to find something on the web that shows how to do it but I dont know how to implement the code. The code I am using is below.

PHP Code:
<p align="center"><img border="0" width="41" src="http://www.freewebs.com/jonnibravo/_41739828_accrington_stanley_203.gif" height="31" style="margin: 8px; width: 41px; height: 31px" class="fw_image_freewebs fwSizeProp" /><img border="0" width="36" src="http://www.freewebs.com/jonnibravo/_40964115_aldershot_203.gif" height="27" style="margin: 8px; width: 36px; height: 27px" class="fw_image_freewebs fwSizeProp" /><img border="0" width="32" src="http://www.freewebs.com/jonnibravo/_40964127_barnet_203.gif" height="24" style="margin: 8px; width: 32px; height: 24px" class="fw_image_computer fwSizeProp" /><img border="0" width="33" src="http://www.freewebs.com/jonnibravo/_42481805_bournemouth_203.gif" height="25" style="margin: 8px; width: 33px; height: 25px" class="fw_image_computer fwSizeProp" /><img border="0" width="55" src="http://www.freewebs.com/jonnibravo/_42453486_bradford_203.gif" height="41" style="margin: 8px; width: 55px; height: 41px" class="fw_image_freewebs fwSizeProp" /><img border="0" width="36" src="http://www.freewebs.com/jonnibravo/_42484917_brentford_203.gif" height="27" style="margin: 8px; width: 36px; height: 27px" class="fw_image_computer fwSizeProp" /><img border="0" width="38" src="http://www.freewebs.com/jonnibravo/_40964197_bury_203.gif" height="28" style="margin: 8px; width: 38px; height: 28px" class="fw_image_computer fwSizeProp" /><img border="0" width="39" src="http://www.freewebs.com/jonnibravo/_44463033_chester_203.gif" height="29" style="margin: 8px; width: 39px; height: 29px" class="fw_image_computer fwSizeProp" /><img border="0" width="32" src="http://www.freewebs.com/jonnibravo/_40964335_chesterfield_203.gif" height="24" style="margin: 8px; width: 32px; height: 24px" class="fw_image_computer fwSizeProp" /><img border="0" width="37" src="http://www.freewebs.com/jonnibravo/_40964393_dagenham_redbridge_203.gif" height="28" style="margin: 8px; width: 37px; height: 28px" class="fw_image_computer fwSizeProp" /><img border="0" width="36" src="http://www.freewebs.com/jonnibravo/_42362464_darlington_203x152.gif" height="26" style="margin: 8px; width: 36px; height: 26px" class="fw_image_computer fwSizeProp" /><img border="0" width="30" src="http://www.freewebs.com/jonnibravo/exeter.jpg" height="26" style="margin: 8px; width: 30px; height: 26px" class="fw_image_computer fwSizeProp" /><img border="0" width="37" src="http://www.freewebs.com/jonnibravo/_40877870_gillingham_203.gif" height="28" style="margin: 8px; width: 37px; height: 28px" class="fw_image_computer fwSizeProp" /><img border="0" width="32" src="http://www.freewebs.com/jonnibravo/_40964281_grimsby_203.gif" height="24" style="margin: 8px; width: 32px; height: 24px" class="fw_image_computer fwSizeProp" /><img class="fw_image_computer fwSizeProp" border="0" width="39" src="http://www.freewebs.com/jonnibravo/lincoln.jpg" height="29" style="margin: 8px; width: 39px; height: 29px" class="fw_image_computer fwSizeProp" /><img border="0" width="42" src="http://www.freewebs.com/jonnibravo/_42825829_luton_203.gif" height="31" style="margin: 8px; width: 42px; height: 31px" class="fw_image_computer fwSizeProp" /><img border="0" width="44" src="http://www.freewebs.com/jonnibravo/_44532873_macclesfield_new_203x152.jpg" height="32" style="margin: 8px; width: 44px; height: 32px" class="fw_image_freewebs fwSizeProp" /><img border="0" width="21" src="http://www.freewebs.com/jonnibravo/morcambe.jpg" height="29" style="margin: 8px; width: 21px; height: 29px" class="fw_image_computer fwSizeProp" /><img border="0" width="44" src="http://www.freewebs.com/jonnibravo/_41351579_notts_county2_203.gif" height="33" style="margin: 8px; width: 44px; height: 33px" class="fw_image_computer fwSizeProp" /><img border="0" width="52" src="http://www.freewebs.com/jonnibravo/_44525046_port_vale_226x170.gif" height="39" style="margin: 8px; width: 52px; height: 39px" class="fw_image_computer fwSizeProp" /><img border="0" width="48" src="http://www.freewebs.com/jonnibravo/_43007293_rochdale_203.gif" height="36" style="margin: 8px; width: 48px; height: 36px" class="fw_image_computer fwSizeProp" /><img border="0" width="43" src="http://www.freewebs.com/jonnibravo/_41740022_rotherham_203.gif" height="32" style="margin: 8px; width: 43px; height: 32px" class="fw_image_computer fwSizeProp" /><img border="0" width="31" src="http://www.freewebs.com/jonnibravo/SHREWSBURY.jpg" height="31" style="margin: 8px; width: 31px; height: 31px" class="fw_image_computer fwSizeProp" /><img border="0" width="44" src="http://www.freewebs.com/jonnibravo/_40675862_wycombe_203.gif" height="33" style="margin: 8px; width: 44px; height: 33px" class="fw_image_computer fwSizeProp" /></p> 

Hi

I noticed that ie6 renders paragraph breakline spaces bigger than ie7 or FF.

I got around it by using <br /><br /> instead of <p></p>, but is there a proper workaround to make ie6 conform?

Also also tried stipulating the CSS for the p tags, but to no avail:

.maintext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#fff;
text-align:justify;
line-height:100%;
}

.maintext p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#fff;
text-align:justify;
line-height:100%;
}

Cheers

Shaun

why the table i have dont expand over browser borders when sum of td widths is bigger than screen width?

How can i overcome this problem?

I have a big list and I want to show on my webpage 6lines from that list randomly (when webpage is refreshed another 6 lines appear). can anyone help me with he code, how should the list look like so it works...or where can I find more info on this ?

thanks

I am trying to insert the same html page http://www.danhead.com/store/dirtfest/index.html into several other pages including a myspace profile. Thanks to the blocking of iframes on MySpace the only solution I have found so far is to embed the html in an object. This is the code I am using now to insert the object:

Code:

<object type="text/html" data="http://www.danhead.com/store/test/index.html" width="420" height="800"></object>

My problem is that the object is visible in Mozilla Firefox but not IE and possibly many other browsers as well, for I only have the two to check. With IE, all that appears is a blank frame the intended size of the object. My ultimate intention is to have both the object visible and the transparent background to show through on all browsers.

You can view the code in use he
http://www.dirtfest.com
http://www.myspace.com/dirtfest

Thanks in advance!

Hi,

I think this should be pretty simple to solve but can't find a resource online anywhere.

I've written a photo viewing site using HTML server side includes.

It is simply a large (480x360px) photo with an embedded object navigation menu below. The navigation menu has thumbnails of all the photos.

It looks fine but the glitch is getting the navigation menu to change the large photo. I'm trying to avoid using JScript as it may be seen by those with basic computers (developing countries) although this is an option.

The only resources I've found for this suggest creating a new page for each photo. This seems inefficient but I can't figure out if there's an elegant solution (CGI?) to pass which photo is required to a generic webpage.

I'm pretty computer literate (degree in computer science in '99) but haven't programmed since I graduated and things have obviously moved on since then.

You can see the page at http://osburn.co.uk/testpage/lebleu.shtml and the source below.

Thanks for any help!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<link rel="stylesheet" href= "css/main.css" name="default" type="text/css"/>

<title>Davellos test page - business portal</title>
<META Name="KEYWORDS" Content="">
<META Name="DESCRIPTION" Content="">

</head>

<body>

<br><br />
<table class="davell_photo_standard">
<tbody>
<tr><td>&nbsp</td></tr>
<tr align="center">
<td id="vu"><a href="movie.shtml"><img alt="Davell tulip" src="jpg/chalets/brad/large/brad.3.jpg" name='SlideShow' align="center" border="0"></a></td>
</tr>
<tr>
<td><object name="lebleuembed" class="davell_smallphoto_embed" data="lebleu2.shtml"></object></td>
</tr>
</tbody>
</table>

</body>
</html>

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'm fixing a website for work, and I need help.

I know that you can find out which browser the user is using, but is there anything else you can find out. Specifically, screen resolution or internet speed?

Ok im am kinda new to html i have set up a website that in my mind is not to bad considering i dont know much.. but when i minimize my buttons and 2 logos at the top all smash up together and it looks like crap.. All the help i could get would be great.. thanks for all the help

http://www.dlsvendingllc.com

I try to put 2 Objects (probably the wrong word) in a line. I tried div, float and span. I think i just used them in the wrong Way, so may someone here can help me out?
Code:

<?if($CHAT_BOX$)?>
<div class="boxContent" style="width: 50%;">
<div align="center">$CHAT_BOX$<?endif?> 
<?if($MYINF_5$)?>
<div class="boxContent" style="width: 50%;">$MYINF_5$</div>
</div>
</div><?endif?>

Thats the Code, its always Displayed
$CHAT_BOX
$MYINF_5$
i want it to be
$CHAT_BOX $MYINF_5$


------------------------------------

My header looks weird. I tried using a table to get it down, but it doesn't want to seem to work the way I want it to.

I want my search box and submit to ditchtime.com blocks to be right under each other all on the same line with my other ads. Instead the submit 2 ditchtime block is underneath everything else.

Any table I could use to fix this?

site
http://www.ditchtime.com