HTML - Showing Hand Cursor With Input Tag

Hi all, I'm having some trouble getting my website complete enough to be up and running. I can put up 1 page, but visitors would have no way to navigate my site. I'm new to HTML and know a little bit. I've read up on a few tutorials, but nothing that talks about navigation. does HTML even do this?, or is this a CSS or JavaScript thing? I'm new to this and would really appreciate the help. Thanks a million.

-Andrew

Im trying to figure out how to make my page borders absolute. So that the text I enter is forced to the next line and the table expands to accommodate whatever text is entered.

Instead, whats happening is the page is expanding to the right, to accommodate the excess text. I've not messed with any html in a long time, used to be I could just use nested tables to accomplish this but no longer. I plan to use this code for an ebay store template so trimming the text or manually splitting it from line to line isn't an option.

if anyone could help me or point me in the right direction so I can fix this or learn how to fix it It would be much appreciated.

page in question is located here

surrenderyourwings(dot)com/layout(dot)html
http://surrenderyourwings.com/layout.html

a fragment of the code is shown below,

<form id="frmmain" name="frmmain" method="post" action="index.php?page=login">
<!--<form id="srch" name="srch" onsubmit="return blockSubmit();">-->
<td valign="top" style="padding:4px;text-align:center;height:50px;margin:0 auto;">
<input style="height:20px;background:none;color:#fff;border:1px solid #fff;width:160px;" type="text" value="<?php echo 'Enter WinkedAt code here.';?>" name="wa_id" id="wa_id" onclick="javascript:document.frmmain.wa_id.value=''" onmouseover="return onMouseOver2('You must &lt;a href=index.php?page=login&gt;Login&lt;/a&gt; first to add WinkedAt code or &lt;a href=index.php?page=Signup&gt;Sign-up&lt;/a&gt; for a free new account.');" onmouseout="onMouseOut2();" />
</td>
<td valign="top">
<input type="hidden" id="my_id" name="my_id" value="<?php echo $my_id;?>"/>
<input type="hidden" name="error" value="<?php echo $error;?>"/>
<input type="hidden" name="msg" value="<?php echo $msg;?>"/>
<input style="border:none;" type="image" src="<?php echo _DEFAULT_TEMPLATE_PATH;?>/images/goarrow.png"/>
</td>
</form>

but when i validate it, it prompts errors such as these

--document type does not allow element "td" here

--Attribute "name" exists, but can not be used for this element.

i tried putting divs but still the error prompts..what did i overlook?

Hi board members

I've been hard at this for hours and can't get it working.

Following the tutorial on
facebook in order to specify the image which is associated with the page in question, my daughter's blog which I coded in notepad

Please be advised the facebook links are not positioned where they will finally reside on the page.

I have tried the iframe method first which doesn't have image control of this, then tried html5; and then the supa dupa xfbml methods. The latter two are called open graph. However ALL three methods return the rss icon image - so frustrating.

The image I want to use is within their parameters and is in my images folder on level above the root.

Can you please look at my code and shed some light on this. Note all of this code has been generated by their engine - copy/paste.

the lines you are interested in are 11-16; 24-31 and 62

Good luck, Mal from Cessnock

Just so you know I am new to all of this stuff. I have been arranging a web site for myself, as a project to learn from.

I made myself a nice title/banner picture for my site and would like to align it to the very edge of the page(top/left/right). There are a few PX as a boarder, this is what I DO NOT want. I have it as a larger sized image then I'm displaying at the moment. And was hoping that I might be able to have it stay aligned at all times( If user changes the window size, or their window is large or small, etc.), and have this image be "fixed" at the top (there no matter how far down the user scrolls). I do not know if this should be in the .html or in the .css portion of my page, at the moment it is in the .html .


***A close example of what I want would be the top of htmlforum.com. The title banner boarders the entire top edges of the frame... except the "pic" does not go across the entire top, and the banner stays at the top.***

the code I'm using at the moment is:

<img src="http://naluolapa.com/images/Titlepic2.jpg"
width="1024px" height="126" alt="title banner, nalu olapa's domain" align="top" >


This is a link to what I'm talking about and working on:
http://www.naluolapa.com/home/HTML-2.html

(yes, I do know that the page is full of errors in the displayed text, I'm more focused on the looks and style then the content at the moment.)

I have google-ed many sites, and used lots of different sources for codes. Though none gave me what i want. so I decided to post on here, after looking through many threads too.

Thanks for your time!

I wanted to get my background image in the center of my page.
The Html code I'm using is as follows.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
background-image: url(http://i14.photobucket.com/albums/a3...HomePage.jpg);
background-position:center;
background-repeat: no-repeat;
}
-->
</style></head>

<body>
</body>
</html>

When i do it.
Half the image dissappears at the top of the page.
Can anyone help?

Okay say if i only want the custom made cursor to be on only one part of the page how would i do that?


This is a example of my code
<style type="text/css">
body {
cursor: url(http://filexoom.com/files/2007/6/16/...e%20Curser.cur), auto;
}
A {
cursor: url(http://filexoom.com/files/2007/6/16/...e%20Curser.cur), url(http://filexoom.com/files/2007/6/16/...e%20Curser.cur), auto;
}
</style>


I don't want it to be the entire page. as you can tell im new at HTML/CSS

*Disclaimer! I hope this makes sense to somebody!

I'm self-taught in HTML so my scripts dont always work properly. In fact, I dont even know if my scripts are in the right order most of the time (for example what goes before and after HEAD/BODY, etc tags). To make things more complicated, theyre part JAVA part HTML and part CSS (is this normal?), but most of the time I can get them to work. Anyhoo, back to the question: Im having a particular problem making an animated cursor that I downloaded to work on my webpage. I downloaded it to my computer- saved it as "tp.ani" and then uploaded it to my directory, so Im assuming theres a problem with my coding somewhere? Could somebody please tell me what I'm doing wrong, I've tried everything!

*Before I paste my script below- my main page is broken down into 3 frames... that means that for each frame (since each is a different page) I have to put the cursor script on every individual page correct? Instead of just on the page with the frameset script?

Script for top frame:
HTML Code:

<HTML>
<HEAD>
<TITLE> MOSHER SERVICES LLC </TITLE>

<Script language='Javascript'>
<!--
function change(obj,nid)
{
obj.id=nid;
}
-->
</Script>

<Style type='text/css'>
<!--
body{cursor:url('tp.ani');}

#normBtn{
background-color:#DCDCDC;
color:#000000; font-family: occidental; font-size: 13pt;
border-style: solid;
border-bottom-color: #333333;
border-right-color: #555555;
border-left-color: #A9A9A9;
border-top-color: #F5F5F5

}
#btnFocus{
background img src: "water003.jpg";
color:#000000; font-family: occidental; font-size: 13pt; font-weight: bold;
border-style: solid;
border-bottom-color: #25587E;
border-right-color: #4863A0;
border-left-color: #87CEFA;
border-top-color: #FFFFFF;
cursor:hand;
}

-->
</Style>

<BODY>
<body background="waterswirllong.jpg">
<br>
<br>
<br>
<br><table border="0" width="450" align="center">

<TR><COLGROUP ALIGN="center" span="3"><td><FORM METHOD="link" ACTION="residential.html" TARGET="C">
<input type='submit' value='Residential' TITLE="Click here for a full list of the Residential 
services we provide" onMouseOver='change(this,"btnFocus")' 
onMouseOut='change(this,"normBtn")' id='normBtn'/>
</FORM></TD>

<TD><FORM METHOD="link" ACTION="commercial.html" TITLE="Click here for a full list of the Commercial 
services we provide" TARGET="C">
<input type='submit' value='Commercial' 
onMouseOver='change(this,"btnFocus")' onMouseOut='change(this,"normBtn")' 
id='normBtn'/>
</FORM></TD>

<TD><FORM METHOD="link" ACTION="excavation.html" TITLE="Click here for the Excavation 
services we provide"TARGET="C">
<input type='submit' value='Excavation' 
onMouseOver='change(this,"btnFocus")' onMouseOut='change(this,"normBtn")' 
id='normBtn'/>
</FORM></TD>

</TR>
</TABLE>

</BODY>
</HTML>

If you'd rather view the source from the actual site it's: www.mosherservices.com/main.html.

I hope my question made sense to someone! Please feel free to tell me if I'm doing anything else wrong either.

Thanks everyone ,
'WebNovice' Kim

Hi i have the following code:

<li><a onclick="MM_openBrWindow('Contact.html','Contact','scrollbars=yes,width=650,height=500')">contact</a></li>

Now when i go on that link i dont get the hand cursor, it doesnt change. (probably because i dont use 'href') But i dont want the page to chang ejust a popup with a contact form.
I have tried by placing: href="index.html" (i thne get the hand cursor) but then it will not only open the popup but also refreshes the page which generates traffic.

How can i mak it so that i get the hand cursor and it only opens a popup with the contact form.

Thnx

Ok so I think I have to use JavaScript in order to achieve this but Im not sure.
What I want to do is have a bunch of different pages and have the page numbers below. Kinda like the page numbers in google. I also am wondering how to make a link to go to the next page in the group or to go to the very last one and than back to the first and so on...

Any help..sry if I didnt explain it the best

This maybe a dumb question. I form that I use for my mailing list. I am having trouble getting the cursor to display as a text cursor over the input section and a hand cursor over the "sign up" button. Ref: http://bigdogcattle.com

Here is the html code:

<div class="form_contents">
<label for="email">Join our Mailing List</label>
<input type="text" name="email" />
<br/><br/>
<input type="submit" value="Sign Up!"/>
</div>

Any ideas?

Thanks,
Jamie

http://www.gouramidesign.com/portfolio.aspx#webdesign

See that website, how it opens a lightbox type of thing, but wth the image on the left side and then a text on the right side ?What scripts does that website use?

I currenty use prettybox, a jquery script, but I dont want to JUST display images, io want to have a website portfolio and thi sis EXACTLY what I've been looking for!

Hi, I had this under multimedia elements but I think it makes more sense here.

when I have an embedded youtube video and forms in the same page the cursor in the forms blink fast and nasty.

That happens with IE and Firefox but is ok with Opera.

If you try the code below you can see how the cursor in the text area behaves.
Do you have any hints how to fix that? Do you see also the problem or is it only me?

Code:

<html>
<body>

<form>
First name: <input type="text" name="firstname">
</form>

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/wreP8FMupyM&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/wreP8FMupyM&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

</body>
</html>

Thanks

I'm using 'hide and show' frames on my site and use button images to show and hide them. I would like the cursor to change when they hover over the button to show that they are a link or will do something. At the moment the arrow stays just as it is.

You can see the problem on http://www.islandcottageholidays.com

Thank you in advance

Oliver