Hi All - I'm still new to CSS and I'm trying to style some lists with CSS.
I've created an unordered list - which is all good - but what I'm trying to
avoid is this
Eg:
. List is all lovely on the first line but
when it wraps is doesn't neatly indent.
What I'm trying to achieve
On Tue, 20 Jul 2010 07:23:57 +0100, Shortie Designs
shortiedesi...@gmail.com wrote:
Hi All - I'm still new to CSS and I'm trying to style some lists with
CSS.
I've created an unordered list - which is all good - but what I'm trying
to
avoid is this
Eg:
. List is all lovely
Have you tried a combination of text-indent and padding-left?
ul.list {
padding-left: 1em;
text-indent: -1em;
}
Regards
Christian Kirchhoff
Editura GmbH Co. KG
Tempelhofer Damm 2 · 12101 Berlin
www.editura.de http://www.editura.de
AG Berlin-Charlottenburg · HRA 43189 B · USt.Id.
On Feb 22, 2009, at 3:05 PM, Eric Katz wrote:
Thanks so much it looks like that fixed it pretty well! The height
dimension to #area was just so I could visualize a content area coming
down before I coded it.
Also thanks Philippe I added those additional fixes you mentioned!
I think next I
It worked perfectly! Thanks a lot guys. Hopefully I can learn this stuff
good enough to pass some help to other people too.
Eric
2009/2/22 Philippe Wittenbergh e...@l-c-n.com
On Feb 22, 2009, at 3:05 PM, Eric Katz wrote:
Thanks so much it looks like that fixed it pretty well! The height
Hello! I am fairly new at this mailing list sort of stuff along with css as
well but I have been receiving emails and reading/learning a lot.
For reference this is the page i am working on right now:
http://www.team-identity.org/akathletics/newcode/
Eric Katz wrote:
http://www.team-identity.org/akathletics/newcode/
This is a picture of what the list im trying to make is supposed to
look like:
http://www.akathletics.com/images/intialsetcopy/akathleticsNewSitev8.jpg
1: keep all 8 list-items in one ul - ul id=navbuttons - in the
On Feb 22, 2009, at 6:09 AM, Gunlaug Sørtun wrote:
2: apply 'display: inline-block' (and centering), followed by the
necessary fixes for IE7 and older.
This will do...
#navbuttons li {
display:inline-block;
width:220px;
height:180px;
padding:0;
2009/2/21 Gunlaug Sørtun gunla...@c2i.net
- Hide quoted text -
Eric Katz wrote:
http://www.team-identity.org/akathletics/newcode/
This is a picture of what the list im trying to make is
supposed to look like:
I'm trying to come to grips with using CSS with lists.
When using an image as a bullet point, is it possible to push
the image down so it doesn't project well above the text
associated with that bullet?
I'm using something like this:
ul#TickGreenSmall {
list-style-image:
When using an image as a bullet point, is it possible to push
the image down so it doesn't project well above the text
associated with that bullet?
I'm using something like this:
ul#TickGreenSmall {
list-style-image: url(/images/Tick-green-small.gif);
margin-left:
2:47 PM
To: [EMAIL PROTECTED]
Subject: Re: [css-d] CSS Lists
On 15/11/05, Bill Hely [EMAIL PROTECTED] wrote:
I'm trying to come to grips with using CSS with lists.
When using an image as a bullet point, is it possible to
push
the image down so it doesn't project well above the text
necesario saber utilizarla.
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Bill Hely
Enviado el: martes, 15 de noviembre de 2005 1:57 am
Para: 'Seona Bellamy'; css-d@lists.css-discuss.org
Asunto: Re: [css-d] CSS Lists
Thanks very much Seona. That works
ul#NoBullet
li#TickGreenSmall
3px left no-repeat;
}
The webpage is a long one with several different styles of lists.
So now, instead of defining a list with just the one ID= in the
UL, I also have to define every line.
Is there a more efficient way to combine [UL ID=NoBullet]
14 matches
Mail list logo