I have a button image(gif) for a menu(actually two-one for mouseoff and other for mouseover)and I want to use it to create my menu(horizontal).I don't know how to get the menu text written on the button,i.e.,I don't know how to title the button as 'Files','Archives',etc and link them to the respective page on my site.<br />
<br />
Also,with the two images I have('button1.gif' and 'button2.gif'which I have uploaded to my server)I can't seem to find a script for the mouseover effect.<br />
<br />
Pl help me fix the problem of labelling the buttons and getting the mouseover to work.I guess I'll have to get the text on both the images written first and upload them once again to get the mouseover to work.<!--content-->Are you wanting when you mouseover an image a little box comes up with text in it?<br />
<br />
Add to the image tag: alt="text"<!--content-->No,that's not what I mean!You have buttons titled as 'profile','usercp','email','register',etc on this site,right?Well,how do you label these buttons like that.I have a button image and I want to label these buttons as per my menu requirements like it's done here,for example.<!--content-->Have text on them? If so you need an image editor.<!--content-->I'm a novice when it come to using image editors-haven't had any experience with one.Pl recommend a good image editor and where I can Download <!--more--> it-I don't have one with me or on my systems right now.<!--content-->Editor images:<br />
<!-- m --><a class="postlink" href="http://www.ultimatepaint.com">http://www.ultimatepaint.com</a><!-- m --><br />
( tutorial how-to <!-- m --><a class="postlink" href="http://members.lycos.nl/vazed">http://members.lycos.nl/vazed</a><!-- m --><br />
UltimatePaint in Dutch, but in the examples the english words)<br />
<br />
<br />
Buttonmaker:<br />
<!-- m --><a class="postlink" href="http://www.steffengerlach.de/freeware/">http://www.steffengerlach.de/freeware/</a><!-- m --><br />
<br />
Or with irfanview<br />
<!-- w --><a class="postlink" href="http://www.irfanview.com">www.irfanview.com</a><!-- w --><br />
you can put text on a button.<br />
<br />
:rocker:<!--content-->Thanks,petervazed!I posted this query at Graphics too and I got a response to Download <!--more--> PSP and add text,which I've quite easily done.But Irfanview is interesting too and am checking it out.A search yielded a mouseover script for images and a link,which I plan to use.The responses in this forum are quite swift and productive too!<!--content-->I like to use GIMP: <!-- m --><a class="postlink" href="http://www.gimp.org">http://www.gimp.org</a><!-- m --><!--content-->Add to the image tag: alt="text" <br />
<br />
Can u do that with text? i tried to put it in like this <a href=http://www.htmlforums.com/archive/index.php/"blaablaa" ALT="blaa blaa"> <br />
<br />
but doesn't wanna work for me <br />
<br />
thanx<!--content-->Originally posted by Slinket <br />
Can u do that with text? i tried to put it in like this <a href=http://www.htmlforums.com/archive/index.php/"blaablaa" ALT="blaa blaa"> <br />
<br />
but doesn't wanna work for me <br />
<br />
thanx <br />
<br />
Tjis way:<br />
1/<br />
<a href=http://www.htmlforums.com/archive/index.php/"example.html" title="take a look">example</a><br />
2/<br />
<a href=http://www.htmlforums.com/archive/index.php/"example.html" title="take a look\nnew part\nnice one"> example</a><br />
<br />
Wher \n is you can use<br />
& #10 ; & #13 ; (with no spaces in it)<br />
<br />
:rocker:<!--content-->Adding alt="some text" to <img> tags is required in HTML 4.01 coding. This attribute is used to show text in place of the image before it loads, or if it fails to load, or if image loading is turned off in the browser. Certain non-visual browsers used by disabled people also make use of this information, as do search engine spiders that read and index this information. For bullet-point images use alt="*" and for unimportant and spacer images alt="" should be fine.<br />
<br />
On some older browsers, the alt text pops up a little box with the text in whenever the mouse passes over the image area. In more recent browsers the pop-up text is rendered with the title attribute, as in the example above. The title attribute is usually added to anchor tags (i.e. the <a> ones). This means that your images and links could look like this:<br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"example.html" title="take a look"><img src="nicepix.png" alt="some info here" width="100" height="50" border="0"></a><!--content-->
<br />
Also,with the two images I have('button1.gif' and 'button2.gif'which I have uploaded to my server)I can't seem to find a script for the mouseover effect.<br />
<br />
Pl help me fix the problem of labelling the buttons and getting the mouseover to work.I guess I'll have to get the text on both the images written first and upload them once again to get the mouseover to work.<!--content-->Are you wanting when you mouseover an image a little box comes up with text in it?<br />
<br />
Add to the image tag: alt="text"<!--content-->No,that's not what I mean!You have buttons titled as 'profile','usercp','email','register',etc on this site,right?Well,how do you label these buttons like that.I have a button image and I want to label these buttons as per my menu requirements like it's done here,for example.<!--content-->Have text on them? If so you need an image editor.<!--content-->I'm a novice when it come to using image editors-haven't had any experience with one.Pl recommend a good image editor and where I can Download <!--more--> it-I don't have one with me or on my systems right now.<!--content-->Editor images:<br />
<!-- m --><a class="postlink" href="http://www.ultimatepaint.com">http://www.ultimatepaint.com</a><!-- m --><br />
( tutorial how-to <!-- m --><a class="postlink" href="http://members.lycos.nl/vazed">http://members.lycos.nl/vazed</a><!-- m --><br />
UltimatePaint in Dutch, but in the examples the english words)<br />
<br />
<br />
Buttonmaker:<br />
<!-- m --><a class="postlink" href="http://www.steffengerlach.de/freeware/">http://www.steffengerlach.de/freeware/</a><!-- m --><br />
<br />
Or with irfanview<br />
<!-- w --><a class="postlink" href="http://www.irfanview.com">www.irfanview.com</a><!-- w --><br />
you can put text on a button.<br />
<br />
:rocker:<!--content-->Thanks,petervazed!I posted this query at Graphics too and I got a response to Download <!--more--> PSP and add text,which I've quite easily done.But Irfanview is interesting too and am checking it out.A search yielded a mouseover script for images and a link,which I plan to use.The responses in this forum are quite swift and productive too!<!--content-->I like to use GIMP: <!-- m --><a class="postlink" href="http://www.gimp.org">http://www.gimp.org</a><!-- m --><!--content-->Add to the image tag: alt="text" <br />
<br />
Can u do that with text? i tried to put it in like this <a href=http://www.htmlforums.com/archive/index.php/"blaablaa" ALT="blaa blaa"> <br />
<br />
but doesn't wanna work for me <br />
<br />
thanx<!--content-->Originally posted by Slinket <br />
Can u do that with text? i tried to put it in like this <a href=http://www.htmlforums.com/archive/index.php/"blaablaa" ALT="blaa blaa"> <br />
<br />
but doesn't wanna work for me <br />
<br />
thanx <br />
<br />
Tjis way:<br />
1/<br />
<a href=http://www.htmlforums.com/archive/index.php/"example.html" title="take a look">example</a><br />
2/<br />
<a href=http://www.htmlforums.com/archive/index.php/"example.html" title="take a look\nnew part\nnice one"> example</a><br />
<br />
Wher \n is you can use<br />
& #10 ; & #13 ; (with no spaces in it)<br />
<br />
:rocker:<!--content-->Adding alt="some text" to <img> tags is required in HTML 4.01 coding. This attribute is used to show text in place of the image before it loads, or if it fails to load, or if image loading is turned off in the browser. Certain non-visual browsers used by disabled people also make use of this information, as do search engine spiders that read and index this information. For bullet-point images use alt="*" and for unimportant and spacer images alt="" should be fine.<br />
<br />
On some older browsers, the alt text pops up a little box with the text in whenever the mouse passes over the image area. In more recent browsers the pop-up text is rendered with the title attribute, as in the example above. The title attribute is usually added to anchor tags (i.e. the <a> ones). This means that your images and links could look like this:<br />
<br />
<a href=http://www.htmlforums.com/archive/index.php/"example.html" title="take a look"><img src="nicepix.png" alt="some info here" width="100" height="50" border="0"></a><!--content-->