|
HTML - How Do I Build This Scroll-over Menu?
I am very intersted in building a Scroll-over menu such as the one on this site:
http://us.wholesalesports.com/storefront/ When you scroll over HUNTING or FISHING, you will see a very nice menu with other text links. This menu has a very nice light red background as well as a dark red highlight scroll over. Where would I find a script or code to add this to my web site? Is it CSS or some other? My web software is Dreamweaver. Similar TutorialsCan anyone help me out? I've set up a test site for a project where I have a scrollable table within an iFrame. Techincally, its an iFrame within an iFrame which gets you to a scrollable table I also added an auto-scroll with anchor-links. Everything finally works, but I really want to remove the horizontal-scroll bar that shows up, while keeping the vertical-scroll bar. (Upon testing, I found without the vertical-scroll bar, the anchor-links and auto-scroll don't work correctly.) here's the link to the test site: http://www.thegrandamerican.com/ here's the line of code I think is the correct place to make corrections: <iframe id="myiframe" name="myiframe" src="oprah june 09_news.htm" width="900" height="475" scrolling="yes" overflow-y: scroll></iframe> The hierarchy works as follows: index.htm > spotlight_news.htm > oprah june 09_news.htm The reason for all the iframes is to have elements on the higher pages that will stay in place, such as a music player and dynamic menu bar. other notes and associated files (for the auto scroll) a smooth-src-comments.js smooth.pack.js Thanks. - J Ive been looking EVERYWHERE for a site with a code for a scroll box with a trasparent scroll bar, Ive seen the code where I can edit the size of the box as well as the color of the box itself and I know how to do THAT. how do I make it where the code displays the scroll code as well so I can fully customize it? it seems that its always hidden.. Hello I am trying to figure out the best way to make a table that shows a product then under the product has a small description, link to get details and then an add to cart link/image. an example of what I ma trying to do is the table they have built here; http://www.cabothillsmaple.com/order_syrup.htm What is the best way to do this? Thanks for your help i want to build a free website to start really learning html until i am a wizard at html Hey, I need to make an squre which would be fully compatible with CSS1 only - I've it with CSS2 or 3, but appication which is using these html templates is not compatible with those css (border of div is not visible etc), so I have to to it by some "old" kind of way. Square should be like 18x18px with nothing inside - just thin black border (1px). Let me know if there is any way which won't be <table... Thanks in advance! Hi guys I want to build a simple HTML site on WordPress but I don't want to use the templates they offer there. I also want to add java script effects. Or is there a way to modify the design of big areas in case I do use a custom template? I want the site to look something like that with some codes for the images to move around like that: http://www.studiobreakfast.be/ Is there a free way to do that of I need to pay? Thanks a lot for your help! Natalie I would like to build this type of widget but without the trulia logos and taking them to the trulia site, i would like to be able to use my idx system to search properties http://www.trulia.com/tools/searchbox/#code_block Hello, I want to build button for menu on a site. Each button is made from 'div'. When button is in release state (not pressed), the border-style of its div must be "outset". When button is in actioned state (pressed), the border-style of its div must be "inset". The code for release state may be: -------------------------- <a href="index.html"> <div id="menuHome" style="position:absolute; left:0px;top:0px;width:150px;height:20px; background-color:#FF6600; border-styleutset; border-color: #FF6600; border-width:3px;" align="center">Home </div> </a> -------------------------- The 'menuHome' is the button for home link and I make the link to this div and so on. My problem is to set the 'inset' property for border-style of 'menuHome' div when I click on this button to give effect of pressed button. Thank you. I just finished with basic index.html page for my website. It will have 20 or more subpages - they will all use same design. I don't want manually change all the links on every page if one day I add menu link or something like that So any ideas how to do that automatically in Dreamweaver CS3? Hello all, I noticed there are more than a handful of different scripting languages, markup languages, and many different methods to building a modern day website. If im starting from scratch and I would like to build a professional website such as yahoo (homepage), craigslist, e-commerce, etc... A website that allows users to create their own accounts and such, what should I need to know? Is learning HTML + CSS really a good starting point? Is HTML, CSS, CGI + Perl sufficient to having the tools needed to create a good website? Realisticly, do professional web-designers really sit down and write code to create a website or do they use some fancy third-party application that basically does all the work for them? I have always wondered about these questions any help will be greatly appreciated. Today's websites, most people focus on building them with more advanced languages such as PHP & MySQL, am I right? Do people still build full websites using only HTML and CSS? The only HTML/CSS sites I really see nowadays are usually old informational static websites that never change. I'd like to know 2 things please, which is FASTER, using templates and modifying to design sites or building from scratch? Next, which is BETTER, using templates or building from scratch? Is it wrong to use tables to build your website's layout? For example, on one column you'd have the navigation, and on the other column you'd have the main website content. Is this method wrong? This form uses a wordpress plugin so it works fine but it just looks bad because it doesn't fit into the theme nicely. Can anyone tell me how to make it fit? Code: http://reveretaxi.com/order-a-taxi-cab What value do i adjust in the HTML to get it to fit? Code: <div align="center">
<center>
<pre>
<table width="69%" height="690" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td width="50%" height="25" bgcolor="#ff0000" align="right"> </td>
<td width="50%" height="25" bgcolor="#ff0000"> </td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font><font color="#000000">Leaving
From</font></b></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* LeavingFrom]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Cross-Street:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* Cross-Street:]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Location
Type:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[select* LocationType: "Choose One" "House" "Business" "Apartment" "Other"]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>City:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* LeavingFromCity]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>State:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* LeavingFromState]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Date:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* Date]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Time:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[select* Hour "Hour" "1" "2" "3" "4" "5" "6" "7" "8" "9" "10" "11" "12"]<!--webbot bot="Validation" b-value-required="TRUE" -->[select* Minute "05" "10" "15" "20" "25" "30" "35" "40" "45" "50" "55" "00"]<!--webbot bot="Validation" b-value-required="TRUE" -->[select* AMorPM "AM" "PM"]</td>
</tr>
<tr>
<td width="50%" height="21" bgcolor="#ff0000"> </td>
<td width="50%" height="21" bgcolor="#ff0000"> </td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font><font color="#000000">Destination:</font></b></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* Destination]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>City:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* DestinationCity]</td>
</tr>
<tr>
<td width="50%" height="26" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>State:</b></font></td>
<td width="50%" height="26">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* DestinationState]</td>
</tr>
<tr>
<td width="50%" height="21" bgcolor="#ff0000" align="right"> </td>
<td width="50%" height="21" bgcolor="#ff0000"> </td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Vehicle
Type Preference:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[select* VehicleTypePreference "Taxi - 4 Door preferred" "Taxi - Van preferred"]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Payment
Type:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[select* PaymentType "Choose One" "Cash" "Visa" "Master Card" "American Express" "Voucher"]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><font color="#000000"><b>Number
of Passengers:</b></font></td>
<td width="50%" height="25">[select NumberofPassengers "1" "2" "3" "4" "5" "6" "7" "8" "9" "10"]</td>
</tr>
<tr>
<td width="50%" height="21" bgcolor="#ff0000" align="right"></td>
<td width="50%" height="21" bgcolor="#ff0000"></td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Contact
Name:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* ContactName]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Contact
Phone Number<br>
(w/ Area Code):</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* ContactPhoneNumber]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><b><font size="5" color="#000000">*</font></b><font color="#000000"><b>Contact
Email:</b></font></td>
<td width="50%" height="25">
<!--webbot bot="Validation" b-value-required="TRUE" -->[text* ContactEmail]</td>
</tr>
<tr>
<td width="50%" height="21" bgcolor="#ff0000" align="right"> </td>
<td width="50%" height="21" bgcolor="#ff0000"> </td>
</tr>
<tr>
<td height="59" align="right" colspan="2">
<p align="center"><b><font color="#000000">If
you require service to meet an arriving flight, please provide
the following:</font></b></p>
</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><font color="#000000"><b>Airline:</b></font></td>
<td width="50%" height="25">[text Airline]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><font color="#000000"><b>Flight
Number:</b></font></td>
<td width="50%" height="25">[text FlightNumber]</td>
</tr>
<tr>
<td width="50%" height="21" bgcolor="#ff0000" align="right"> </td>
<td width="50%" height="21" bgcolor="#ff0000"> </td>
</tr>
<tr>
<td height="40" align="right" colspan="2">
<p align="center"><b><font color="#000000">If
paying by voucher, please provide the following:</font></b></p>
</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><font color="#000000"><b>Voucher
Account Name:</b></font></td>
<td width="50%" height="25">[text VoucherAccountName]</td>
</tr>
<tr>
<td width="50%" height="25" align="right"><font color="#000000"><b>Voucher
Account Number:</b></font></td>
<td width="50%" height="25">[text VoucherAccountNumber]</td>
</tr>
<tr>
<td width="50%" height="25" bgcolor="#ff0000" align="right"> </td>
<td width="50%" height="25" bgcolor="#ff0000"> </td>
</tr>
</tbody></table>
</pre>
</center>
</div>
<p align="center"><font color="#000000"><b>Please provide any special
requests or instructions in the field provided below:<br>
[textarea specialrequestsorinstructions]
</b></font>
[submit]</p>
Sorry, I don't know where to post that, but I want to try to build a website for iPod but I have no idea how to start, I can make website for desktop version, but not on iPod version. How different do I have to do? Where to start? Thank you. Hi, Can any one tell me some simple steps to build my website from development to publishing on the web without programming? Ok I want to get involved with a few affiliates. Now they've given me the link I need to set up my store within my website, but I need to know how and what is needed to build the HTML/CSS page so that the store works. They salso said that I am able to skin the storefront with my websites look. So is just the very basics of an HTML page needed for an affiliate link to work? Or is it going to be something more advanced? I had the problem of my page shifting to the right whenever it was too long for the window to allow a scroll bar so I added this overflow-y:scroll; to the body information in the css sheet. It works fine in most browsers but I've noticed that with IE7 the scroll appears in the top part of the margin and not on the browser side. It just doesn't look right. Please advise. Here's the link. http://www.yotti.de/indextemp.html hi i have a large text i want to make it into a scroll bar and i want it to be set up like how i typed it and i really need help on this Im developing a homepage, www.hallevikslagret.se My problem is, when your using a small resolution or if you make the browserwindow to small the menu at the top disapears. Ive tried many different ways to show a scroll but i cant solve it. How do i get a scroll when the content gets to big. I know that im not using correct XHTML-language on the page. I will get to that as soon as possible when i solve this problem. Thank you for your time! Best Regards Jens |
|||||||