HTML - Picture Does Not Seem To Want To Fill Up Cell

Hi everyone - I've been building our new site located at http://viralms.com for the last few weeks.

There is just one thing I can't seem to figure out. On the home page there is a Marketing Evaluation form with "Name" and "Email" fields. When someone is to fill out those 2 fields and hit "Continue" I want it to land on this page: http://viralms.com/analysis.html

Upon loading the analysis page, the name and email fields should be automatically filled out. I've seen it done before but can't really figure out how to do it

Thanks

J

Hi everyone,

I've got a div setup, used for navigation, like so:

HTML Code:

<div class="container">
<div class="item">Home</div>
<div class="item">Link 1</div>
<div class="item">Link 2</div>
<div class="item">Link 3</div>
<div class="item">Link 4</div>
<div class="item">Link 5</div>
<div class="item">Link 6</div>
<div class="whitespace">Fill Whitespace</div>
</div>

The container div is 800px, but the links only come to 700px, roughly.

I want to fill the remaining space, because each item has a border, other than the selected one, and i want the border to touch the side of the container.

I've tried
Code:

.whitespace {
width: 100%
}

and this does work partially, but the div finishes just short of the edge of the container.

I've entered text into the whitespace container, which has stretched it to the edge of the container, so i know theres nothing getting in the way.

Any ideas how i can get the whitespace div to fill up the remaining space in the container div?

Thanks

Matthew Millar

Hi, I'd like to know how to completely fill a web page with an image. This might sound like a simple thing but I would like to have an image fill the web page window 100%, at least top left and right should be possible. When I try this in Dreamweaver by placing the image inside a table there is always a white border around the image, even though I am using the 100% fit attribute.

Browsers of importance: IE6/7

I visit a lot of sites where the window is filled exactly. Is it best for the image to be larger than 1024 x 768 or smaller, and if smaller, does the HTML code stretch the image or contents to fit? If I could get past this, I might be able to get interested in web site building, but this has thwarted all my interest if what you create doesn't fit the browser window properly.

Thanks in advance!

I have come accross a problem on my site. If i let the browser (FF in this example) remember my login details, it then places them in some input fields on my account settings page. Only it puts them into the wrong one.
Eg, it places the username from the login into the "new_forename" field in the account settings

below is the html (minus the divs...etc) for the site login form and then the change forename form on account settings.php.


Here is the html code for the username and password entry on my login screen:

Code:

<form name="login" method="post" action="authenticate.php">
username
<input style="width:180px" name="enter_user" type="text"/>
<span class="form-warning"></span>

password
<input  style="width:180px" type="password" name="enter_pass"/>
<input class="button blue medium" type="submit" name="login" value="login"/>
</form>

Here is some html code from my account settings page

Code:

<form name="new_forename" method="post" action="accountDetails.php">
Enter new forename <input type="text" name="new_forename" value="" size="30"/><br/>
Enter your password <input type="password" name="password" size="30"/>

<input class="button blue medium" style="width:130px" type="submit" name="save_forename" value="Save new forename"/>
<input class="button red medium" type="submit" name="cancel" value="Cancel"/>
</form>

How can i correct this?

Is it that the browser is seeing the "password" fields and simply filling in the stored password field with the password saved for the site?

Hi guys, first thing first, nice to be part of this forum.

My first post and question. Suppose i have 5 identical forms with name, address, city, post code, is it possible to do one submission for all rather than doing it one by one...

Thanks

Hi there, I am looking for a way that if a user clicks on a button on my website it will autofill a search field on a website that I have no control over. I have been told that I just need to add the url http://www.externalsite.com?fieldname=123456789

This doesn't seem to work. Can anyone help with this?

When I create a test page using DIV and set it to 480 px wide, my iPod Touch does not have it initially filling the screen; I have to double tap it to have it fill the screen.

What step am I missing?

Many thanks...

Todd

How do I prefill an input field in a form? I don't mean "value=hello"
I mean have a light gray text inside that says "enter your first name" and then when the user starts typing that text disappears.

I thought there was an html tag that did this (or a form tag like type=""). I hope it doesn't require CSS...
thanks!

When someone clicks an email link on our website I want the email subject line automatically filled in for them.

I have tried the following code, but it does not work.

<a href="mailto:example@example.co.uk?subject=example">example@example.co.uk</a>

I am pretty sure its because I am putting the email address as the text for the link. Because when I replace the email address with normal text, it works fine.

Instead of showing example@example.co.uk it shows mailto:example@example.co.uk?subject=example

Hi there

I am trying to make a template whereby the whole table fills 100% height of the browser window. My problem is, is that i have a nested table containing 2 rows and 2 tds. The first row and td needs to be aligned to the top and the 2nd needs to align to the bottom - and to the bottom of the browser window.

This is my code so far:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Homepage</title>
<style type="text/css" media="all">
body {
margin:0;
padding:0;
height:100%;
}
table {
border-collapse:collapse;
border-spacing:0;
}
td {
margin:0;
padding:0;
}
html {
height:100%;
}
</style>
</head>

<body >
<table width="100%" cellpadding="0" cellspacing="0" style="height:100%;">
<tr>
<td width="50%" style="background-image:url(leftheader_image.gif); background-repeat:repeat-x; background-position:top right;"></td>
<td width="980" height="244" style="background-image:url(header_image.jpg); background-repeat:no-repeat; background-position:top left; vertical-align:top;"><img src="spacer.gif" width="980" height="1" alt="" /></td>
<td width="50%" style="background-image:url(rightheader_image.gif); background-repeat:repeat-x; background-position:top left;"></td>
</tr>
<tr>
<td width="50%" style="background-image:url(leftbody_image.jpg); background-repeat:repeat-x; background-position:top right; background-color:#fbefd5; vertical-align:bottom;" ><table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="50%" height="119" style="background-image:url(leftgrass_image.gif); background-repeat:repeat; background-position:top right; vertical-align:bottom;"></td>
</tr>
</table></td>
<td width="980" bgcolor="#fbefd5" style="background-image:url(body_image.jpg); background-repeat:repeat-x; background-position:top left; background-color:#fbefd5; height:100%; vertical-align:top;"><table width="100%" style="height:100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><p>content</p></td>
</tr>
<tr><br />
<td width="980" height="118" style="vertical-align:bottom; background-image:url(grass_image.gif); background-position:top left; background-repeat:repeat-x;">&nbsp;
</td>
</tr>
</table></td>
<td width="50%" style="background-image:url(rightbody_image.jpg); background-repeat:repeat-x; background-position:top left; vertical-align:bottom; background-color:#fbefd5; "><table width="100%">
<tr>
<td width="50%" height="118" style="background-image:url(rightgrass_image.gif); background-repeat:repeat; background-position:top left; "></td>
</tr>
</table></td>
</tr>
</tr>
</table>
</body>
</html>

What i need is for the left grass image, the grass image and the right grass image all aligned to the bottom of the browser window, but all these images need to be set as backgrounds as i need the left and the right to repeat on the x and footer links will be overlayed to the grass image in the middle.

The result i am getting at the moment is IE7 displays 100% further than the height of the browser window, resulting in a scroll and the grass image does not align to the bottom along with the left and right grass. This is near the top directly beneath the content td.

In Firefox, all images are aligned to the bottom, but the grass image is pushed further down than the left and right and so is not lined correctly, resulting in a slight scroll. The left and right grass images are aligned at the bottom of the browser window, before needing to scroll to see the rest of the middle grass.

I know that's a lot to take in, does it make sense?

Thanks in advance.

I was wondering if there was any way to do this:

I have a site that has a catalog. There are 10 - 20 items per page and about 15 pages/categories. Each item will have a check box. When a checkbox is clicked a window will open (containing a list of EVERY item, quantities, etc.) and a check box next to that particular item will be automatically checked.

Then as the user clicks through the catalog and checks off boxes they will be filled in in the new window as well.

Basically I need to know how to check a box in one window and have it check a box in another window at the same time.

Thanks.

I was wondering, if there is a web page with forms, is there anyway you can create a link so that some of the input boxes are automatically filled. This would be nice so that I can email a few links to a lot of my friends and I've already filled out some of the info for everyone. Thanks for the help.

~Bryan H.~

Hello Everyone,

i am new to HTML, i am trying to develop my first website.
I am using asp.net , C#, HTML, CSS and Visual studio2008 on windows Xp

I had a page, in that i moved the tables to center.
after moving the tables to center i found the white space on the left and right sides of the page.
Now i want to fill the white space which is on the left and right sides of the page with the black color.


Can anyone please help me

thank you

regards
john.

Hi,

I've got an HTML form running on an internal intranet site.
It contains a vbscript that pulls the username from the local machine.
Is there a way to put that username in a text box on the html page for submission later? Please see the code below for reference thanks

<html>
<head>

</head>

<body>
<script type="text/vbscript">
set objNetwork = createobject("wscript.network")
document.write(objNetwork.Username)
</script>
</body>
</html>

I'm using a jquery plugin that creates a grid view using a table. Inside the cells i have text areas that i'm manually sizing using the rows attribute, to fill the td. It's not working very cleanly though. Does anyone know of a way to get text areas to automatically size themselves to a containing td?

thanks, max