Problem bei .css Datei

Martin279

-.- hi -.-

Also:

Habe meine Seite validiert und ein bisschen geändert und hochgeldaden!
Dinge wie z.b. Kategorie "meine Wellis" die ich rausgenommmen in der html Datei ziegt er richtig an , aber die veränderung in der CSS Datei da macht er keine Änderung,nur ein paar dinge zeigt er an aber nicht die style vränderung im Menü ..... !
Hier die Datei:

Code

.header
{
border:1px solid black;
width:950px;
height:130px;
margin-left:5px;
position:absolute; left:30px;top:10px;
}
.navi
{
border:1px solid black;
width:170px;
height:343px;
margin-left:5px;
position:absolute; left:30px;top:200px;
background-image:url(navi.jpg);
border-bottom:0px




}
.news
{
background:white;
border:1px solid black;
width:600px;
margin-left:210px;
margin-top:200px;
margin-bottom:200px;
padding-bottom:30px;
position:absolute;
background-image:url(news.jpg);
}
.news_head
{
background:white;


width:600px;
margin-left:5px;
height:34px;


position:absolute; left:-5px;top:0px;
background-image:url(news_head.jpg);
}
.spo
{
background:white;
border:1px solid black;
width:150px;
height:150px;
margin-left:5px;
position:absolute; left:830px;top:200px;
background-image:url(login.jpg);
}


.ho
{
background-image:url(farbe.jpg);
border:1px solid black;
width:950px;
height:40px;
position:absolute; left:35px;top:148px;
}
.links
{


border:1px solid black;
width:170px;
height:440px;
margin-left:5px;
position:absolute; left:30px;top:200px;
}
.sta
{


border:1px solid black;
width:170px;
height:240px;
margin-left:5px;
position:absolute; left:30px;top:560px;
background-image:url(sta.jpg);
}
.online
{


background:white;
border:1px solid black;
width:150px;
height:280px;
margin-left:5px;
margin-bottom:1px;
padding-bottom:30px;
position:absolute; left:830px;top:367px;
background-image:url(online.jpg);
}
.linkpartner
{


background:white;
border:1px solid black;
width:150px;
height:270px;
margin-left:5px;
margin-bottom:2px;
position:absolute; left:830px;top:698px;
background-image:url(partner.jpg);
}
.link1
{
position:absolute;
width:90px;;
height:40px;
border:1px solid black;
left:30px;
background-image:url(frei.jpg);
}
.link1:hover{
background-image:url(frei.jpg);
border:1px solid white;
}
.link2
{
position:absolute;
width:90px;;
height:40px;
border:1px solid black;
left:30px;
top:90px;
background-image:url(frei.jpg);
}
.link2:hover{
background-image:url(frei.jpg);
border:1px solid white;
}
.link3
{
position:absolute;
width:90px;;
height:40px;
border:1px solid black;
left:30px;
top:146px;
background-image:url(frei.jpg);
}
.link3:hover{
background-image:url(frei.jpg);
border:1px solid white;
}


#navcontainer { width: 210px; }


#navcontainer ul
{
margin-left: 0;
padding-left: 0;
padding-top:3px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-color:black;
}


#navcontainer a
{
display: block;
padding: 3px;
width: 138px;
border-bottom: 1px solid black;
background: transparent url(bullet_arrow_grey_left.png)left center no-repeat;


padding-left: 30px;


}




#navcontainer a:link, #navlist a:visited
{
color: white;
text-decoration: none;
}


#navcontainer a:hover
{
background-image: url(weiß.png);


}
#navcontainer1 { width: 210px; }


#navcontainer1 ul
{
margin-left: 0;
padding-left: 0;
padding-top:3px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-color:black;
}


#navcontainer1 a
{
display: block;
padding: 3px;
width: 118px;


background: transparent url(bullet_arrow_grey_left.png)left center no-repeat;


padding-left: 30px;


}




#navcontainer1 a:link, #navlist1 a:visited
{
color: white;
text-decoration: none;
}


#navcontainer1 a:hover
{
text-decoration:underline;




}


.Feld { background-color:#B8860B; width:100px; border:1px solid #ddd;margin-left:26px; }
.Button { background-color:#8B4513; color:#fff; width:89px; border:1px solid #ddd;margin-left:10px; }
td, input, select, textarea { font-size:12px; font-family:Verdana,sans-serif; font-weight:bold;background-color:#B8860B; }
input, select, textarea { color:white; }

Alles anzeigen

Lizzard

Cache geleert? CSS ins richtige Verzeichnis hochgeladen?

Martin279

jooo Danke hat geklappt !
Habe gleich nochmal ne Frage und will nciht gleich nen neuen Thread eröffnen:

Welche Css Befehle brauche ich dass jede news den gleichen abstand von links hat und immer ca. 20 px von oben zur nächsten news???

Klar mit margin und padding aber wie ich das gemacht hab klappt es nicht .... da geht ALLES durcheinander:

Code

.news_script
{
background:white;
border:1px solid black;
width:600px;
margin-left:210px;
margin-top:200px;
margin-bottom:50px;
padding-bottom:30px;
position:absolute;
background-image:url(news.jpg);
}

Alles anzeigen

Um das durcheinander zu sehen siehe my Page !

sejuma

So ähnlich?

Code

.news_script
{
background:white;
border:1px solid black;
width:600px;
margin-left:210px;
margin-top:20px;
padding:10px;


background-image:url(news.jpg);
}

Alles anzeigen

Martin279

leider nicht ...

Als ich den Code probiert habe da waren die navi,sta...... dinger richtig aber die news divs irgendwie falshc...

Dann habe ich postion:absolute hinzugefügt und alles lief wieder schief ...
//edit: schon gut es klappt thx !
//edit: nur wie kann ich jetzt den Ab stand ziwschen der z.b.1. und 2. news bestimmen??

AppeL

mach für jede einzelne news n eigenes div und dann
margin-bottom: 20px;
für dieses div

Martin279

wie soll ich das bitteschön in einem PHP newsscript machen ???

Lizzard

indem du für jeden Newseintrag ein neues Div erstellen lässt

Zeig mal dein Newsscript

Martin279

Hier

PHP

<?php
    // news.php
    $sql = "SELECT
                Titel,
                Inhalt,
                Datum,
                autor


            FROM
                news
            ORDER BY
                id DESC";
    $result = mysql_query($sql) OR die(mysql_error());
    if(mysql_num_rows($result)) {
        while($row = mysql_fetch_assoc($result)) {


        ?>


<div class="news_script">
<p style="color:white;padding-right:10px;padding-left:220px;font-weight:bold;font-size:2em;text-decoration:underline;"><?php echo $row["Titel"]; ?></p>


  <p style="color:white;padding-left:10px;font-weight:bold;">
    Datum:<?php echo $row["Datum"]; ?>
  </p>
    <p style="color:white;padding-left:10px;font-weight:bold;">
    Autor:<?php echo $row["autor"]; ?>
  </p>
  <p style="color:white;padding-left:10px;">
    <?php echo $row["Inhalt"]; ?>
  </p>


  </div>




<?php
}


















        }


     else {
        echo"


Keine News vorhanden</p>\n";
    }
?>

Alles anzeigen

Die anderen Dateien brauche ich ja nicht zu zeigen...

und wie soll ich jetzt für jede News ein div Container erstellen ???

Tags