473,224 Members | 1,357 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,224 software developers and data experts.

List without bullets

I have a page at http://www.develop.check.com.au/hols/ where I'm
trying to put a navigation strip on the left of the page. Try as I
may, I can't get rid of the bullets and move the list over to the
left.

The HTML is:
<ul>
<li><a href="area.html?a=ah">Alexandra Headland</a></li>
<li><a href="area.html?a=ca">Caloundra</a></li>
<SNIP>
</ul>

.... contained within a <DIV> to position it on the page.

The CSS is:

ul li a {
display: block;
list-style: none;
text-decoration: none;
width: 100%;
margin: 0;
padding-left: 4px;
color: #ffffff;
font-weight: bold;
background-color: #87714a;
border: 1px #666666 outset;
font-size: 11px;
}

ul li a:hover {
color: #4ba513;
}

TIA for a solution to this problem.

Jul 21 '05 #1
5 67643
Els
Howard Martin wrote:
I have a page at http://www.develop.check.com.au/hols/
where I'm trying to put a navigation strip on the left of
the page. Try as I may, I can't get rid of the bullets and
move the list over to the left.

The HTML is:
<ul>
<li><a href="area.html?a=ah">Alexandra Headland</a></li>
<li><a href="area.html?a=ca">Caloundra</a></li>
<SNIP>
</ul>

... contained within a <DIV> to position it on the page.

The CSS is:

ul li a {
display: block;
list-style: none;


You set list-style:none to the a element here.

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #2
Howard Martin wrote:
The CSS is:

ul li a {
display: block;
list-style: none;
text-decoration: none;
width: 100%;
margin: 0;
padding-left: 4px;
color: #ffffff;
font-weight: bold;
background-color: #87714a;
border: 1px #666666 outset;
font-size: 11px;
}
ul li a:hover {
color: #4ba513;
}


This only defines the style for the <a> element inside the <li> element
inside the <ul> element.

Try this:

ul, li, ul li a {
display: block;
list-style: none;
text-decoration: none;
width: 100%;
margin: 0;
padding-left: 4px;
color: #ffffff;
font-weight: bold;
background-color: #87714a;
border: 1px #666666 outset;
font-size: 11px;
}

ul li a:hover { color: #4ba513;
}
Jul 21 '05 #3
Els
Ståle Sæbøe wrote:
Howard Martin wrote:
The CSS is:

ul li a {

[snip]
This only defines the style for the <a> element inside the
<li> element inside the <ul> element.

Try this:

ul, li, ul li a {
display: block;
list-style: none;
text-decoration: none;
width: 100%;
margin: 0;
padding-left: 4px;
color: #ffffff;
font-weight: bold;
background-color: #87714a;
border: 1px #666666 outset;
font-size: 11px;
}


So you mean really set a padding-left of 4px for the ul, the
li, and the a? That's 12px padding-left all together. ;-)
Plus I think something will go wrong visually by setting all
those to 100% width...

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: David Bowie - Space Oddity
Jul 21 '05 #4
Els wrote:
... Plus I think something will go wrong visually by setting all
those to 100% width...

Probably, but I did not feel like doing a CSS Tutorial writeup right
now ;)

All right Howard, you really should check out one of the many CSS
tutorials out there. Your question reveals that you are even more newbie
than me :D
Jul 21 '05 #5
Howard Martin wrote:
I have a page at http://www.develop.check.com.au/hols/ where I'm
trying to put a navigation strip on the left of the page. Try as I
may, I can't get rid of the bullets and move the list over to the
left.

See if this helps you out:
http://css.maxdesign.com.au/listutorial/index.htm

The HTML is:
<ul>
<li><a href="area.html?a=ah">Alexandra Headland</a></li>
<li><a href="area.html?a=ca">Caloundra</a></li>
<SNIP>
</ul>

... contained within a <DIV> to position it on the page.

The CSS is:

ul li a {
display: block;
list-style: none;
text-decoration: none;
width: 100%;
margin: 0;
padding-left: 4px;
color: #ffffff;
font-weight: bold;
background-color: #87714a;
border: 1px #666666 outset;
font-size: 11px;
}

ul li a:hover {
color: #4ba513;
}

TIA for a solution to this problem.

--

*** Remove the DELETE from my address to reply ***

================================================== ====
Kevin Scholl http://www.ksscholl.com/
ks*****@comcast.DELETE.net
------------------------------------------------------
Information Architecture, Web Design and Development
------------------------------------------------------
We are the music makers, and we are the dreamers of
the dreams...
================================================== ====
Jul 21 '05 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

12
by: Steven Bethard | last post by:
So I need to do something like: for i in range(len(l)): for j in range(i+1, len(l)): # do something with (l, l) where I get all pairs of items in a list (where I'm thinking of pairs as sets,...
2
by: VK | last post by:
A while ago there was a discussion how to implement a select list that would call a function right upon new selection is being made w/o clicking any additional buttons: ...
3
by: Gregor Horvath | last post by:
Hi, given the dynamic nature of python I assume that there is an elegant solution for my problem, but I did not manage to find it. I have a file that contains for example on line: when...
4
by: TaeHo Yoo | last post by:
I have two dropdown list(ie State and Region) that are populated with data from database. I want to repopulate the second dropdown list(Region) according to what state user has selected without...
0
by: DarrenWeber | last post by:
# Copyright (C) 2007 Darren Lee Weber # # This program is free software; you can redistribute it and/or modify # it under the terms of the GNU General Public License as published by # the Free...
10
by: Aditya | last post by:
Hi All, I would like to know how it is possible to insert a node in a linked list without using a temp_pointer. If the element is the first element then there is no problem but if it is in...
7
by: jessy | last post by:
i have a JS function which adds items to a list when the user clicks on a button ADD ITEM now i need to get all the items he added in the list without selecting them !! is that possible ? i need to...
1
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
0
by: jianzs | last post by:
Introduction Cloud-native applications are conventionally identified as those designed and nurtured on cloud infrastructure. Such applications, rooted in cloud technologies, skillfully benefit from...
0
by: mar23 | last post by:
Here's the situation. I have a form called frmDiceInventory with subform called subfrmDice. The subform's control source is linked to a query called qryDiceInventory. I've been trying to pick up the...
0
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
2
by: jimatqsi | last post by:
The boss wants the word "CONFIDENTIAL" overlaying certain reports. He wants it large, slanted across the page, on every page, very light gray, outlined letters, not block letters. I thought Word Art...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: stefan129 | last post by:
Hey forum members, I'm exploring options for SSL certificates for multiple domains. Has anyone had experience with multi-domain SSL certificates? Any recommendations on reliable providers or specific...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.