Hello,
I am trying to set the space between the bullet and the first word in a UL,
without any luck.
My Lists look like:
x Item 1
x Item 2
x Item 3
and I would like this:
x Item 1
x Item 2
x Item 3
Does anyone know how to do this?
Thanks,
Gerald 14 16029
In article <pO************ ********@twiste r.austin.rr.com >, ge*****@wanderi ngcowboys.com says... Hello,
I am trying to set the space between the bullet and the first word in a UL, without any luck.
li {
padding-left: 2em;
margin-left: 1em;
}
Ajust the numbers to suit.
Jacqui or (maybe) Pete wrote: I am trying to set the space between the bullet and the first word in a UL, without any luck.
li { padding-left: 2em; margin-left: 1em; }
Ajust the numbers to suit.
To the OP: you might find the following useful reading: http://devedge.netscape.com/viewsour...2/list-indent/
--
Brian
follow the directions in my address to email me
Brian wrote: To the OP: you might find the following useful reading: http://devedge.netscape.com/viewsource/2002/list-indent
<rant>
That devedge site really has some design problems. The font size is
tiny on my monitor. But I'm sure being on the edge of development
means they know better than I the right size for my monitor. Still,
being insolent, I increased the font-size, and voila! a horizontal
scroll bar, and the search box and links are partially off the screen.
Then there's the style switcher. Might be nice, but I have to
enable cookies. Ironic, since the homepage encourages visitors to get
Netscape 7.1, which can load alternative stylesheets without the aid
of cookies or javascript. So, I reluctantly accepted cookies. Guess
what? The switcher still did not work. I had to select a new style,
then reload the page in the browser. Slick. Real slick.
</rant>
[I put this in a separate post, since the link does provide useful
information for the op -- presentation v. content, anyone? -- and I
thought a separate sub-thread would help keep the original thread on
topic.]
--
Brian
follow the directions in my address to email me
In article <UYAQa.59813$Ph 3.6065@sccrnsc0 4>,
Brian <br***@wfcr.org .invalid-remove-this-part> wrote: Brian wrote: To the OP: you might find the following useful reading: http://devedge.netscape.com/viewsource/2002/list-indent <rant> That devedge site really has some design problems. The font size is tiny on my monitor. But I'm sure being on the edge of development means they know better than I the right size for my monitor.
The font sizing was dictated by... well, let's just say
non-engineering types. Yes, that's right, folks, even in WWW design the
visual design choices are not always in the hands of the person doing
the CSS, who must make the best of the situation in which he finds
himself. Although it recently occurred to me that using 'font: icon'
might be a good end-run around those particular limitations, I haven't
yet had a chance to test the idea.
Still, being insolent, I increased the font-size, and voila! a horizontal scroll bar, and the search box and links are partially off the screen.
Well, yes-- the design is set up to hang together no matter how the
font size is changed. It's a bit better than most designs, I'd like to
think, which fall apart when the text size is changed by the user.
Then there's the style switcher. Might be nice, but I have to enable cookies. Ironic, since the homepage encourages visitors to get Netscape 7.1, which can load alternative stylesheets without the aid of cookies or javascript.
...but which won't remember that alternative choice once you leave
the page you're viewing. Until user agents manage to remember
alternate-style selections from one page to another, cookie-based (or
URL-encoded) theme systems are the best we can do.
So, I reluctantly accepted cookies. Guess what? The switcher still did not work. I had to select a new style, then reload the page in the browser. Slick. Real slick.
I haven't seen that problem until you mentioned it, which makes me
think that something's gone awry with our server-side script. I'll see
if I can figure out what's causing it and get it fixed.
Oh, and you forgot to say how you would have better solved the same
problems we faced.
--
Eric A. Meyer http://www.meyerweb.com/eric/
Brian wrote: http://devedge.netscape.com/viewsource/2002/list-indent
<rant> That devedge site really has some design problems.
FWIW, I went to devedge soon after their redesign went live. I had no
end of problems, many resulting from those stoopidly small font sizes
that screwed the layout and/or menus when made big enough to read. I
sent devedge some pretty negative feedback about it, but never heard
back and nothing seems to have changed on the site. Either they don't
care, or there aren't enough reported problems to make fixing it worth
their trouble.
More's the pity, it could have been an excellent example of a good CSS
layout, too. Now I just cringe when I go there. :(
--
To email a reply, remove (dash)ns(dash). Mail sent to the ns
address is automatically deleted and will not be read.
Jacqui or (maybe) Pete <po****@spamcop .net> wrote: I am trying to set the space between the bullet and the first word in a UL, without any luck. li { padding-left: 2em; margin-left: 1em; }
Ajust the numbers to suit.
And how can you *decrease* the space between the bullet and the first
word ?
I've been banging my head on the wall for the past 3 days trying to find
a cross-browser solution to this problem. This doesn't seem to work in
IE6 :
ul li:before {
display: marker;
marker-offset: 0.5em;
content: url(../im-commun/puce-niv2_lienN.gif) ;
}
Thank you.
In article <1f************ *************** *@idsland.com>, ned- ml@idsland.com says... Jacqui or (maybe) Pete <po****@spamcop .net> wrote: I am trying to set the space between the bullet and the first word in a UL, without any luck. li { padding-left: 2em; margin-left: 1em; }
Ajust the numbers to suit.
And how can you *decrease* the space between the bullet and the first word ?
I've been banging my head on the wall for the past 3 days trying to find a cross-browser solution to this problem. This doesn't seem to work in IE6 : ul li:before { display: marker; marker-offset: 0.5em; content: url(../im-commun/puce-niv2_lienN.gif) ; }
No, sadly it doesn't. Best you can get is:
li {
padding-left: 0;
margin-left: 0;
}
Or turn off the list display & insert the • (or whatever) yourself.
> > > > I am trying to set the space between the bullet and the first word
in a UL, > without any luck.
I used
I don't know if it works cross browser
John D
Jacqui or (maybe) Pete <po****@spamcop .net> wrote: And how can you *decrease* the space between the bullet and the first word ? [snip] No, sadly it doesn't. Best you can get is:
li { padding-left: 0; margin-left: 0; }
Yes, that gives you the browser-default spacing of 1em.
Or turn off the list display & insert the • (or whatever) yourself.
Right, but then why use <li>sts at all ? I could also mush it all up in
nested tables. Yuck.
/me is terribly frustrated. This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Peter Schlenker |
last post by:
In a navigation panel I try to place a bullet before each entry when
the link is hovered at (see http://www.shambhala.de). Mozilla does it
like expected, but IE doesn't - any ideas?
<a href="http://www.shambhala.de/reisen/kailash.php"
title=""><span class="bullet"><img
src="http://www.shambhala.de/media/grafik/arrow_small.gif" width="9"
height="9"/> </span>Tibet</a><br/>
|
by: David Bradbury |
last post by:
I may be thinking about this the wrong way, but here goes:
In my style sheet I've specified that bullet points should use a
specific image rather than just be default bullet points. However, at
some later point in the text I don't want to use the bullet point with
an image, but rather use the standard bullet point. Is it possible to
switch off a style sheet instruction for an individual instance? Or do
I need to define a new style...
|
by: Dave |
last post by:
Hi,
I currently have the following in order to have a little bit of
horizontal spacing separation between the bullet images and the text
in the list (and I'm happy with the vertical separation between the
list lines):
UL { list-style: url("../images/bullet-right.gif") square }
LI {
margin: 0.8em 10% 0.8em 0;
|
by: Udo Marx |
last post by:
Hello to ciwas!
Is there a way to change the bullet form, color, etc, of the element
<li> under<ul> via css? Any reply will be appreciated.
--
Freundliche Gruesse,
Netzteil - Udo Marx
http://www.netzteil.com
mailto:marx@netzteil.com
|
by: bigoxygen |
last post by:
Hi.
I have a list that is similar to this:
-Evaluation
+test
+test
-Students
+test
I would like to change the "-" bullet only, but I cannot. My
| |
by: Matt |
last post by:
I would like to set the "list-style-type" to be a hyphen (-). How can I
accomplish this in a style sheet. I tried list-style-type: hyphen; and
list-style-type: dash; but neither worked. I also tried adding this to
the style sheet (with the list-style-type set to none in the UL
element).
LI:Before
{
content: "- ";
}
|
by: metoikos |
last post by:
I've scoured the web (clumsily, I'm sure) for information on the
difficulties I am having, checked my markup in validators, and had a
friend with more CSS clue look over it, but I haven't had any luck.
I'll detail my difficulties here and hope for help. I will note that
I'm using headings to delineate different sections of my message for
easier reading.
As you can see from the subject, my problems are related to spacing;
one of them is...
|
by: phil-news-nospam |
last post by:
I have a table with 3 columns in 1 row. I want to increase the spacing
_between_ the columns (gutter) _without_ increasing the spacing between
those columns and the table itself. Is there a way to do that in CSS
without having to code in extra dummy columns in HTML to create gutters?
--
-----------------------------------------------------------------------------
| Phil Howard KA9WGN | http://linuxhomepage.com/ ...
|
by: SALPONA |
last post by:
how to decrese spacing when we use bullets
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
| |
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
| |
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |