command buttons for HTML

Printable View

Aug 27th, 2001, 09:29 PM
VB Begginer Kid

1 Attachment(s)

command buttons for HTML

heres the screen shot...the problem is is where it says Team BushWacked and where it says links should be connected i can't get it to work right. is there a way to do this?(i know the screenshot is messed. when i converted it for .bmp to .jpg it got messed up, but u get the jist of it)
Aug 27th, 2001, 10:50 PM

what code are you using?
Aug 27th, 2001, 10:54 PM
VB Begginer Kid

using html i'm just using the img scr commands
Aug 27th, 2001, 10:55 PM

well something is in the way of one of those img tags, without seeing the source I can't tell you what it is.
Aug 27th, 2001, 11:00 PM
VB Begginer Kid

Code:

<html> <head> <title>Team BushWacked</title> <meta name="description" content=""> <meta name="keywords" content=""> </head> <body bgcolor="#008000" text="#000000" link="yellow" vlink="white"> <embed scr="" autostart="true" controls="console"> <body background="images/tbw.bmp"> </body> </html> <div align="left"><img src="images/buttontbw.bmp" alt=""></div><center><img src="images/tbwicon.jpg" alt=""> <div align="left"><img src="images/buttonlinks.bmp" alt=""><center><font color=black face="comic sans ms" size=4>Franklin, NJ</center> <div align="left"><img src="images/buttonbios.bmp" alt=""> <div align="left"><img src="images/buttonmags.bmp" alt=""> <div align="left"><img src="images/buttontourneys.bmp" alt=""> <div align="left"><img src="images/buttonfuture.bmp" alt=""> <div align="left"><img src="images/buttoncontact.bmp" alt=""> <br> <center><font face="comic sans ms" size=3 color="white">Welcome to the web site. Basically this is our lifes.We decided to share it with the world.We are a rookie team, But all great teams start some where and this is our begining, Now we decide the ending.</center> <br> <div left>-Ryan Stickle, Captain</div> <br>
Aug 27th, 2001, 11:12 PM

Code:

<div align="left"><img src="images/buttontbw.bmp" alt=""></div><center><img src="images/tbwicon.jpg" alt=""> <div align="left"><img src="images/buttonlinks.bmp" alt=""><center><font color=black face="comic sans ms" size=4>Franklin, NJ</center> <div align="left"><img src="images/buttonbios.bmp" alt="">

right there is your problem, put those on the bottom or top. but not in the middle of the img tags.
Aug 27th, 2001, 11:15 PM

actually it would be better if you put them (img tags ) in a table and aligned the table to the left and then you wouldn't have to worry about the other images getting in the way
Aug 29th, 2001, 12:09 AM
VB Begginer Kid

1 Attachment(s)

here's what i did

Code:

<center><img src="images/tbwicon.jpg" alt=""> <center><font color=black face="comic sans ms" size=4>Franklin, NJ</center> <colgroup><div align="left"><img src="images/buttontbw.bmp" alt=""> <div align="left"><img src="images/buttonlinks.bmp" alt=""> <div align="left"><img src="images/buttonbios.bmp" alt=""> <div align="left"><img src="images/buttonmags.bmp" alt=""> <div align="left"><img src="images/buttontourneys.bmp" alt=""> <div align="left"><img src="images/buttonfuture.bmp" alt=""> <div align="left"><img src="images/buttoncontact.bmp" alt=""></div></colgroup>

but i still have the same problem w/ the gap. this is waht i would like to see...if its possible
Aug 29th, 2001, 01:00 AM

try this

Code:

<center><img src="images/tbwicon.jpg" alt=""><br> <font color=black face="comic sans ms" size=4>Franklin, NJ</center> <colgroup><div align="left"><img src="images/buttontbw.bmp" alt=""> <div align="left"><img src="images/buttonlinks.bmp" alt=""> <div align="left"><img src="images/buttonbios.bmp" alt=""> <div align="left"><img src="images/buttonmags.bmp" alt=""> <div align="left"><img src="images/buttontourneys.bmp" alt=""> <div align="left"><img src="images/buttonfuture.bmp" alt=""> <div align="left"><img src="images/buttoncontact.bmp" alt=""></div></colgroup>

I don't recognise the <colgroup> tag. what is that? also I took out the second <center> tag as you were centering the whole thing from the first center tag. so now the center tag is closed and you can use the div tag to make the imgs go left. if that doesn't work try this.

Code:

<center><img src="images/tbwicon.jpg" alt=""> <font color=black face="comic sans ms" size=4>Franklin, NJ</center> <div align="left"> <table border="0"> <tr><td><img src="images/buttontbw.bmp" alt=""> </td></tr> <tr><td><img src="images/buttonlinks.bmp" alt=""></td></tr> <tr><td><img src="images/buttonbios.bmp" alt=""></td></tr> <tr><td><img src="images/buttonmags.bmp" alt=""></td></tr> <tr><td><img src="images/buttontourneys.bmp" alt=""></td></tr> <tr><td><img src="images/buttonfuture.bmp" alt=""></td></tr> <div align="left"><img src="images/buttoncontact.bmp" alt=""></td></tr></table></div>
Aug 29th, 2001, 10:36 AM
VB Begginer Kid

<colgroup></colgroup> is a command button in the html editor i use(HTML-Kit). it shows a picture of a cloumn i assumed it was for putting everything how said to, but i guess not.thnx for the help.
Aug 29th, 2001, 11:07 AM
VB Begginer Kid

1 Attachment(s)

<colgroup> nor <td><tr> worked:confused: i did what u said

Code:

<center><img src="images/tbwicon.jpg" alt=""> <font color=black face="comic sans ms" size=4>Franklin, NJ</center> <div align="left"> <table border="0"> <tr><td><img src="images/buttontbw.bmp" alt=""> </td></tr> <tr><td><img src="images/buttonlinks.bmp" alt=""></td></tr> <tr><td><img src="images/buttonbios.bmp" alt=""></td></tr> <tr><td><img src="images/buttonmags.bmp" alt=""></td></tr> <tr><td><img src="images/buttontourneys.bmp" alt=""></td></tr> <tr><td><img src="images/buttonfuture.bmp" alt=""></td></tr> <tr><td><img src="images/buttoncontact.bmp" alt=""></td></tr></table></div>

but it still looks like this
Aug 29th, 2001, 11:39 AM

it's close isn't it??

just take do this and see if it comes out how you want.

Code:

<div align="left"> <table border="0"> <tr><td><img src="images/buttontbw.bmp" alt=""> </td></tr> <tr><td><img src="images/buttonlinks.bmp" alt=""></td></tr> <tr><td><img src="images/buttonbios.bmp" alt=""></td></tr> <tr><td><img src="images/buttonmags.bmp" alt=""></td></tr> <tr><td><img src="images/buttontourneys.bmp" alt=""></td></tr> <tr><td><img src="images/buttonfuture.bmp" alt=""></td></tr> <tr><td><img src="images/buttoncontact.bmp" alt=""></td></tr></table></div> <center><img src="images/tbwicon.jpg" alt=""><br> <font color=black face="comic sans ms" size=4>Franklin, NJ</center>

it is hard to do it if I don't have the images to work with to test it.
Aug 29th, 2001, 11:42 AM
gwdash

try this:

Code:

<table cols="2" rows="1"> <tr> <td align="left"> <table border="0"> <tr> <td><img src="images/buttontbw.bmp" alt=""></td> </tr> <tr> <td><img src="images/buttonlinks.bmp" alt=""></td> </tr> <tr> <td><img src="images/buttonbios.bmp" alt=""></td> </tr> <tr> <td><img src="images/buttonmags.bmp" alt=""></td> </tr> <tr> <td><img src="images/buttontourneys.bmp" alt=""></td> </tr> <tr> <td><img src="images/buttonfuture.bmp" alt=""></td> </tr> <tr> <td><img src="images/buttoncontact.bmp" alt=""></td> </tr> </table> </td> </tr> <tr> <td align="center"> <img src="images/tbwicon.jpg" alt=""> <font color=black face="comic sans ms" size=4>Franklin, NJ</font> </td> </tr> </table>
Aug 29th, 2001, 11:53 AM
VB Begginer Kid

still nothing does the same thing...this is starting to piss me off:confused:i don't know much about html but i've been trying this for a week now...so all the help is appreciated
Aug 29th, 2001, 12:08 PM

is this on a site that we can go see. if so gives us the url and let us work on it. these suggestions should have worked.
Aug 29th, 2001, 12:18 PM
VB Begginer Kid

well i didn't put the buttons up yet b/c i haven't gotten them to work right..i guess i'll put them up...here's the link users.nac.net/jarnold
Aug 29th, 2001, 12:47 PM

ok try this

Code:

<table align="center" width=100% border=0> <tbody> <tr><td width="90"> <TABLE border="0" align="left"></TR> <TR> <TD><IMG alt="" src="buttontbw.bmp"></TD></TR> <TR> <TD><IMG alt="" src="buttonlinks.bmp"></TD></TR> <TR> <TD><IMG alt="" src="buttonbios.bmp"></TD></TR> <TR> <TD><IMG alt="" src="buttonmags.bmp"></TD></TR> <TR> <TD><IMG alt="" src="buttontourneys.bmp"></TD></TR> <TR> <TD><IMG alt="" src="buttonfuture.bmp"></TD></TR> <TR> <TD><IMG alt="" src="buttoncontact.bmp"></TD></tr></table> <td rowspan=6 align=center><IMG alt="" src="tbwicon.jpg"><br> <FONT face="comic sans ms" color=black size=4>Franklin, NJ</FONT></td></tr></tbody> </TABLE>
Aug 29th, 2001, 02:00 PM
gwdash

i had some glitches in my code, try this:

Code:

<table cols="2" rows="1"> <tr> <td align="left"> <table border="0"> <tr> <td><img src="images/buttontbw.bmp" alt=""></td> </tr> <tr> <td><img src="images/buttonlinks.bmp" alt=""></td> </tr> <tr> <td><img src="images/buttonbios.bmp" alt=""></td> </tr> <tr> <td><img src="images/buttonmags.bmp" alt=""></td> </tr> <tr> <td><img src="images/buttontourneys.bmp" alt=""></td> </tr> <tr> <td><img src="images/buttonfuture.bmp" alt=""></td> </tr> <tr> <td><img src="images/buttoncontact.bmp" alt=""></td> </tr> </table> </td> <td align="center" valign="middle"> <img src="images/tbwicon.jpg" alt=""> <font color=black face="comic sans ms" size=4>Franklin, NJ</font> </td> </tr> </table>