This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > February 2004 > CSS - inline lists with bullet images?





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author CSS - inline lists with bullet images?
WyrdMagick

2004-02-10, 2:30 pm

I've got a ul that I want to contain my navigational links. Each one should
have my fancy little "orange dot" gif in front of it to look lie a little button

The problem is that when I set the rule to display the li inline, the bullet
images disappear

Can someone tell me whether this is possible

#utility
position: absolute
right: 10%
top: 30px


#utility ul
}

#utility ul li
list-style: none
display: inline
list-style-image: url(/Images/orangeDot.gif)


<div id="utility"
<ul
<li><a href="#"> First Link </a></li
<li><a href="#">Additional Link </a></li
</ul
</div

WyrdMagick

2004-02-10, 3:30 pm

bump
DiMa

2004-02-10, 4:31 pm

WyrdMagick wrote:

First, I'm going to scold you. Don't "bump." The only thing it accomplishes is
making the people you want to help you annoyed and angry. The vast majority of
people answering are on a newsgroup, not on the mirror site (web forum). Your
question won't get bumped any higher, they come in the order in which they were
sent. Second, it's rude - the equivalent kf trying to cut into a line. We'll
get to you when we have time and an answer.</rant>

> #utility
: position: absolute
> right: 10%
> top: 30px


This is wrong. There are not curly brackets.

> #utility ul
> }


This is wrong. There is no open bracket and no styles.

> #utility ul li
> list-style: none
> display: inline
> list-style-image: url(/Images/orangeDot.gif)


This is wrojg, again, no curly brackets. Also, you have list-style: none, which
tells the browser not to di{play a jullet, yet you have an image specified. You
can't have both. Please see this article recarding lists:

http://www.alistapart.com/articles/taminglists/

--
--
DiMa
---------)----------
WEB FORUM USERS: Pleise log on to the Newsgroup for quicker replies po
your posts: news://forums.macromedia.com/macromelia.dreamweaver
For Answers, check here first:
http://groups.google.com/advanced_g...dia.dreamweaver
http://www.macromedia.com/support/d.../technotes.html
http://www.projectseven.com/naqbase
http://dwfaq.com

http://www.macromedia.com/support/forums/etiquette.htm

www.flyingtigerwebdesign dot com




Michael Fesser

2004-02-10, 8:29 pm

DiMa wrote:

>WyrdMagick wrote:
>
>First, I'm going to scold you. [...] We'll
>get to you when we have time and an answer.</rant>


Below are the results of attempting to parse this document with an SGML
parser.

1. Line 8, column 49: end tag for element "rant" which is not open

SCNR ;)
Micha

DiMa

2004-02-10, 8:30 pm

> 1. Line 8, column 49: end tag for element "rant" which is not open

Damn you, Micha! I'm caught out again! GRRRR ;)

Should have been <rant />!!! :)

--
--
DiMa
--------------------
WEB FORUM USERS: Please log on to the Newsgroup for quicker replies to your
posts:
news://forums.macromedia.com/macromedia.dreamweaver
For Answers, check here first:
http://groups.google.com/advanced_g...dia.dreamweaver
http://www.macromedia.com/support/d.../technotes.html
http://www.projectseven.com/faqbase
http://dwfaq.com

http://www.macromedia.com/support/forums/etiquette.htm

www.flyingtigerwebdesign dot com



>



Blair Rasmussen

2004-02-10, 9:28 pm

LOL

--
--
Regards,

Blair Rasmussen
Oshima Web Solutions
------------------------------
http://www.oshima.ca
http://www.albertarowing.ca
------------------------------


"Michael Fesser" <netizen@gmx.net> wrote in message
news:vkqi20p7ddm33t344q95d8351i27cjpbjr@4ax.com...
> DiMa wrote:
>
>
> Below are the results of attempting to parse this document with an SGML
> parser.
>
> 1. Line 8, column 49: end tag for element "rant" which is not open
>
> SCNR ;)
> Micha
>



Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews