|
HTML - Tip: Make Li/div Fill Free Space In Menu Bar
Helpful Tip:
I have a menu, created with ul and li's, as apposed to divs, with some white space at the end. Each li is set to float:left and i want to add another li which fills the remainder of the white space. For the page to be compliant with the w3c standards it has to be an li (within an ul/ol), so how do you make an li fill the remaining white space? Simply set the fill-white-space li to float:none; display: block; Because all the other li's are set to float, it will sit beside them, but act as a block and fill the remainder of the line. I hope this helps someone. Took me a good while to work out (stumbled across it by chance). Matthew Millar Similar TutorialsI'm using a jquery plugin that creates a grid view using a table. Inside the cells i have text areas that i'm manually sizing using the rows attribute, to fill the td. It's not working very cleanly though. Does anyone know of a way to get text areas to automatically size themselves to a containing td? thanks, max Anyone know of a good one? I want to add one to my site, but the good ones you can't customize for free, and the ones you can customize are lower quality. I am using a template that I have modified for this web site. However, I am using my own menu bar and I cant get it to close the gap between the header and the body of the web stie. I have tried everything, Please help. I think I can resize the letters but I would like to close the gap. Thanks http://www.freechildrensvitamins.com <form method="post" name="nameform"> <font color="#9933CC" size="2" face="Times New Roman"><select name="tanyasmenu" size="1" style="BACKGROUND: #cc99ff; BORDER-BOTTOM: outset; BORDER-LEFT: outset; BORDER-RIGHT: outset; BORDER-TOP: outset; COLOR: #0066FF; FONT-FAMILY: Times New Roman; FONT-SIZE: 12px"> <option selected value="http://something.com">name here</option> <option value="http://something.com">name here</option> <option value="http://something.com">name here</option> </select> <input type="button" value="Go" onclick="location = document.nameform.tanyasmenu.options [document.nameform.tanyasmenu.selectedIndex].value;" style="BACKGROUND: #cc99ff; COLOR: #0066FF; FONT-FAMILY: Times New Roman; FONT-SIZE: 12px"> </form> Hello everybody! First timer here. I'm a total noob here that somehow got assigned to design our company's website. My company is very understanding about my lack of experience and is willing to send me to any training I need. So, here's my question: Go to www.whitehouse.gov. I think the pretty scrolling menu at the top is exactly the kind of thing I want on my new website. How do I make something like that? I guess this breaks down into several separate ideas: I look at the source and I see that the menu is all set on a background image file called bg-main-one.jpg. How do you design these kinds of images? I love how you can right-click the submenu and open in a new tab. A lot of these menus I've seen you can't do that. I also love how the hyperlink appears on the status bar. Why isn't it like that everywhere? Hovering the mouse over each menu's title launches a separate menu. Is that just your basic ul li list-item HTML accompaned by extremely complex CSS? So how do I create something like that? What groovy technologies do I need to know? How do I made a navigation menu, with expandable arrows? So basically its a vertical menu, with main headings one under the next, then if a main heading has sub headings, you would click the plus icon next to it, to expand it, and you could see the subheadings under it, and indented. Like how it looks in windows registry (regedit). Hi, I have a bit of a problem. I am learning HTML and CSS, and I am trying to make a simple menu withh a background button up state and a horizontal unordered list across, with a hover effect of a new bg image over the initial ones. Please help! Thanks in advance. Hey guys, I was wondering if anyone could help me? I wish to produce a website which works in the following way: The header and footer remain the same, and do not reload on page refresh. Then, links on a menu bar stimulate loading a new page, however only the content below the header changes. An example of this, is the CushyCMS website (http://www.cushycms.com). When you click the menu links, the header doesn't reload, only the page content does. How would I do this? My reason for wanting this method, is because I wish to have an image slider present within the header of all of my pages, and I don't wish to have to update every page each time I wish to add an image. Please help? Many thanks, Luke Hello, I am Delphi programmer and PHP web development, I have a problem with the AJAX which is: how to free or close the element, in the Delphi when I create an object in runtime it can be free the object and close it like query, anyway how to close or free the result in AJAX language? below is an exmple: Code: var Buffer= document.body;
var getDivBox= document.getElementById("div_box");
var EDivBox= document.createElement("div");
if (getDivBox != null)
{
getDivBox.style.visibility = "visible";
}
else
{
EDivBox.setAttribute("id","div_box");
Buffer.appendChild(EDivBox);
}
with the above code, for first loading it will create to element and while you are in the page it will still create my question is how to close the created element in order to make the page fast because in the localhost I checked the CPU performance and I surprised: it was 100%, when I close the page it go back normal. any help with this topic is highly appreciated Regards Is there any site from where i can download the web development books? Hi, I have been having major problems with Frontpage and am ready to download a diffrent free website builder, whats the best one? and how would i upload my current pages to my new builder? Hi All, Just find a new website for free software download i was very much impressed with the products they have. I thought it might be useful for others also. Please post if anybody find any other related websites having many softwares like this. Thank you. hi, i am currently trying to learn HTML and wanted a free live website to practice on, however when i signed up for one at tripod.com, i had to use some setup guide thing, even when i clicked "start a blank website". most other free website services seem to have something similar. Is there a way around this, so i can start from scratch and build the website purely with html/xhtml etc. or a different histing service that lets you do this? any information would be appreciated, thank you hello. i am having difficulty figuring out how to make iframes out of this free template: http://www.freewebsitetemplates.com/preview/template24/ download: http://www.freewebsitetemplates.com/...ate=template24 i would like the banner and buttons as the TOP and the rest of the stuff as the bottom on the iframed website. i was thinking i'd do this Code: <html>
<head>
<title>iFRAMES</title>
</head>
<frameset rows="150,*">
<frame src="96_top.html" frameborder=0 scrolling="no" NAME="top">
<frameset cols="220,*">
<frame src="main.html" frameborder=0 NAME="bottom">
</frameset>
<noframes>
<body>
<a href="your main page.html">Click Here</a>
</body>
</noframes>
</frameset>
</html>
however then I wouldn't get the white side bars. does anyone have any good ideas on how to turn this template into a framed site? thanks, g Hi everyone. I need to find some software that is like Adobe Contribute, but free. I am designing a web site for a friend and he wants to be able to edit it himself but cannot pay the price for Adobe Contribute. Does anybody know of any free software that I can download that works like Contribute? Thank you. Lee Hi guys, Does anyone have any links to where I can upload (give) a free template. I Googled it but quite surprised to find a lack of "submit a template" links! i want to build a free website to start really learning html until i am a wizard at html http://www.prodevs.org Hiya, I'm developing a free website for someone. Wondered if anyone knew of any good sites that offer free templates that aren't too bland. Cheers, James im looking for free webstie builder programs that take little if none experience to make a website any ideas ...thanks in advanced |
|||||||