HighDots Forums  

CSS Bullet image replacement problem

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss CSS Bullet image replacement problem in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Brhaynes75
 
Posts: n/a

Default CSS Bullet image replacement problem - 08-21-2006 , 09:52 AM






Trying out bullet image replacement utilizing CSS for the first time and am
finding that they only show up sometimes. Is there a reason for this? Is this
common? Should I just drop the images in instead of using an unordered list (I
know this isnt ideal, but if the images arent appearing on some people's
computers, I dont know what other solutions I have at my disposal)?

If the arrow bullets are showing up on your computer, try hitting refresh a
few times and they'll disappear. And if they aren't showing up, try
highlighting all the text. Weird right?

Thanks for any help,
Brad


Reply With Quote
  #2  
Old   
crash
 
Posts: n/a

Default Re: CSS Bullet image replacement problem - 08-21-2006 , 11:25 AM






Got an url, some code? Any hint at all as to what it looks like, how you
set it up, what kind of socks you have on.....


"Brhaynes75" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:
Trying out bullet image replacement utilizing CSS for the first time and
am
finding that they only show up sometimes. Is there a reason for this? Is
this
common? Should I just drop the images in instead of using an unordered
list (I
know this isnt ideal, but if the images arent appearing on some people's
computers, I dont know what other solutions I have at my disposal)?

If the arrow bullets are showing up on your computer, try hitting refresh
a
few times and they'll disappear. And if they aren't showing up, try
highlighting all the text. Weird right?

Thanks for any help,
Brad




Reply With Quote
  #3  
Old   
Brhaynes75
 
Posts: n/a

Default Re: CSS Bullet image replacement problem - 08-21-2006 , 11:38 AM



url: http://malkinmanagement.com/propertymgmnt.html

css code:

#leftcolumn li {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
list-style: url(images/arrow-1.gif) outside;
}

#maincolumn li {
list-style: url(images/arrow-1.gif);
font: normal 13px/19px Verdana, Arial, Helvetica, sans-serif;
color: #4F4F4F;
margin-bottom: 10px;
}

#maincolumn ul {
margin: 0;
}

socks: none, just sandals


Reply With Quote
  #4  
Old   
crash
 
Posts: n/a

Default Re: CSS Bullet image replacement problem - 08-21-2006 , 11:52 AM



hehee. thanks mate. give me a few, please. helping somebody else right now.
"Brhaynes75" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:
url: http://malkinmanagement.com/propertymgmnt.html

css code:

#leftcolumn li {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
list-style: url(images/arrow-1.gif) outside;
}

#maincolumn li {
list-style: url(images/arrow-1.gif);
font: normal 13px/19px Verdana, Arial, Helvetica, sans-serif;
color: #4F4F4F;
margin-bottom: 10px;
}

#maincolumn ul {
margin: 0;
}

socks: none, just sandals




Reply With Quote
  #5  
Old   
levels
 
Posts: n/a

Default Re: CSS Bullet image replacement problem - 08-21-2006 , 12:16 PM



your right, that is weird.

Reply With Quote
  #6  
Old   
levels
 
Posts: n/a

Default Re: CSS Bullet image replacement problem - 08-21-2006 , 12:19 PM



try

list-style-image: url(images/arrow-1.gif);

Reply With Quote
  #7  
Old   
T.Pastrana - 4Level
 
Posts: n/a

Default Re: CSS Bullet image replacement problem - 08-21-2006 , 10:27 PM



Try a different approach. Set the background of the li's to your image
instead of making the bullets images.


ul {
margin: 0;
padding: 5px 0px 0px 15px;
}
li {
list-style: none;
padding-left: 13px;
background: url(../images/arrow-1.gif) no-repeat 0 6px;
color: #000000;
}
#leftcolumn li {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
#maincolumn li {
font: normal 13px/19px Verdana, Arial, Helvetica, sans-serif;
margin: 5px 0px 10px;
}

#maincolumn ul {
padding: 5px 0px 0px 15px;
}


--
Regards,
...Trent Pastrana
www.fourlevel.com




"Brhaynes75" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:
Trying out bullet image replacement utilizing CSS for the first time and
am
finding that they only show up sometimes. Is there a reason for this? Is
this
common? Should I just drop the images in instead of using an unordered
list (I
know this isnt ideal, but if the images arent appearing on some people's
computers, I dont know what other solutions I have at my disposal)?

If the arrow bullets are showing up on your computer, try hitting refresh
a
few times and they'll disappear. And if they aren't showing up, try
highlighting all the text. Weird right?

Thanks for any help,
Brad




Reply With Quote
  #8  
Old   
T.Pastrana - 4Level
 
Posts: n/a

Default Re: CSS Bullet image replacement problem - 08-21-2006 , 10:30 PM



... but take the leading path off of your image in the code I posted.

From this...
background: url(../images/arrow-1.gif) no-repeat 0 6px;

To this...
background: url(images/arrow-1.gif) no-repeat 0 6px;

--
Regards,
...Trent Pastrana
www.fourlevel.com





"T.Pastrana - 4Level" <aaa (AT) aaa (DOT) com> wrote

Quote:
Try a different approach. Set the background of the li's to your image
instead of making the bullets images.


ul {
margin: 0;
padding: 5px 0px 0px 15px;
}
li {
list-style: none;
padding-left: 13px;
background: url(../images/arrow-1.gif) no-repeat 0 6px;
color: #000000;
}
#leftcolumn li {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
#maincolumn li {
font: normal 13px/19px Verdana, Arial, Helvetica, sans-serif;
margin: 5px 0px 10px;
}

#maincolumn ul {
padding: 5px 0px 0px 15px;
}


--
Regards,
..Trent Pastrana
www.fourlevel.com




"Brhaynes75" <webforumsuser (AT) macromedia (DOT) com> wrote in message
news:eccdqt$dec$1 (AT) forums (DOT) macromedia.com...
Trying out bullet image replacement utilizing CSS for the first time and
am
finding that they only show up sometimes. Is there a reason for this? Is
this
common? Should I just drop the images in instead of using an unordered
list (I
know this isnt ideal, but if the images arent appearing on some people's
computers, I dont know what other solutions I have at my disposal)?

If the arrow bullets are showing up on your computer, try hitting refresh
a
few times and they'll disappear. And if they aren't showing up, try
highlighting all the text. Weird right?

Thanks for any help,
Brad






Reply With Quote
  #9  
Old   
Brhaynes75
 
Posts: n/a

Default Re: CSS Bullet image replacement problem - 08-22-2006 , 11:18 AM



thanks a lot T, worked like a charm.

Brad

Reply With Quote
  #10  
Old   
T.Pastrana - 4Level
 
Posts: n/a

Default Re: CSS Bullet image replacement problem - 08-22-2006 , 03:01 PM



Your welcome...


--
Regards,
...Trent Pastrana
www.fourlevel.com



"Brhaynes75" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:
thanks a lot T, worked like a charm.

Brad



Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.