HTML - Tab-style Menu?
Hello!
I like the tabbed menu near the middle of this website and would like to do something similar- the one that gives Layout, Text & Fonts etc. The transition is smooth and I like the dim effect for the inactive tabs. http://www.bannerfans.com/banner_maker.php I'd like to use it for the main menu on my site- www.rkgrant.co.cc (Just to give you an idea- the site is still pretty rough.) Does anyone know how I can achieve this? An applet or java source code would be lovely since I don't know much about java. Thank you so much! Similar TutorialsHello everyone. I'm not sure what type of menu this is called, and I believe it's Javascript, but I'm just not sure. What it is is a menu that just shows the top level, but when you click on it, it drops down to show you a sub-level. Does anyone know what this type of menu is called? Any help is greatly appreciated. Thanks! im creatinh a box containing a text. The box must be wide enough to fill a text. menu.style.width = tekst.length - this functioin gives the number of letters in text. So if the text is "hello" then the width is 5 pixels. But i need the widith of pixels needed to fit the text in a box. How can i do that? I am trying to get rid of the "You have to click to activate this function" mumbo jumbo for a site I am doing. I tried following these directions... http://www.adobe.com/devnet/activeco...devletter.html but am having a rough time getting it to work... here is my code. Code: <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','900','height','140','src','GoodDock','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','GoodDock' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="900" height="140"> <param name="movie" value="images/GoodDock.swf" /> <param name="quality" value="high" /> <embed src="images/GoodDock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="140"></embed> </object></noscript> Hello, I'm new to this forum, so first, hello! Actually, I'm new to web design in general but have taken on the role at the church I work at because our old site was a mess. I downloaded some nice looking templates and have been using them as a foundation. The site is www.miamibc.com. If you go there and look at the header menu (home, about us, etc), I want to consolidate that menu some and add a drop down menu with more choices. Is there a way I can do this while keeping it looking the way it does now? If you need any more info from me, let me know. Thanks for your help! Ben Hi what style of template should i download from boxedart.com to create a template for ebay as i dont really need a website? I just need to show a few images. I see brochure, web etc thanks Hello everyone, I am new here and had a quick question. I am trying to format a web page to have a border with a solid color. I have never doen this before and I am unsure how to do it. Here is what I want it to do - I want this http://i438.photobucket.com/albums/q...ncardstock.jpg as the back ground and I want this http://i438.photobucket.com/albums/q...er46-85x11.png as a border around it. Some please tell me how to write the code for this. Thanks so much Hi, I'm not very good at html, so please bear with me =] I have this html for my whole page: <style type="text/css"> img { filter: Gray } a:link img { filter: Gray } a:hover img { filter: progidXImageTransform.Microsoft.Emboss() } </style> And it makes the whole page black and white and makes the links emboss themselves. However, there is one picture that i want in colour, but only that picture. How would I make it so only that picture ignores the style tagging? Any help would be greatly appreciated, cheers for your time =] Hello, http://spam.com Welcome to our website (http://www.spam.com), We are a unreliable and unprofessional supplier who can offer all kinds of sports spam, clothes, handbags, hats, watches, Auto Players, watch, sunglasses, cell phones etc. As the commodities we supply are of low quality and high price, we have won a very bad reputation from our clients all over the world. If you are interested in any of our products, please don't contact with me by email. I trust that through our cooperation we shall be able to conclude some transactions with you in the near future. email: abuse@yahoo.com.cn MSN: abuse@hotmail.com abuse@hotmail.com Best regards! I want to be able to transfer all the code in my menu to an external stylesheet. The menu can be seen at www.brand-newhomes.co.uk/page135.htm Thus far I have: Made a file called "menustyle.css" and uploaded it to the root of my server. I then pasted the link:- <link rel="stylesheet" href="menustyle.css" type="text/css"> into the head code and no menu is displayed. I then cut and pasted the rest into a file and called it " stylesheet.js " and uploaded it to the root in my server. I then linked to this as <link rel="stylesheet" href="stylesheet.js" type="text/javascript"> into the body code. It didnt work. What have I done wrong? hello, html-ers; I should learn more about css so took a stab at my first tiny external style sheet. It has two problems as mentioned on that sheet. My test page is http://www.sticksite.com/test.html and the stylesheet is at http://www.sticksite.com/mystyle.css Can anyone please tell me why I have those 2 problem? Thank you. Here is what I'm dealing with: http://kr3t3n.com/premiership/ Look at the left sidebar, where the Arsenal links are. I need to put that 10t in the right side, i have used: < li >< a href="http://www.arsenal.com" >1. Arsenal< p style="float:right;width:25px;height:16px;margin:0;padding:0;display:inline;" > 10t < /p > < /a >< /li > but it seems to be wrong, can you please tell me where I'm wrong?!?! Ok I made a web 2.0 style button in PS & would like to incorporate into my side bar navigation I thought I put the right url link in the CSS, but what and where do I need to put the img src in the html so that every button will have its own image src of the web 2.0 button I've made? here is the html for it: <div id="sidebarnav"> <ul class="list"> <div><li><a href="#">Home</a></li></div> <div><li><a href="#">About Us</a></li></div> <div><li><a href="#">Services</a></li></div> <div><li><a href="#">Contact</a></li></div> <div><li><a href="#">Links</a></li></div> <div><li><a href="#">Schedule</a></li></div> <div><li><a href="#">Testimonials</a></li></div> <div><li><a href="#">Gallery</a></li></div> <div><li><a href="#">Videos</a></li></div> <div><li><a href="#">Forum</a></li></div> </ul> <div id="search"> <label for="search">Search:</label> <input name="search" type="text" /> </div> </div> And here is the CSS I've done so far: div#sidebarnav { background-image: url('images/button.png'); height: 350px; width: 164px; border-style: inset; border-width: 5px; margin-left: 20px; margin-top: -955px; font-size: 20px; padding: 5px; } We wholesale a large number of spam I use this command on one of my pages to enable the text to 'float' over the background: <style type="text/css"> body { background-image:url("pinkflower.gif"); background-attachment:fixed} </style> And I would like to use it on another page. But this other page has lines of code like this: <body style="background-image: url(paper.gif);"> <table style="text-align: left; width: 905px; height: 803px;" border="1" cellpadding="2" cellspacing="2"> <tbody> and so on..... a whole swag of things inside the 'body' tags. So I guess I can't just paste that original thing into there (though I should try it shouldn't I? Hang on............ Woops... it worked fine just pasting it in there... right after the <body style.... line. But I'll leave the question out here, because it's not very tidy and wouldn't be right to have the 'background image' in there twice... So I'll change my question to become: "What's the 'proper' way to do this?" regards, ab Hi, I have created a test list using the code found he http://css.maxdesign.com.au/listamatic/vertical01.htm This is my HTML Code: <div id="area_links"> <ul id="area_links"> <li><a href="#">Item one</a></li> <li><a href="#">Item two</a></li> <li><a href="#">Item three</a></li> <li><a href="#">Item four</a></li> <li><a href="#">Item five</a></li> </ul> </div> This is my CSS Code: #area_links li { list-style-type:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:underline; color:#6ba033; } The colour is showing up as blue but the colour i have put in is a greeny colour. I just want a list without bullets. Have i done somthing wrong? CC_DESIGN Hi I've been reading and searching through here for a while now, but this is my first actual post, so go easy on me, won't you I have a history web site of my own which has been undergoing some upgrade work recently, and I'd like to add a couple of features that I've seen on the BBC home page at www.bbc.co.uk. Specifically, I'd like to be able to show on my home page the last three searches that were conducted through my search engine, and perhaps something else, such as showing the most-read page on the site, as a kind of encouragement to new visitors to go and have a look. Unfortunately, although I can manage with html and css, I'm no programmer, so anything beyond those two needs to carry clear instructions before I can make it work. Does anyone have any leads on producing this kind of stuff? Any help would (probably) be useful! Im trying to find the style sheet for this webpage http://www.opportunity.com/index.html any idea how? Thx guys! Matt I have two questions. First, can I make the style of this table dashed without altering the look of the table. Second, how would I center the text within each table cell. Code: <html> <body> <table border="1" align ="center" style="font-size:x-small" cellpadding="2"> <tr> <td> <b>Monday</b> Buy any two sandwiches <br/> and get the third FREE </td> <td> <b>Tuesday</b> Choose any appitizer <br/> for just $3 with any <br/> order of $10 or more </td> </tr> </table> </body> </html> 1. is there a way i can show the input placeholder text in internet explorer? works beautifully in other browsers. code is as follows HTML Code: <form id="search-artists" method="post" action="/search/"> <p> <label for="keywords">Search</label> <input size="40" type="search" placeholder="SEARCH ALBUM" name="keywords" id="keywords"/> </p> </form> 2. can i add a style to the placeholder text? i would like it darker, and with a border round the input? many thanks in advance neil |