I'm using ClodFusion(sic) to populate a template that includes HTML lists (<ul>'s). Most of these aren't that long, but a few have ridiculously long lengths and could really stand to be in 2-3 columns. Is there an HTML, ColdFusion or perhaps JavaScript (I have jQuery available) way to do this easily? It's not worth some over-complicat...
On this page (http://www.bonniesphere.com/blog/elsewhere/) the "li" items have an image instead of a bullet. But the image is centered vertically, and in multi-line entries it doesn't look good. Can anyone tell me if there is something in the CSS that should be changed? Here's the relative code: .entry ul {list-style-type:none;} .entry...
Hi, i like to get an <ul><li> and make it a nice table I will style with CSS. I like the transformation to be made with jQuery * Place|Name|Earning * 1|Paul|200$ * 2|Joe|400$ * 3|James|100$ * 4|Carl|1000$ on and on.... and make a table head with the first line of the <ul> and table cell with the others... There will be maybe 4-5 <...
I have DIV, and UL inside it, with position: absolute. By default left is 0px. I need to move UL to the left on the 100% of UL width. UL right corner would be where DIV left corner begins. ...
I found that quite a few "toolbar" in web page is implemented with HTML tag UL and LI with style "float:left". Fore example, with the help of FireBug it is easy to find this pattern in http://www.yahoo.com/. Is there any reason for that? I don't think that UL and LI are invented to create toolbar. ...
I have a menu built with <ul> and <li> tags. I want to have small separators between sections. For the separators, I just set a background color and a short height on an <li>. Looks very nice... except in IE7 where the <li> seems to refuse to change its height to be shorter than all the other <li>s in the same <ul>. I have tried differen...
I'm trying to create a layout that looks like a LI with a bullet, but that doesn't use a LI. I can't use a LI because I want to allow different items in the same list to have different bullet images. And from what I can tell LI bullet styles can only be set in the UL, so all LI in the same UL must have the same bullet image... and I don'...
Hi ive got a menu that is like this: <li id="selected"><a href="http://www."><p>FAQ'S</p></a></li> I've managed to acheive the effect that i wanted in firefox but then i checked it in IE 7 and phwoooar... It seems to be a width issue at the start i try to impeleent a width hack but then this upsets firefox: ...
Hi I have a CSS issue which occurs in IE6 only. I'm completely stumped and am hoping someone else might be able to help. In IE6, if you navigate to www.moneysupermarket.com/loans and search for a loan of £5000 over 5 years, Homeowner - Mortgaged, you will get the Loans results page. Scroll to the bottom of the page and you will see th...
Hello, I am having serious trouble getting my css to work properly. It looks different in all 3 browsers that i use (Chrome, IE and FF). Now to the question in hand, i have been trying to copy the example from the following url: h t t p : / / w w w .alistapart.com/articles/taminglists/ Just scroll down almost to the bottom and look for ...
I'm trying to create a carousel from ul object where the li elements are blocks and ul is the carousel container. I've tried two approaches but neather seems to work, the overflow property is not functioning as I want it to. Approach 1: <ul style="overflow:hidden; width:200px; height:120px; display:block;"> <li style="float...
It shows in firefox,but no in IE(in fact mine is IE6) <style type="text/css"> li { list-style-type:disc; } </style> <div style="margin: 2px auto 15px; padding: 5px 0px; width: 480px; text-align: center;"> <ul style="margin: 0; padding: 0; text-align: left; list-style-position: outside; overflow: visible;"> <li ><em>test.</em> 111</li...
Below is an entire test page that I'm working on (I realize that it is still ugly and cluttered). My issue is with the ul class="dropdown". I'm intending on it being a replacement for a SELECT so I can style it (again, not done yet). However, I cannot seem to position it where I want it. If you look at this page in FF3.5, that is how...
Lalalal, I am going insane with the CSS... I can't achieve the simplest layout here, something is breaking. I want 2 columns next to each other: [**** 300px ****][******** 500 px ********] 2nd column heading Some text.. - 1st bullet point text - 2nd bullet... - 3rd... ...
I am using Joomla 1.5 for my site and want to make the RSS Feed Module (mod_feed) display alternating rows in a different color, hoping somebody here can help out! Here is the main code for the module layout (I removed the top <div style="direction: <?php echo $rssrtl ? 'rtl' :'ltr'; ?>; text-align: <?php echo $rssrtl ? 'right' :'left'...
I've got a simple floated horizontal list that is looking good in IE and Opera, but Firefox has extra padding or margin at the top that I don't know how to fix.. It looked fine until I had to add a display:inline to an image link next to it because of another issue, so I think it's something to do with the display attribute.. any ideas? ...
I have a fairly large, three level deep, menu consisting of nested lists like in this example <ul class="nav"> <li><a href="#">1</a> <ul> <li><a href="#">2</a> <ul> <li><a href="#">level 3</a></li> <li><a href="#">level 3</a></li> <li><a href="#">level 3</a></li> </ul> </li> ...
For some reason this isn't working? I want to fill the ul#list with some items, but it's not working. var list = ""; for (var i = 0 ; i<=history.length; i++) { list += "<li onclick=\"copyShortURL('"+history[i].shortURL+"');\"><div class=\"short\">"+history[i].shortURL+"</div><div class=\"long\">"+history[i].longURL+"</div></li>"; } ...
This is my markup: <div id="nav"> <ul> <li><a href="#">Page 1</a></li> <li><a href="#">Page 2</a></li> <li> <a href="#">Articles</a> <ul class="inside-ul"> <li><a href="#">Article 1</a></li> <li><a href="#">Article 2</a></li> <li><a href=...
I've got a list with list-style-none which needs to be able to add new items to itself via Ajax and have the background expand appropriately when it does. Adding via Ajax is easy, but every solution I try for the background fails me. I don't know if it's even possible; is it? I'm using a grid like this one: http://jqueryui.com/demos/sor...