CODEWITHSUNDEEP
htmlcsshtml-lists
Matthew Abrman
Matthew Abrman

Reputation: 731

Weird <li> behavior

I have this website I'm working on:

https://dl.dropbox.com/u/10264776/Web%20sustn.sk/odbory/fotograficky_dizajn.html

For some reason right of this box (Ctrl+F 1992) presents a weird behavior where the content of the li is pushed by few pixels, it's not is the styles, they're same for all of them, however I noticed that it's the only ul that doesn't have it's content push from one line to another like the others in the table do.

Any ideas how to fix this? All help will be greatly appreciated.

Upvotes: 0

Views: 78

Answers (2)

Krish
Krish

Reputation: 2660

Use like this 

.list ul li
{
list-style: none;
padding:0;
margin:0;
padding-left: 1em; 
text-indent: -.7em;
}

li:before 
{
content: "• ";
color: red; /* or whatever color you prefer */
}

for a detailed explanation look here

Upvotes: 0

w3uiguru
w3uiguru

Reputation: 5895

Just try to comment on style.css line 119

.list {
    border-color: #BBBBBB;
    border-style: solid;
    border-width: 1px 0;
    margin-bottom: -1px;
    /*width: 560px;*/
}

By doing this your problem will solve only for that element but your width will remove from entire elements where .list is applied so you need to tweak on that particular table where 1992 is mention. It is table behavior it expands the table cells as per the text and layout or breathing space. So you need to put the width on that particular table cells.

Upvotes: 1

Related Questions