Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Bullets are positioned too far to the right

Posted on 2007-07-25
6
Medium Priority
?
271 Views
Last Modified: 2008-02-01
           * bullet indented too much
* want it like this


The code that displays the bullet (arrow.png) is as follows -

li

{

line-height: 15px;

padding-left: 15px;

padding-top: 0px;

background-image: url(../images/arrow.png);

background-repeat: no-repeat;

background-x-position: 0px;

background-y-position: 2px;

list-style-type: none;

}
0
Comment
Question by:fernbuck
  • 4
  • 2
6 Comments
 
LVL 30

Accepted Solution

by:
VirusMinus earned 1000 total points
ID: 19571019
try the following:

ul,li{margin:0;padding:0}

remove other margins and paddings in ul or li.. in your css
0
 

Author Comment

by:fernbuck
ID: 19571068
Would you please look at http://www.fernbuck.com/pages/template.txt

I am using a template and the code I sent you was lines 11-20.

Am I going to have to go through all the code and remove all the margins and paddings?

Where exactly do I place the ul,li{margin:0;padding:0}

Forgive me I'm a rookie at this.
0
 

Author Comment

by:fernbuck
ID: 19571079
In case your wondering, this is one of the default templates for Joomla 1.0
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
LVL 30

Expert Comment

by:VirusMinus
ID: 19571127
put it after the body section in the CSS

and remove the padding from the li
0
 

Author Comment

by:fernbuck
ID: 19571179
Ok great but now the first letter of the text is overlapping with the bullet image.  How do I create distance between the bullet and the text?  "And that should be it"
0
 

Author Comment

by:fernbuck
ID: 19571257
Replacing {margin:0;padding:0px;} with

ul,li
{
margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: -5pt;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 15px;
}

Gave me exactly what I wanted.
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses

580 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question