li

Disappearing bullet points

http://biochrom.fivesite.co.uk/catalogue4.asp On the page above there is an image floated to the left. To the right of it is a list, titled "features". The list items have a background image, however, it isn't appearing. List 2 shows how the background image looks. Does anyone know how I can make the bullets visible? ...

HTML CSS LI Wrapping

I have a vertical menu in my system which is basically made of HTML ul/li with CSS styling (see image below). However I don't want the li items which are wider than the menu to wrap, I would prefer them to overflow with a horizontal scroll bar at the bottom of the menu. How can I do this in CSS? ...

Background image in "ul" centered... but I'd like it at the top

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...

CSS Horizontal Menu Problem: Won't Work in IE7

Could you help me fix the menu on this this page? The menu list items don't have a width defined, so they display at 100% width in IE7. If I make the span.right have a float: left, it fixes the problem, but then the rounded corners don't work. A possible solution might be to get rid of the right span and set a padding and background i...

Why is it common to create toolbar with tag <UL> and <LI>?

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. ...

Control Height of <li> in IE 7

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...

CSS to recreate LI with bullet, but without using a LI

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'...

image placement for IE bug fixes

Hi ive got a menu that is like this: <li id="selected"><a href="http://www."&gt;&lt;p&gt;FAQ'S&lt;/p&gt;&lt;/a&gt;&lt;/li&gt; 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: ...

overflow:hidden not working for li elements inside ul

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...

Changing CSS for Last li

Hi Everyone: I am wondering if there is some way to change a css attribute for the last li in a list using CSS. I have looked into using :last-child, but this seems really buggy and I can't get it to work for me. I will use Javascript to do this if necessary, but I want to know if anyone can think up a solution in CSS. Thanks for any...

Getting rid of li last item counter

Hello all, I have a annoying problem .. I want my first 4 items in a list to be numbered but I wanna leave fifth item out of numbering .. here is my css : #alternate_navigation ol { display:block; padding:0; margin:0; counter-reset: item; } #alternate_navigation li { display:block; padding:0px 0px 0px 10px; ...

Entities to DTO - Entity framework

Please review my code. For every my Entity i've created a service class, where i put all the access methods for this entity.This method are doing the transformation from the Entities to my DTO classes. This methods are called from the Web layer or a bussines method. Am I doing this righth? Or should I do it differently ? The service me...

<ul> with <li> inside CSS column are not wrapping properly...

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... ...

jquery hasClass "active" on ul#navigation li on page load not working

$(document).ready(function(){ $("li").click(function(){ if ($(this).hasClass("active") ) $(this).fadeTo("slow", 1.0); }); }); I have a navigation bar made and am using this code to add a transparency effect on hover: $(document).ready(function(){ $(".thumbs").fadeTo("slow", 0.6); $(".thumbs").hover(function(...

Center <ul> <li> into div

After some search, I did not find a proper way to center a list of <li> into a fixed width div... any solution there ? -- take a look at the page.. dont work ! ...

Text wrapping in IE 7 <li> tags

I have a horizontal menu bar made up of <li> tags, containing links, so a menu item looks something like: <li> <a href="...link..."> <span>Some text</span> </a> </li> Looks fine, until the menu bar is wider than the screen. When this happens, and the last menu item has one or more words, the second word of this item wraps just und...

Set values of LI tag in HTML

I have a Ordered list that I need to set the # values for. Something like: <ol> <li ShowValue=34>apple</li> <li ShowValue=45>pear</li> <li ShowValue=55>car</li> </ol> So that they display with the numbers I assign 34.apple 45.pear 55.car Is there a way to tell the LI what number it should show? ...

Having line breaks between <li>s

I have a horizontal menu consisting of <li> elements with display: inline. The elements are supposed to be next to each other seamlessly. In the source code, I would like to have each li on one line for easier debugging: <li class="item1 first"> ... </li> <li class="item2"> ... </li> ... However, if I add a \n after each element, th...

li click events on safari?

This issue is specifically with Safari. <div id="list"> <ul> <li onclick="do_something();"><!-- block with stuff in it --></li> </ul> </div> When the above is loaded normally, the onclick applies to the entire li block. The problem is, later on when I use ajax to populate the #list div dynamically... $("#list").html('...

Parent <ul> overriding its childs styling

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=...