HTML - Text Split Next To Image In Ie

I'm looking for information on how to split a web page background, this is kind of hard to explain so i'll provide an example,

http://www.torrentspy.com

Can this be done with html and css only?
Know of any tutorials or links for what i'm looking for?

I was wondering if there is a way to split the back ground color of a page so that one half is one color and the other half is another

Hello,

I have a form which is used to pass a password in 2 factor authentation.

What I am looking to do is to take :

<input class=CTXMSAM_ContentFont type="Password" title="Enter password" name="passwd1" size="13" maxlength="32">

and split it into two form fields but when the user submits the form combining both fields to be submitted wth the name="passwd1"

This is crutial for authentication to work. The reason for this is that the password is a secure token which contain a PIN + Tokencode. Currently the need to put both in one field and hit submit combining it them selves. This is not optimal as end users are not the smartest eggs out there.


Thanks

The full .js script is below:

var loginPrefilled = false;

function SetCookie(cookieName,cookieValue) {
var today = new Date();
var expire = new Date();
expire.setTime(today.getTime() + 3600000*24);
document.cookie = cookieName+"="+escape(cookieValue)+";path=/;expires="+expire.toGMTString();
}

function UnsetCookie(cookieName) {
document.cookie=cookieName+"=nothing;expires=Thursday, 1 Jan 1970 00:00:00 GMT; path=/";
}

function ns_check()
{
var login=document.forms['vpnForm'].login.value;
if(login == "")
{window.alert("You need to enter login name"); return false; }
SetCookie("NSC_USER", login);
return true;
}
function ns_disperrmsg()
{
if(document.cookie.length>0) {
if(document.cookie.indexOf("NSC_VPNERR=4001") != -1) {
document.writeln("<FONT COLOR=#000000><B><CENTER>&nbsp;Invalid username or password.</CENTER></B></FONT>");
UnsetCookie("NSC_VPNERR");
return;
}
}
document.writeln("&nbsp;");
}
UnsetCookie("NSC_AAAC");
UnsetCookie("NSC_USER");
function ns_getcookie(name)
{
var cookie=document.cookie;
if(cookie.length > 0) {
begin=cookie.indexOf(name+"=");
if(begin!=-1) {
begin+=name.length+1;
end=cookie.indexOf(";", begin);
if(end==-1) end=cookie.length;
return unescape(cookie.substring(begin, end));
}
}
return null;
}
function ns_fillName()
{
var value=ns_getcookie("NSC_NAME");

document.vpnForm.login.focus();
if(value!=null) {
document.vpnForm.login.value = value;
loginPrefilled = true;
document.vpnForm.login.style.color = "#777";
document.vpnForm.passwd.focus();
UnsetCookie("NSC_NAME");
}
}
function loginFieldCheck()
{
if(loginPrefilled == true)
{
document.vpnForm.login.blur();
}
}

function ns_showpwd()
{
var pwc = ns_getcookie("pwcount");
document.write('<TR><TD align=right><SPAN class=CTXMSAM_ContentFont style="FONT-WEIGHT: bold">Windows Password');
document.write(':</SPAN></TD>');
document.write('<TD><input class=CTXMSAM_ContentFont type="Password" title="Enter password" name="passwd" size="13" maxlength="32"></TD></TR>');
if ( pwc == 2 ) {
document.write('<TR><TD align=right>

<SPAN class=CTXMSAM_ContentFont style="FONT-WEIGHT: bold">SecurID PASSCODE:</SPAN>

</TD> <TD>

<input class=CTXMSAM_ContentFont type="Password" title="Enter password" name="passwd1" size="13" maxlength="32">

</TD></TR>');
}
UnsetCookie("pwcount");
}

Hello Everyone!

About 4-5 days ago I made my attempt to build my first webpage, I am using Dreamweaver cs4 my goal right now is to split my index page in half so I can have two columns, one side for a current video and the other for upcoming news. my site is www.canapictures.com and I will include a picture of what I am trying to achieve, thank you.

The gray line in the middle is where I want it to split, and the box is where text would go, I want to line to be invisible if possible.

How do I type text on top of a image and have it look the same in IE and Firefox

Heya,
Im coding a site here in Dreamweaver CS3 and need some help. I have a sliced image from my made-in-photoshop layout, that is my content area. But In dreamweaver I cannot add text over it.
Anyone have a tutorial or advice that can get me past this?

Quote:
<html>
<head>
<title>newv4</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="breakdownconspiracyinc.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (newv4.psd) -->
<div id="site_layout">
<table id="Table_01" align="center" width="500" height="470" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="4">
<img src="images/area/name_area.jpg" width="26" height="470" alt=""></td>
<td colspan="11">
<img src="images/area/logo_area.jpg" width="450" height="159" alt=""></td>
<td rowspan="4">
<img src="images/fill/right_fill.gif" align="middle" width="24" height="470" alt=""></td>
</tr>
<tr>
<td>
<img src="images/fill/graphics-fill.jpg" width="42" height="17" alt=""></td>
<td>
<a href="http://www.freewebs.com/breakdowninc/pages/Graphics.html">
<img src="images/buttons/button_graphics.jpg" border=0 width="73" height="17" alt=""></a></td>
<td>
<img src="images/fill/music_fill.jpg" width="31" height="17" alt=""></td>
<td>
<a href="http://www.freewebs.com/breakdowninc/pages/music.html">
<img src="images/buttons/button_music.jpg" border=0 width="45" height="17" alt=""></a></td>
<td>
<img src="images/fill/film_fill.jpg" width="33" height="17" alt=""></td>
<td>
<a href="http://www.freewebs.com/breakdowninc/pages/film.html">
<img src="images/buttons/button_film.jpg" border=0 width="30" height="17" alt=""></a></td>
<td>

<img src="images/fill/blog_fill.jpg" width="36" height="17" alt=""></td>
<td>
<a href="http://www.freewebs.com/breakdowninc/pages/blog.html">
<img src="images/buttons/button_blog.jpg" border=0 width="33" height="17" alt=""></a></td>
<td>
<img src="images/fill/about_fill.jpg" width="33" height="17" alt=""></td>
<td>
<a href="http://www.freewebs.com/breakdowninc/pages/blog.html">
<img src="images/buttons/button_about.jpg" border=0 width="50" height="17" alt=""></a></td>
<td>
<img src="images/fill/end_fill.jpg" width="44" height="17" alt=""></td>
</tr>
<tr>
<td colspan="11">
<img src="images/area/content_area.gif" width="450" height="270" alt=""></td>
</tr>
<tr>
<td colspan="11">
<img src="images/area/copywrite_area.jpg" width="450" height="24" alt=""></td>
</tr>
</table>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
image: http://allyoucanupload.webshots.com/...57666093499606

Hello, I would like to know, how can I insert text on top of an image (the one with the baby), so that the text would be non stop there on the same position, even if you change browser width...

URL: http://www.fkkt.org/gdemsa/domov.html

Please help

If anyone knows how to do this, please help...

I am trying to place text over an image. My image is broken up into 2 images. I want the text to be over the top image while retaining the two images being together.

Here is my html:


<td align="center" valign="top"><table width="500" border="0" cellspacing="0" cellpadding="0">
<img src="top.jpg"><img src="middle.jpg">

What would the html be to accomplish this?

Thank you

Hi,

I want to place some text over an image, however i don't want to set the image as a background, as the user should be able to print the image, along with the text.

What i want is that a photo would have something like "copyright 2009" or something similar when it is printed.

Can someone point me in the right direction (to the correct forum, link etc.)

thanks and best regards,

Joe

How can I, in a table, put text directly to the right of an image? When I try, the image is placed, and then there's plenty of space to the right, but the text goes to the bottom right corner of the picture. How can I have it like this: (x's represent the image)

xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx &larr; Text
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx

I'd like to have them all on a center line so to speak, where the middle of the text is lined up with the middle of the picture, and the text is centered (the text will be in a column-like structure, not just one line as it appears above)

How can I get text on top of an image? I can't use an absolute position.

credmond8.awardspace.com/random.html The text on the footer img.

Hi, I am relativeley new to web design, I am just wondering if there is a way for me to put text over an image in Dreamweaver.

I made my layout in Photoshop, sliced it in Imageready and now have it open in Dreamweaver.

Any help is much appreciated.

Thanks
-Danny

Edit: Sorry, should've posted a screenshot to give you a better idea of what I mean.. Click the link to see what it is I want the text on.. The 'box' is a slice by the way.
http://img396.imageshack.us/img396/3271/helpub8.jpg

Hi, I am new to the forum, and HTML. I have a website, but it built by someone else, who has since left the country, so I am trying to learn basic coding to do my own website work. My question is, how do I put an image on a page with text displayed on the image ? There is an image on the home page of my site, Lanna Charm, with text on it , and I have tried to create the same effect, without success. Is there an easy way to do this ? I found the image in "Assets", in the admin section, and I can reproduce it, but I want to use different images, with different text. Thank you, Mickmac

Hello,

I am trying to display an image on the bottom left corner of the text. The text is dynamic. Below is a sample code(the text below is going to be dynamic). Please Advice?

<style>
.imgst
{
float:left;
text-align:right;
overflow:hidden;
}
</style>

<table width="471" border="0" cellspacing="0" cellpadding="0">
<tr><td>
<span class="imgst"><img align="baseline" align="top" src="/images/adams.jpg" /></span>
lwekjrwekj rweklrjwerl lwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerllwekjrwekj rweklrjwerl

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