Liste mit CSS fehlerhaft durch JS?

P

Prog_Newb

Grünschnabel
Hi ich habe eine Liste mit CSS angepasst:

Code: 
<div id="listContainer">
<ul id="linkList">
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
...
</ul>
</div>

CSS Code
Code: 
#listContainer ul
{
list-style-type: none;
text-align: left;
}

#listContainer ul li a
{
background: transparent url(Bild1.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
color: #1F5BA4;
line-height:25px;
}

#listContainer ul li a:hover
{
background: transparent url(Bild_2.gif) left center no-repeat;
color: black;
}

wenn das ganze jetzt in ne HTML- Seite einbaue funktioniert das auch alles einwandfrei.

Jetzt kommt es aber :)

ich lasse das ganze in ner Schleife mit Java Script aufbauen. Fragt mich bitte nicht wieso, ist halt so.

Code: 
D.write('<div id="listContainer"><ul id="linkList" style="list-style-type:none;">');
      for(i=0;i<a;i++) {
       
        if(eine Bedingung){
		D.write('<li><a href="adresse" >Test</a></li>');
        }
        
      }
      D.write('</ul></div>');
      D.write('</td></tr></table></td></tr></table>');

leider gehen nun alle css einstellungen außer dem "list-style-type: none;". ich bekomme immer die striche vor der Liste. egal was ich einstelle. Aber auch nur beim IE. Ohne JS geht es aber im IE. Was ist da los BIIITEEEE helft mir....
 
Keine Ahnung, bei mir sieht alles gleich aus, ob mit oder ohne JS und IE.
Code: 
<html>
<head>
<title>Test</title>

<style type="text/css">
<!--
#listContainer ul
{
list-style-type: none;
text-align: left;
}

#listContainer ul li a
{
background: transparent url(http://www.tutorials.de/forum/images/reputation/reputation_neg.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
color: #1F5BA4;
line-height:25px;
}

#listContainer ul li a:hover
{
background: transparent url(http://www.tutorials.de/forum/images/reputation/reputation_pos.gif) left center no-repeat;
color: black;
}
-->
</style>
</head>
<body>
<div id="listContainer">
<ul id="linkList">
<li><a href="#">Test ohne JS</a></li>
<li><a href="#">Test ohne JS</a></li>
<li><a href="#">Test ohne JS</a></li>
<li><a href="#">Test ohne JS</a></li>
<li><a href="#">Test ohne JS</a></li>
</ul>
</div>
<script type="text/javascript">
<!--
D=document;
a=6;
D.write('<div id="listContainer"><ul id="linkList" style="list-style-type:none;">');
      for(i=0;i<a;i++) 
        {
          if(1)
            {
		          D.write('<li><a href="adresse" >Test mit JS</a></li>');
            }
        }
      D.write('</ul></div>');
//-->
</script>
</body>
</html>
 
Hmmm... Das gibt es doch nicht? Naja Trotzdem Danke.

Kann es daran liegen, dass ich vielleicht irgendwo ein Tag vergessen habe, oder ist da so ein Fehler eher unwarscheinlich? Bekomme keine Fehler vom Browser angezeigt.

Gruß, ein ewiger Newbie
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück