PDA

View Full Version : custom css overriding ext



tkm
1 May 2009, 2:52 AM
Hello Mates,
I know this has been talked a lot in this Forum and I did read all of them(I believe). I am trying to implement my own css which overrides ext-css. Now with the following code I managed to make it work with Mz/FF, Chrome, Safari, Opera. But I failed to make it work with IE. The listing doesn't indent nor does it show any bullets in IE. It is important for me to make it work in IE as well. Could any-one please provide some suggestions? That would be very helpful. Thank you.


<style type="text/css">
.csslessext ul {
list-style:disc;
list-style-position:outside;
padding-left:40px;
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 1px;

}
.csslessext ol {
list-style-type: disc;
list-style-position:outside;
padding-left:20px;
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 10px;

}</style>

<div class="csslessext">
<ul><li>test</li>
</ul>
</div>

Condor
1 May 2009, 3:12 AM
To restore default HTML you only need:

.csslessext ul {
margin-left: 40px;
list-style-type: disc;
}
.csslessext ol {
margin-left: 40px;
list-style-type: decimal;
}
(notice that you were missing -type in list-style-type)

tkm
5 May 2009, 6:19 AM
To restore default HTML you only need:

.csslessext ul {
margin-left: 40px;
list-style-type: disc;
}
.csslessext ol {
margin-left: 40px;
list-style-type: decimal;
}
(notice that you were missing -type in list-style-type)

Hello Condor, Thank you very much for the reply. For some-reason I couldn't get it to work in IE even with the changes you made in the code. I wondert why?:-/:s