|
HTML - New At Html. Need Help In Making Menu Dynamic
Similar TutorialsOk I am using perl for a form.. I dont need help with the perl. The problem is capturing an unchecked checkbox...and I likely have the same problem with radio buttons. WHen it posts the form I read the enviorment variables. The problem is the checkboxes dont write 'on' or 'off' or whatever. They just return the valuei assigned them..But only if i actually check them. IF they are unchecked they return nothing. How can i change the HTML so that they will always return either 'on' or 'off'?? Right now the html is : <input name="cond_surge" type="checkbox" id="cond_surge" checked="__GETFROMTXTFILE_" value="on" /> So If it is checked it prints cond_surge: on to a texted file and my perl will replaced the checked value with "yes". I want it so that if the box is unchecked it will spit out "off". Thanks for any help. Code: #menu {
background: #3f8cc5;
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#menu li {
float: left;
font: 100% "Arial";
font-weight: bold;
margin: 0;
padding: 0;
}
#menu li.right {
margin-top:3px;
float: right;
}
#menu a {
background: #3f8cc5;
color: #ffffff;
display: block;
float: left;
margin: 0;
padding: 8px 12px;
text-decoration: none;
}
#menu a:hover {
background: #cdc8b2 url("...") bottom center no-repeat;
color: #0066CC;
padding-bottom: 8px;
<ul id='menu'>
<li><a href='#' title='Home'>Home</a></li>
<li><a href='#' title='Season 1'>Season 1</a></li>
<li><a href='#' title='Season 2'>Season 2</a></li>
<li><a href='#' title='Season 3'>Season 3</a></li>
<li class='right'>
.....
</li>
****** Drown Down Tab here ******
</ul>
I'd like to be able to transform this menu into a drop down menu. I tried different things and read guides but I cant seem to understand. I'll be really happy if someone could tell me what I need into the css part Hello! My name is David Hogberg, and I'm working with websites. I wounder if someone can help me with this since I dont know how to do that, I want an dropdown menu like facebooks button and when you click on it you can log out and so and the menu is still there when you have your mouse somewere else, and when you click somewere else on the page, dont need to be a link, it goes away. How can you do that? I already made images of the button, one when its normal, one when you have mouse over when its flashes and one who is white with black button. How can I do this? I have searched alot on youtube and google but cant find something similar.. Please help me! Im making a nav menu for my Wordpress page. I made it with PNG sprite and with some jquery hover effects. I deliberately made the menu with PNG sprites, because the menu is static, no new categories will be added to it so I figured I'll do it with png. What I want to do is to make the menu item stay in the hover state after the click - that way the user can see on what part of the website he currently is. Code: <ul id="navigation">
<li ><a class="aa" href="test1.html"></a></li>
<li ><a class="bb" href="test2.html"></a></li>
<li ><a class="cc" href="test3.html"></a></li>
<li ><a class="dd" href="test4.html"></a></li>
<li ><a class="ee" href="test5.html"></a></li>
<li ><a class="ff" href="test6.html"></a></li>
<li ><a class="gg" href="test7.html"></a></li>
</ul>
Code: #navigation li a { background-image:url(menu-a.png); display:block; }
.aa { background-position: 0px 0; height: 38px; width: 108px; margin-left: 16px; }
.bb { background-position: -108px 0; height: 38px; width: 110px; }
.cc { background-position: -218px 0; height: 38px; width: 116px; }
.dd { background-position: -334px 0; height: 38px; width: 158px;}
.ee { background-position: -492px 0; height: 38px; width: 104px; }
.ff { background-position: -595px 0; height: 38px; width: 141px;}
.gg { background-position: -736px 0; height: 38px; width: 78px; }
#navigation a .hover { background:url(menu-a.png) no-repeat; display: block; opacity: 0; position: relative; top: 0px; left: 0; height: 100%; width: 100%; }
#navigation a.aa .hover { background-position:0px -38px; width:108px; height:38px; }
#navigation a.bb .hover { background-position:-108px -38px; width:110px; height:38px; }
#navigation a.cc .hover { background-position:-218px -38px; width:116px; height:38px; }
#navigation a.dd .hover { background-position:-334px -38px; width:158px; height:38px; }
#navigation a.ee .hover { background-position:-492px -38px; width:104px; height:38px; }
#navigation a.ff .hover { background-position:-595px -38px; width:141px; height:38px; }
#navigation a.gg .hover { background-position:-736px -38px; width:78px; height:38px; }
This is as far as I've got. The menu works, hovers correctly etc. But how do I make the hover effect for "aa" stay active when the visitor lands on test1.html page, "bb" for test2.html etc.? Thanks! I have been asked by a client of make an e-mail for their product that has email elements in it like a picture and a logo that use HTML elements pretty much a page that you open in your e-mail window. I often get discount mailers from many businesses that do this kind of thing. I know a bit about making HTML/CSS pages but I have never done an e-mail that has that look to it. Does anyone know the process I would use to assemble something like that? Thx u for the help? Could anyone tell me how or what I need to know to make my own forum. Not using some Free, or expesive service. If I can make myself a forum. Or either way, I would also like to know how I can get a website so I can start my own Free forum hosting service. It seems easy, you know? Not much to do once you can create 1 forum. If anyone can give me lessons through MSN or AIM, or give me a website where it walks me through this, that would be the awsomenessest thing ever . Hello guys and girls! I'm currently working on a Web Design assignment for College, and I'm having a hard time trying to find the second way of building a lay out using HTML. We have done the table way of doing it, and I have got that way down, but i can't find out the other way. Could you guys maybe give me a little help, or at least a push in the right direction? Thank you! Hi I have some basic knowledge of HTML using notpad only. What i am trying to find out is. Am i able to make banners within notepad using HTML. Or what is the best way to make banners using HTML? I don't have dreamwever or anything like it . If i cant use note pad for making banners could you point me in the direction of free SW that can do thins using HTML? Thanks Gaz. Hi I need to make a simple html file and need software to make it but I do not have any. What best free software is best to do it? I want to ask about making a slider in html. Is there a way to create photo beams run continuously, forming the slider. Hope some help. Hello everyone. I am posting here to inquire about how one can have a quiz or quotient on one's website. I know that others have done it through HTML code, but I do not know how to do it myself. The quotient contains 40 questions, is multiple choice with three possible answers, and each answer gives either 1 point, .5 point or no points. Thanks, hopefully this isn't too confusing. Well there was something like this once before i think, and it was something about how if you click on a button, text will show up in a box without the whole page reloading. Now i want the same effect, but with images http://s93.photobucket.com/albums/l7...nt=gallery.jpg thats how i want the gallery to look. I dont want the whole page to have to reload each time you click a thumbnail, and i want to do this without php because my host doesnt support it. I am not an amatuer, I'd think, but for some reason I am having trouble slicing up this image into a site (http://www.pigseldesign.com/tartan_mod.jpg). The top menu is the problem area, but I think my trouble comes into play due to me using tables. I haven't really delved into DIV tags yet to understand how to make it work in that form, but it doesn't seem like it would be difficult. I've just split the image into four columns and the menu falls into the 3rd. Problem is, when I make the cell's background the black/gray gradient, it spans to match the height of the patterned banner on the left (in another cell), even after I set the menu's cell's height to what it should be. I know there isn't much concrete information to work with, but any help would be greatly appreciated. Even if there were a program where I could just slap this in and have it spit out what I need. I just want the code clean, correct and looking right. I am looking at making a simple photo gallery with HTML/CSS only, that looks like this: http://i56.tinypic.com/29aurzm.png Does anyone know a good way going about it? And i am having a problem. Here is an example i made for the problem. It is being made my someone who has no knowledge of html in dreamweaver and then the code being tweaked by someone who knows html to be perfect. A sample line of code that comes up is this. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <img width="195" height="755" src="file:///C|/Users/dog/AppData/Roaming/Adobe/Dreamweaver CS4/en_US/OfficeImageTemp/clip_image002_0003.png" align="left" hspace="12" vspace="10" alt="Text Box: blah blah. " /> </body> </html> When i try to test emailing the file the picture does not show up. I know the reason. It is because it is on my computer and it cant find it. But the question is how do i get around this? The pictures and pieces of the newsletter are being made in a combination of Microsoft Word and Photoshop. Would i have to upload each picture to the internet and do it that way? Or is there a way i can imbed the pictures into the newsletter? I am using this through a yahoo email address using a program that allows you to send emails with html content through emails that do not allow html, such as yahoo. I appreciate any help. Thanks in advanced. Hello. I was lurking on web in search for some kind of administration. I have simple web site and i want to add articles to site like in JOOMLA. Can this be done. Thanks in advance! The menu for my website needs to be updated often with new subcategories, etc. My website is all in HTML/CSS and has a lot of pages. Whenever I update the menu, I need to update all the pages on my site. Is there a simpler way to do this -say edit the menu on another file and have the changes be reflected on all the pages for my site? Also note that the menu is using CSS/JS files attached to the html file. Thanks in advance! Hi All, I have a specific requirement. When i click on a button, it calls a url action and then need to open an excel attachment. This excel attachment is created using html coding only i.e by giving <content type="application/vnd.ms-excel"/> , it converts the html to excel. So far so good Here comes the issue ..I have another requirement. The excel sheet's filename should be the one i give. But by default, excel sheet's filename is the called url name for example if the url was ExcelOpen-start, then the excel filename also would be 'ExcelOpen-Start' How can we give the filename in html. Can anyone help me Thanks in advance Aneesha Hello Everyone, Can anyone help me with my html problem?? I have a form showing one chunk record at one time. This record is from a table. I want this form to bold certain text from that chunk of record. Since the record is not hardcoded/type inside the form. I want the bold funtion to be dynamic. Let say, Record one: I have an apple. I want to eat it now. Record two: I have a strawberry. I dun want to eat it now. First case, I want to bold the whole first line,with the word 'have' in it.. But this line can be anywhere in the page.. It doesn't always have specific position as long as the sentence have the word 'have' in it. Second case, I want the script to bold the word 'want' every time it finds it.. And only that word! Can anybody help me on how to do this.. I really dunno how to? Hi, I'm working on a simple website in which I'm required to use two types of forms input on a webpage. I have decided to make a simple quiz which will be designed as follows; -------------------------------------------------------- Q1: The largest mammal on land is: (radio button choices) Q2: Please tick the two correct answers: (tick boxes, four available... only two correct) ---------------------------------------------------------- (BUTTON: Please click here for the answers) ... answers should appear once the above button is pressed... Answers: Q1: B Q2: A * C Is this possible in HTML? Sounds quite straight-forward but I'm no expert so forgive me.. Ps: Is it possible to design a radio button which, depending on the choice, the related-text will appear underneath on the same page? So if they select 'A' then paragraph 'A' will show, if they select 'C' then paragraph 'C' will appear (with the rest hiding)... Thanks! |
|||||||