hi all i am working on my site, i need to have buttons that can click to a page without java, so the button is the hyperlink. 1st where can i make or get the buttons with my own txt on them? 2nd what would be the code that i need to make it clickable to the new page? 3rd how to i get the buttons in a line and 2 rows deep, ie 10 per line, 2 rows across the page? 4th if i get stuck can i come back for more help? i really would like to get it done for tomorrow. old site looks like this http://www.asksam2.com new site is going to look like this http://host214.ipowerweb.com:8080/builderapp/asksam2c/index.html thanx for any help, it really is kind of you, and i am ever so greatful to you all. sammie xox
I dont really understand what you mean. But if you need a button not using an image you can use html Table and make use of TD tags as button. For example <table> <tr> <td class=buttonstyle>My First Button</td> </tr> <tr> <td class=buttonstyle>My Second Button</td> </tr> </table Code (markup): You can use link tag to make the text clickable or to make the entire cell clickable you can use javascript together with stylesheet like the one below: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>td link hover</title> <style type="text/css"> td.clickable { background: orange; color: red; cursor: pointer; } </style> </head> <body> <table><tr> <td onclick="location.href='somelink.htm';" onmouseover="this.className='clickable';" onmouseout="this.className='';">Click here</td></tr> <tr> <td onclick="location.href='somelink.htm';" onmouseover="this.className='clickable';" onmouseout="this.className='';">This link has a different style</td></tr> </table> <table><tr> <td>This cell is not a link and does not have the "hand" pointer </td></tr> </table> </body> </html> Code (markup): Do you mean how to indent elements? If so you can use nested tables. <TABLE > <TR> <TD NOWRAP CLASS=root>Main Menu <TABLE CELLSPACING=0 CELLPADDING=0> <TR><TD NOWRAP>1st Button</TD></TR> <TR><TD NOWRAP>2nd Button</TD></TR> </TABLE> </TD> <TD NOWRAP CLASS=root>Log off</TD> </TR> </TABLE> Code (markup):
hi and thanx for your help, i have .png image buttons that i need to use, so i need them up to 8 across the top of the page, and 2 rows of them like = = = = = = <<<this so i can have people click the top or bottom button to go to a page, and i need to put them on 10 pages, i really dont want to use java if i can help it, as the search engines could not read my last menu, i never had my site indexed, only the 1st page. but thanx for your help, i am driving home so i wont be back online for 4 hours, thanx once again sammie xox
I can't visualize what your trying to do. Can you post some example or pic to demonstrate it? I really want to help you but first I need to understand your idea.
I think she wants to rows of img button nav menu links at the top. Probably easiest in a table but judging from her expertise level, I'd steer away from CSS. <table align='500'> (total width) <tr> (row 1) <td><a href='targetpage.html'><img src='yourbutton1.png'></a></td> <td><a href='targetpage.html'><img src='yourbutton2.png'></a></td> <td><a href='targetpage.html'><img src='yourbutton3.png'></a></td> <td><a href='targetpage.html'><img src='yourbutton4.png'></a></td> <td><a href='targetpage.html'><img src='yourbutton5.png'></a></td> <td><a href='targetpage.html'><img src='yourbutton6.png'></a></td> <td><a href='targetpage.html'><img src='yourbutton7.png'></a></td> <td><a href='targetpage.html'><img src='yourbutton8.png'></a></td> </tr> <tr> (row 2) <td><a href='targetpage.html'><img src='yourbutton1.png'></a></td> <td><a href='targetpage.html'><img src='yourbutton2.png'></a></td> <td><a href='targetpage.html'><img src='yourbutton3.png'></a></td> <td><a href='targetpage.html'><img src='yourbutton4.png'></a></td> <td><a href='targetpage.html'><img src='yourbutton5.png'></a></td> <td><a href='targetpage.html'><img src='yourbutton6.png'></a></td> <td><a href='targetpage.html'><img src='yourbutton7.png'></a></td> <td><a href='targetpage.html'><img src='yourbutton8.png'></a></td> </tr> </table> Then copy and paste this on all pages. Delete (comments) and add aligning like <table align='center'> or <td align='center'> You might want to search google for 'html tutorial table' and read up on the options you have.
hi Tops yes sorry for being blonde,(it is a temp thing, so it said on the bottle) ha ha but yes your right, huh css? i know i use that somewhere on the site, but dont ask where or how, i never did it, what ever it was. but god its a long slog doing the stuff you said. but its just what i want, as long as all the search engines can read all my sites pages, and list the, i am happy. following your advice, i have made lots of progress, as soon as i found out i had to replace ' <<this with "<<<this, lol. to show you what i am trying to do, you can look at this page, http://host214.ipowerweb.com:8080/builderapp/asksam2c/page4.html as you can see, this is ((female sexuality) left menu) the page will have some txt to say what this section contains, and to click a button to see the topic. hopefuly the SE's will index my whole site and i can get it back to page 2 on thier sexual health advice listing. dont worry if you see the old site when you click a button, i plan to strip the java code on the day i go live with the new site. i have just done it this way, because i am a simple girl, that understands simple commands. thanx for your help, its been great, and thanx to melfan to, i will look at that for other pages soon, so i can split a page in 2-4 if its to long. sammie xoxox time for bed teddy bear whoosh !!!!!! night all
Just an addition, To remove the blue border around your top button, add "border=0" to IMG Tag like this: <A HREF="http://mylink"><IMG BORDER="0" SRC="homepage.gif"></a> Code (markup): it will make button looks neat.
Try wysiwyg software like Coffee Cup HTML or others, whatever they are called. It's a great way to learn and you get some quality pages with those. Then in 18 months or so you can come join the geek club who can all write it off the top of their head. http://www.virtuallyignorant.com/editors.htm for a review http://www.coffeecup.com/ for Coffee Cup (how I started) Alternatively, fork out a grand and have it done for you.
Winners never quit. You can do it. Dont be too concern on how will it look like (as long as it is readable, it will be fine). Concentrate on your content and how it be useful to WWW. Afterall thats should webmasters contribute to the world.
mmm, you could just use a form, specify the target as the action of the form, and just have it submit no data. You could even use inline CSS to put the image on the button. Example: <form action="./index.php" method="GET"> <input type="submit" value="" style="background-image:url('./somebutton.png');" /> </form> By The Way: WYSIWYG Editors are the work of pure evil
thanx Andre, but your time has been wasted on me sorry, i do not understand enough codes to do much with, thats why i tried out the WYSIWYG, thought it would uncomplicate things for me, it just gave me a bigger headache but thankyou for your advice and time sweetie sos sammie xox
just an update, Lever bless him, has worked hard and done a great job on my siye, its better than i ever dreamed it could be, and well worth the barrel of scrumpy, i hope he enjoys it as much as i enjoy the new look of my site, thankyou every so much Lever xoxox sammie xoxox