|
HTML - Mouse Over Giving Problems
Hi all,
I am creating a web site which sell damaged cars. And I am trying to implement the feature of making small pictures large. Well, the way i wamt it to work is that 6 small pictures of the car at different angles will be displayed in a pop-up window. I have achieved this part of the project but i am havin issues with allowing the user to place the mouse over the small picutue and in a different area in the text box a bigger picture of the small picture appears. Here is the code i have for the pop-up see www.hitcars.com and click on the INVENTORY LINk found on the right hand top corner and then click on one of the cars to view a larger picture I would like to know how i can accomplsh this effect Similar TutorialsI have set up a navigation bar with mouse over & links. They seem to work fine however when I try to label the buttons using a layer of text they dont seem to work anymore. The mouse over changes color correctly and the click on the button works fine EXCEPT where I placed the text over the nav button. In other words I have a dead spot where the text appears on the button. I need to have a total of eight buttons on the page so I am trying to avoid creating a total of 16 graphics (2 for each button). I tried to play with the layers of the text but that did not help. I am fairly new at this so please forgive if this has been asked. Thank you. Hi all! I've recently been doing some work revamping the website for my dad's construction company, seen here. He originally created it in Dreamweaver years back and I've been using SeaMonkey to update it. I have pretty limited HTML knowledge and this is the first time I've actually done any real form of web editing. I've done the bulk of it but I really need some advice on a couple of small problems I can't seem to figure out: 1) As you can see, on the left hand side there's a list of links that change colour on mouse-over. They seem to be working fine on all pages apart from 'testimonials'. When I click that link and arrive at the page headed 'testimonials and references', the mouse-over effect doesn't seem to be working on any of the images. I've looked at the source and tried to figure it out, but as I said, I have pretty limited knowledge and couldn't spot anything obviously wrong. 2) If you go the page entitled 'services' you'll see a large image at the top. If I do anything to the image; delete it, resize it, move it slightly in any way - the whole framework of the page goes completely out of whack. It looks fine on the Composer but testing it on Chrome shows the whole side panel of links about a mile lower than where I want them and completely out of alignment with all of the other pages. I just want to resize the image slightly so it's not to in-your-face, but not at the risk of messing up the whole page layout. I can't work this one out at all, so any help would be greatly appreciated. You might also notice the 'about us' page is the only one where the links are slightly out of alignment with the others - if anyone can work out how to change that, that would be ace. Thanks a lot guys. D. Hi, I'm designing a web page that contains two frames. One of these frames contains some text and when I click this text, I want it to open a new web page in each frame. As far as I can tell, this means giving two links with two different targets to the same text and I've tried wrapping the text with two <a> tags, but to no avail. My current pages look something like this: Quote: This is the HTML code for my frames page: <html> <frameset cols="42%,*"> <frame name="table" src="table.html"> <frame name="image" src="image.html"> </frameset> </html> Quote: This is the relevant code in table.html, the page that contains the text which has to open a link in each frame: <a target="table" href="1.html"><a target="image" href="Images/project_Page_01.jpg">This is supposed to open both links</a></a> I've tried with having only one or both closing </a> tags and neither of them work. What happens is only the first link, 1.html, opens in the "table" frame. The second link is completely ignored. I might be doing this completely wrong but I'd appreciate any help or pointers as to what I should do to fix this. Thanks! Suppose a user types the url of a website in their browser, so that the script http://url/index.htm is displayed in the browser. In other words, the user is not opening the page via a link or whatever, they are just typing in your url. In that situation, what (if anything) can you put in that script itself that gives the user's browser window a name that can be referred to later. The reasons why I want to do this are complicated, but in a nutshell this first window will become the parent window of other windows that open up later via links within the page, and script within those windows will have to refer to it by a name. Alternatively, is there some standard name that your browser window automatically recieves when you open up a website, like "parent" or something, that allows you to refer to it? I find that the use of z-index depands a lot on other functions you use/or not. ANyways, it has failed me yet again, cant seem to figure out why.. the thing is ive re-written the page withou using the position: tag.. its awesome, just the z-index crap. The picture which isnt complying is the wit-vak-pilates png : HTML Code: .style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
color: #000000;
}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.style6 {font-size: 14px}
.style8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }
a:link {color: #000000;}
a:visited{color:#009;}
a:hover {color: #000000;}
.ROOD {color:#F00}
.style10 {color: #FFFFFF}
.style14 {font-family:"verdana"; font-size: 13px; color: #000000; text-align:center; }
#BOX{
width: 360px; height:302px;
background-color: #ffffff;
border: 2px double #333;
padding: 15px;
font-family:'verdana';
font-size:14px;
z-index:2;
margin-left: auto;
margin-right: auto;
}
div.row {
clear: both;
padding-top: 5px;
}
div.row span.label {
float: left;
width: 100px;
text-align: right;
}
div.row span.formw {
float: right;
width: 235px;
text-align: left;
}
div.spacer {
clear: both;
}
#wit-vak-pilates {
margin-top:-186px;
margin-right: auto;
margin-left:auto;
z-index:-1;
}
#CR {
text-align:center;
z-index:3;
margin-top:149px;
margin-left:5px;
}
#back{
width:16px;
height:16px;
background-image:url(pics/back.png);
background-repeat:no-repeat;
z-index:2;
margin-top:0px;
margin-left:-32px;
}
#back:hover {
background-position:0 -16px;
z-index:2;
}
Here is link, Need help in form submit, need script in sever for submit, when i press submit, it gives me Error messege. After doing this: Paste this at the beginning of your form and change the info to match your website <form method=POST action="http://www.yourwebsite.com/cgi-bin/formmail.pl" target="_top"> <INPUT TYPE="HIDDEN" NAME="recipient" VALUE="contactatyourwebsite.com"> <INPUT TYPE="HIDDEN" NAME="subject" VALUE="WebSite Contact"> <INPUT TYPE="HIDDEN" NAME="redirect" VALUE="http://www.yourwebsite.com/thanks.htm"> <INPUT TYPE="HIDDEN" NAME="required" VALUE="email,your_name"> <input type=hidden name="sort" value="through,your_name,phone,company_name,email,comments"> You will have to create a folder called "cgi-bin" on your server on the main level. Then start a new file, call it formmail.pl and paste in the code found he http://www.scriptarchive.com/downloa...=FormMail%2Epl You'll see this about 30 lines down: @referers = ('scriptarchive.com','209.196.21.3'); Change it to say @referers = ('yourwebsite.com','www.yourwebsite.com'); Then upload that file into the cgi bin and change the permissions to 755. You'll have to create an email with your host that matches this line: VALUE="contactatyourwebsite.com". Most good hosts will let you set up an email redirect, meaning you can have all emails that are sent to that address automatically resent to your regular email. http://www.supremelegal.com/Assessment.html giving me error messege. 1- First i made folder " cgi-bin " on main level like other folders...www./ public.html..etc ..etc It was giving me error messege. http://www.supremelegal.com/cgi-bin/formmail.pl Not Found The requested URL /cgi-bin/formmail.pl was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request. Apache/1.3.37 Server at www.supremelegal.com Port 80 ------------------------------------------------- 2- Now i put folder" cgi-bin" in the www folder, now again giving me error messege. look at he http://www.supremelegal.com/cgi-bin/formmail.pl Internal Server Error The server encountered an internal error or misconfiguration and was unable to complete your request. Please contact the server administrator, webmasteratsupremelegal.com and inform them of the time the error occurred, and anything you might have done that may have caused the error. More information about this error may be available in the server error log. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request. Apache/1.3.37 Server at www.supremelegal.com Port 80 Please le me know, How to fix this .... I will appreciate your cooperation. Thank you in advance....I am newbee..!!!!lol Hi All, I am new to the board and new to HTML. I was hoping someone could help me out with this problem I am having. If you click the link below and click "like" (you can unlike right after, I just would like to show you something on the page) and scroll down to What's on the menu. Could you please help me with how to create something like this. What I mean by this is notice how when you click on one of the red dots it brings you to a different recipe on the page. Any help would be amazing and greatly appreciated. Please let me know if i need to specify more. Thanks so much! http://www.facebook.com/saraleedeli?...81140685241673 For complicated reasons having to do with getting some Javascript to submit a form properly, which I won't get into here, I need to create a "do nothing" input button, whose mere presence lets the Javascript function work. Since this button does not do anything when you press it, I want it to be invisible. In IE I can get it to be invisible just by setting its width to zero using the line below. However, Firefox insists on giving it some finite width, even if there is no label on it (see below). How do I create a zero width button in Firefox - and is there any other way to hide input buttons? <input type="submit" name="control" value=" " style="width: 0px" title="No function" /> I want to put a link on my page, and when the viewer puts the mouse over, I want there to be a choice of two links to choose from and click. What's the best way to do this and is there any disadvantage to the method? http://pavel.free-site-host.com/ I have a couple of problems with this layout. First of all I have set up a script for mouse over sound over the nav, but when i mouse over nothing happens. Next I have set up another script that has random images but for some reason it has made the layout unaligned. Last, towards the bottom it has a blank spot for a search (for the web-site) could somebody explain how to create a search for the content inside the site. Thank you in advance Hello Can any please explain me how to create a mouse over description within a table . I have created a table using <div> and I want a small box to be opened when mouse moves over each row and column a describe about the row. I have seen some examples regarding mouse over , but they haven't helped me . Can anyone please help me. on this site, when you put your mouse on an image, it enlarges, that seems better than have people click and it goes to another window. How is that done, I look a little for a java script to help, but I didn't find the mouse over one link below shows what I mean TIA http://www.redcrossstore.org/Shopper...8&LocationId=0 Hello, I have a quicktime that I turn into a flash file then into an swf for our website. It plays out beautifully except I have two problems, I need it to link to another page when clicked and I need the mouse to change to the hand icon when hovering over it. I as able to figure out the link part for most browsers except Internet Explorer. Any advice on how to get the icon to change for an swf file and hopefully think link for internet explorer. thanks for your time kevin I have the following code for a sign up form. I want the button to change when the mouse hovers over. Can someone help me? The button that I want it to change to is: sign_up_mouseover.png <ul class="site-nav2"> <p> </p> <FORM ACTION="https://app.expressemailmarketing.com/Survey.aspx?SFID=75036" METHOD="POST"> <div align="center"> <span class="style20"><FONT FACE="arial, helvetica">Sign up for our Mailing List </FONT></span> <BR> <input type="TEXT" name="email" /> <BR> <INPUT TYPE="IMAGE" SRC="images/sign_up.png" ALIGN="ABSMIDDLE" BORDER="0" /> <INPUT TYPE="HIDDEN" NAME="SkipSurvey" VALUE="FALSE" /> </div> </FORM> </ul> Attached is what the form looks like now. You can see it at www.bigdogcattle.com Thanks Jamie can any1 please tell me if they know of any mouse over codes i googled for a few and i tried like 5 of them so far with no luck i can publish a page and list the codes attempted if nessisary but i thought id see if any1 knew 1 that works for them 1st... its for a banner im making to flash to a different picture on mouse over i want to develop a mouse trail that just looks kind of like you just drew a line. then, the line will slowly (but constantly) disappear from where it started. i had the idea, i thought it would be neat (and simple enough), then i found a site that had it. it was in flash though. this is the site so you can see what i want: (here you have to click and drag to see it) http://www.notwist.com/flash/main.html please help me get this trail. Ok i'm very new so please be as specific as possible in answering! Thanks! I'm making a site with music reviews, so i want and easy way to cataloge the artists. I have seen on other sites where they will have the letters of the alpabet in a row at the top. Then when you roll the mouse over each letter the bands beginning with that letter appear on the same page. No links, but the page changes when the mouse rolls over another letter and so on. I hope i made that as clear as possible. Thanks, and again be as basic as possible! Hi I created a table with multiple rows and coloms.. I want show image on purtical table element after user clicks it. do i need tha help of javascript... i am already using javascript to display table.. can i use one more script in javascript I have a web window haviing many buttons like * Home * Free help * Tips * Dictionary * Forums * Links * Contact I need to store every clck on these buttons in an excel sheet. For example if I clck on "Home" button one record sholuld be created in excel sheet (1. home) next if I click on "Tips" another record may be created (2. Tips). Clicks on other than buttons should be ignored. Instead of an excel sheet an HTML document from my choices is sufficeint for me. Can anybody help? I am working on my 3rd navigaition, except this time i need the images to change when the mouse goes over them. How should i go about doing this? I have seen many ways but i want to hear what you think the best way to do this is. |
|||||||