Click to See Complete Forum and Search --> : Drop boxes


Dreamer
03-20-2003, 09:48 PM
I am trying and I say again trying to get two drop boxes to fit in the boxes on this page: http://www.geocities.com/sdaze2003/Stormy/Links.htm
Put Have not found a code for it or to do it.. If ANYONE can help me on this please let me know.

dreamersdreams1@yahoo.com

Thank you:confused:

khaki
03-21-2003, 12:12 PM
Hi Dreamer...

First of all.... love the onload music selection!

After that... you've got a few problems.

The best thing that I can suggest for you is to learn CSS.
You are using a very large image for the entire content of your page except for the drop-own boxes (have you no mercy for those with slow internet connections? lol).
(Plus, the image is tiling)

If you place the image inside of a <div>, you could then relatively position the drop-downs by nesting them into position within that <div>.
That will solve that part of your problem.
But... before you go there..

and... ok... you didn't ask, but...

the font is tough to read...
(no... I take that back... the font is practically impossible to read. sorry :( )...
the page is basically just 1 big image...
none of your images are safe (the right-click code is barely minimally protective)...
http://www.geocities.com/sdaze2003/Stormy/LINKSPAGETEST-4.jpg

and lastly... your page is written in such a way that most people here wouldn't even know where to begin to advise you (me either).

My suggestion?
Learn HTML (not what you have now) and incorporate CSS into it .

:( sorry if that's not what you wanted to hear :(
(but at least I answered you ;) )

love the music though...
k

Beauchamp
03-21-2003, 01:14 PM
First of all, looking at your code, you REALLY need to sort out your BODY tags - you've got 2 1/2 in there!

You are using a table to contain the drop down boxes - which is good. But you are not utilising the table size - which is not good.

Use the pixel dimensions of your background image to help you create table cells of the right proportions to fit the drop-down box where you want it. Don't try to guess it using P tags e.g.
<table width=100% height=700>
<tr>
<td colspan=2 height=650>&nbsp;</td>
</tr>
<tr>
<td width=50>&nbsp;</td> - this creates the left margin
<td>... - put your drop-down box code here

However, the best thing would be to take khaki's advice and learn CSS and recreate the whole page.

All the best,

Beauchamp

jdavia
03-21-2003, 03:24 PM
Originally posted by Dreamer
I am trying and I say again trying to get two drop boxes to fit in the boxes on this page: http://www.geocities.com/sdaze2003/Stormy/Links.htm
Put Have not found a code for it or to do it.. If ANYONE can help me on this please let me know.

dreamersdreams1@yahoo.com

Thank you:confused:
Look for a zipped file in you e-mail. I created a new page and images for you to start over. It was too large for an attachment here.

If you need to ask more questions, please use this forum so others can pitch in too.

Vladdy
03-21-2003, 03:27 PM
Originally posted by Beauchamp
...You are using a table to contain the drop down boxes - which is good....
Using tables for layout is not good.

khaki
03-21-2003, 03:33 PM
wow jdavia... if i send you my computer, will you fix that too!?!

and i agree with vladdy. tables (especially for just a form) is highly unnecessary.
<div><div><div>

the music was good though guys... ya gotta admit!
hey dreamer... let us know when you incorporate jdavia's generous offering. i wouldn't mind stopping by again (wink).

suddenly refuses to capitalize for some reason...
k

jdavia
03-21-2003, 03:39 PM
Originally posted by Vladdy
Using tables for layout is not good.
Give the person a break, and me too. I write simple code, enough to get them started. Someone new to html needs to start from somewhere. Learning a little hand code goes a long way to the more advanced types of code. Using tables may not be good for CSS, but for a newbe, and what ever program they use, it might. There is nothing wrong. They are confused enough with the little they know.

jdavia
03-21-2003, 03:44 PM
Originally posted by khaki
wow jdavia... if i send you my computer, will you fix that too!?!

Do you want me to pick it up? I have nothing better to do.

:)

khaki
03-21-2003, 03:49 PM
fair enough jdavia.
but it's really much more complex to hard-code a table than it is to do an inline <div>

<div style="left: 50px; position: absolute; top: 50px">
form in here
</div>

vs

<table>
<tr>
<td>
form in here
</td>
</tr>
</table>

in my opinion, anyway.

and YES (suddenly she capitalizes!) stop by and fix my sick baby! (seeing that you got nuthin' to do anyway. wink).

will capitalize for computer help...
k

Vladdy
03-21-2003, 04:05 PM
Originally posted by jdavia
Give the person a break, and me too. I write simple code, enough to get them started. Someone new to html needs to start from somewhere. Learning a little hand code goes a long way to the more advanced types of code. Using tables may not be good for CSS, but for a newbe, and what ever program they use, it might. There is nothing wrong. They are confused enough with the little they know.
CSS is simpler than tables:
<select style="position:absolute; left:20px; top: 200px;"> ...

If they need to start somewhere why learn the wrong way and then re-learn the right way, when they can learn the right way from the start?

Using tables for anything other than presentation of tabular data is not good period. There are no ifs and whens. Just the right way and the wrong way.

jdavia
03-21-2003, 04:07 PM
Originally posted by khaki
fair enough jdavia.
but it's really much more complex to hard-code a table than it is to do an inline <div>

<OMIT>

and YES (suddenly she capitalizes!) stop by and fix my sick baby! (seeing that you got nuthin' to do anyway. wink).

Maybe I've been thinking all wrong. But I get the drift of what you say. I'll think about that too.
Hey I make it to Teaneck, NJ a few tines a year, is that where you are?

jdavia
03-21-2003, 04:13 PM
Originally posted by Vladdy
Using tables for anything other than presentation of tabular data is not good period. There are no ifs and whens. Just the right way and the wrong way.
You seem to forget that when a person askes for a table answer, that is what they want, why not give it to them. That's what I'm doing. Should I discourage them instead.

Vladdy
03-21-2003, 04:24 PM
It seems you are commiting a very common mistake which is confusing the problem with the solution. The problem is how to position an element on a page with pixel precision, not how to use tables to do that. Using a table is a solution and not the right one. So if someone comes up with a wrong solution to a problem what's wrong with pointing that out?
Just a bit of an analogy: if a question is "How can I use a screwdriver to drive a nail into the wall" would you start devising a way or simply answer "use the hammer"?

jdavia
03-21-2003, 04:41 PM
Originally posted by Vladdy

Just a bit of an analogy: if a question is "How can I use a screwdriver to drive a nail into the wall" would you start devising a way or simply answer "use the hammer"?
I like that one!
But I don't think I devised a table. The page had a table there, I think, without going back to look.
I am a Jack of all trades. I know how too subsitute for the right tools for the job. If I am in a position that I do not have a hammer and only a screw driver, I will drive the nail in with it, but not as a hammer, How? Place the screw driver on the nail and hit the handle with my fist.
That gets the job done, as it gets their page done in their fashion.
I know what you are saying. and you might be right. That doesn't make me wrong though. As with the hammer, there is more than one way to things.

Vladdy
03-21-2003, 04:48 PM
Originally posted by jdavia
As with the hammer, there is more than one way to things.
Absolutely: a right one and a number of wrong ones.

jdavia
03-21-2003, 08:03 PM
I wonder who this belongs to!
"Good enough is good enough, while perfect is always a pain in the butt and often not worth the
effort anyway"

That's what I say. Here is the page I did for Dreamer less the images.

<!doctype html public "-//w3c//dtd html 3.2//en">
<html>
<head>
<title>(Type a title for your page here)</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
</head>
<body bgcolor="#ffffff" text="#004080" link="#008040" vlink="#ff8000" alink="#ff0000">
<table width="650" border="3" cellspacing="0" cellpadding="3" bgcolor="#400040" bordercolor="#ff0080">
<tr>
<td align="center"colspan="3">
<img src="LINKSPAGETEST2-4.jpg" width="650" height="399" alt="">
</td>
</tr>
<tr>
<td align="center"colspan="3">
<img src="jag1.jpg" width="650" height="24" alt=""><BR>
</td>
</tr>
<tr>
<td align="center"background="optionX.jpg"height="110"width="240"cellspan="0">
<form name="gotolocation1" method="POST">
<select name="dropdown1" size=1>
<option value="http://www.geocities.com/stormydreamer1/YouAreMyEverything.html">
My Everything</option>
<option value="http://www.geocities.com/stormydreamer1/GoodEnough.html">
Good Enough</option>
<option value="http://www.geocities.com/stormydreamer1/IllStillBeLovingYou.html"
>Still Be Loving You</option>
<option value="http://www.geocities.com/stormydreamer1/ThatsTheWayLoveGoes.html"
>Love Goes</option>
<option value="http://www.geocities.com/stormydreamer1/YouWillAlwaysBeMine.html"
>Always Be Mine</option>
<option value="http://www.geocities.com/stormydreamer3/NASCAR.html">
Nascar</option>
<option value="http://www.geocities.com/stormydreamer3/Soon.html">
Soon</option>
<option value="http://www.geocities.com/stormydreamer3/DontWannaCry.html">
Don't Wanna Cry</option>
<option value="http://www.geocities.com/stormydreamer3/TimeMachine.html">
Time Machine</option>
<option value="http://www.geocities.com/stormydreamer3/ImFree.html">
Im Free</option>
<option value="http://www.geocities.com/mandamike2000/Nevergonnastop.html">
Never Gonna Stop</option>
<option value="http://www.geocities.com/mandamike2000/Heartache.html">
Heart Ache</option>
<option value="http://www.geocities.com/mandamike2000/AshesByNow.html">
Ashes By Now</option>
<option value="http://www.geocities.com/mandamike2000/BlackMoney.html">
Black Money</option>
</select>
<input type="button" onClick="location =
document.gotolocation1.dropdown1.options
[document.gotolocation1.dropdown1.selectedIndex].value;"
value="Take Me There!"></form>
</td>
<td align="center"cellspan="0">
<img src="option2.jpg" height="110"width="170" alt="">
</td>
<td align="center"background="optionY.jpg"height="110"width="240"cellspan="0">
<form name="gotolocation1" method="POST">
<select name="dropdown1" size=1>
<option value="http://www.geocities.com/stormydaze3/MyWorld.html">
My World</option>
<optionvalue="http://www.geocities.com/stormydaze3/ImNeverTooFarAway.html">
Never to Far Away</option>
<option value="http://www.geocities.com/stormydaze3/IHaveNothing.html">
I Have Nothing</option>
<option value="http://www.geocities.com/stormydaze10/ImIn.html">
Im In</option>
<option value="http://www.geocities.com/stormydaze10/OnAnyNight.html">
On Any Giving Night</option>
<option value="http://www.geocities.com/stormydaze10/StrongEnough.html">
Strong Enough</option>
<option value="http://www.geocities.com/stormydaze10/WheneverIRun.html">
When Ever I Run</option>
<option value="http://www.geocities.com/stormydaze10/DownTime.html">
Down Time</option>
<option value="http://www.geocities.com/stormydaze10/Rain.html">
Rain</option>
<option value="http://www.geocities.com/stormydaze11/WhereWouldYouBe.html">
Where Would You Be</option>
<option value="http://www.geocities.com/stormydaze11/YesOrNo.html">
Yes Or No</option>
<option value="http://www.geocities.com/stormydaze11/GodGaveMeYou.html">
God Gave Me You</option>
<option value="http://www.geocities.com/stormydaze11/SinceIFell.html">
Since I Fell</option>
<option value="http://www.geocities.com/stormydaze12/MyLove.html">
My Love</option>
</select>
<input type="button" onClick="location =
document.gotolocation1.dropdown1.options
[document.gotolocation1.dropdown1.selectedIndex].value;"
value="Take Me There!"></form>
</td>
</tr>
<tr>
<td align="left"bgcolor="#000000"colspan="3">
<font color=#ffffff><b><font size="+1"> Add your text here</font></b></font>
</td>
</tr>
<tr>
<td align="center"colspan="3">
<img src="jag2.jpg" alt="">
</td>
</tr>
<tr>
<td align="left"bgcolor="#000000"colspan="3">
<font color=#ffffff> <b><font size="+1">Add your text here</font></b></font>
</td>
</tr>
<td align="center"colspan="3" ><!-- StormyWeather.wav -->
<embed src="StormyWeather.wav"width="74"height="22"
autostart="true"loop="false"></td>
</tr>
</table>
<center><a href="http://dreamersdreams1.com/linkpage/dreamers.htm" target="_top"><font color="white"><b><basefont size="2"> Dreamers Links</f></B></a><center><br>
<br>
<!-- BEGIN FASTCOUNTER CODE -->
<a href="http://member.bcentral.com/cgi-bin/fc/fastcounter-login?3203620" target="_top">
<img border="0" src="http://fastcounter.bcentral.com/fastcounter?3203620+6407247"></a>
<!-- END FASTCOUNTER CODE -->
<br>
<p align="right">&nbsp;</p>
<SPAN style='color:white;cursor:hand;' onClick='window.external.
AddFavorite(location.href, document.title);'>
<FONT face="Arial, Helvetica" size="2"> *Click to Add This Page to your Bookmarks.* </FONT> </SPAN> <!-- text below generated by server. PLEASE REMOVE -->
</body>
</html>

Dreamer
03-21-2003, 09:41 PM
Well Thank everyone that replied to My post. And your right I am just learning all this. So Not know If I am more lost now then I was before. :) Maybe I should go back and read and learn more before I try and tackle PAge building. But since that page Did not go over well, Lawdie wonder what My page will rate. well lets give it a try. and again Thanks to Everyone for repling and helping me ... Dreamer :cool:

Ok here goes:
http://dreamersdreams1.com/linkpage/dreamers.htm

Please be easy on this Ole country guy. Most was done in the barn ya know.. lol Have a great weekend everyone..