[html] css

[mi2g]

so habe eine frage bezüglich css.
meine style.css datei sieht so aus:
<style type="text/css">
<!--
.Stil1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
}
body {
background-color: #000000;
}
body,td,th {
color: #FFFF00;
}
a:link {
color: #FFFF00;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFF00;
}
a:hover {
text-decoration: underline;
color: #FFFF00;
}
a:active {
text-decoration: none;
color: #FFFF00;
}
.Stil2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
body {
background-color: #000000;
}
body,td,th {
color: #FFFF00;
}
a:link {
color: #FFFF00;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFF00;
}
a:hover {
text-decoration: underline;
color: #FFFF00;
}
a:active {
text-decoration: none;
color: #FFFF00;
}
-->
</style>

und ich habe es so eingebunden:
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">

udn dann z.b. bei einem text so:
<p class="Stil1">Statuten des Fanclub Bucanero Bern</p>

www.bucanero.ch
wie ihr seht geht es nicht. an was liegt das?
danke schonmal.

 

[Mr. Snoot]

Wenn es ne separate CSS Datei ist brauchst du das am Anfang

<style type="text/css">
<!--

und das am Ende

-->
</style>

nicht. <- Für all die intelligenten Leute die mir negatives Karma geben müssen, weil meine Aussage nicht stimme. Hier steht nicht - es stand schon immer da, und wird auch immer da stehen. Wer lesen kann ist usw. usf.

 

[mi2g]

funktioniert leider noch nicht. :'(

 

[Mr. Snoot]

Evtl. liegts daran, dass du <p class="Stil1"> verwendest.

Versuchs mal mit <span class="Stil1"> ...</span>

 

[mi2g]

also wenn ich mit dem ie auf die seite gehe, dann ist nur ein schwarzer bildschirm.
mit dem opera gehts. jedoch bei den statuten. ist nur ein kleiner teil auf der seite. der rest wird nicht angezeigt. komische sache.

 

[Mr. Snoot]

Irgendwas ist da auf jeden Fall faul.

Ich seh auch nur schwarz. Selbst wenn ich die zwei Dateien aufrufe, die die zwei Frames darstellen.

Das in der main.html scheint auch nicht zu passen:

<p class="Stil1 Stil2">Herzlich Willkommen auf der Website f&uuml;r den SCB Fanclub Bucanero Bern.</p>

Entscheide dich für Stil1 oder 2

 

[PuppetMaster]

Nimm style="background: url(bilder/banner.gif) repeat-x center;" statt style="background: bilder/banner.gif repeat-x center;"

 

[Nase]

Irgendwas ist da auf jeden Fall faul.

Ich seh auch nur schwarz. Selbst wenn ich die zwei Dateien aufrufe, die die zwei Frames darstellen.

Das in der main.html scheint auch nicht zu passen:

<p class="Stil1 Stil2">Herzlich Willkommen auf der Website f&uuml;r den SCB Fanclub Bucanero Bern.</p>

Entscheide dich für Stil1 oder 2

Es ist durchaus erlaubt, mehrere Klassen, getrennt durch eine Freistelle, gleichzeitig anzugeben.

 

[Mr. Snoot]

Und welche überwiegt dann? Außer der Schriftgröße ist's ja identisch.

 

[mi2g]

so hab die änderungen vorgenommen, geht aber immer noch nicht. und das mit dem bild hat nichts gebracht, jetzt ist es einfach als hintergrund und das möchte ich nicht. jetzt weiss ich leider nicht mehr wie es vorher war.
wie sollte ich es einfügen mit <img src> und dann wie muss ich das machen mit repeat?

 

[Nase]

Und welche überwiegt dann? Außer der Schriftgröße ist's ja identisch.

Das zuletzt genannte Argument zählt natürlich und überschreibt das erste. In diesem Fall macht es auch keinen Sinn, da in beiden Klassen lediglich die Schritart sowie die -größe angegeben wird.

 

[mi2g]

und niemand eine idee? was ich machen muss, damit es wieder funktioniert?

 

[Mr. Snoot]

Hast du das von mir in Post #4 geschriebene probiert? Damit müsste es klappen ..

 

[mi2g]

nein geht nicht. komme nicht mal auf die hauptseite.

 

[The Prophet]

Schwarz auf Schwarz macht sich nicht so gut
Hab dir mal ein funktionierendes Beispiel angehangen vielleicht kannst du daran ein wenig mehr über CSS lernen.

 

[Nase]

Ich denke, es liegt einfach nur daran, wie du deinen Style einbindest.

<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">

Lösche die letzte Zeile, dann sollte das gehen.

 

[mi2g]

danke vielmal euch allen so gehts.
noch eine andere frage.
bei mir sieht es so aus:
order bucanero:
dort ist ein ordner formular drinnen und alles .html .php und .css dateien drin.
jetzt habe ich im ordner formular eine datei, bei der ich möchte, dass sie auf die .css datei zurgreift. wie kann ich das machen? also das es einen orner obendran nimmt?

ach ja jetzt sieht meine .css datei so aus:

a:link {
color: #FFFF00;
text-decoration: none;
}

a:visited {
text-decoration: none;
color: #FFFF00;
}

a:hover {
text-decoration: underline;
color: #FFFF00;
}

a:active {
text-decoration: none;
color: #FFFF00;
}

body {
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: Yellow;
font-style: normal;
}

td,th {
color: #FFFF00;
}

.stil1 {
font-size: 12px;
}

.stil2 {
font-size: 20px;
}


jetzt sollte doch wenn ich stil1 auswähle alle einstellungen von oben sein einfach mit font size 12 px
und wenn ich stil2 nehme mit 20 px.
geht leider nicht?
ist immer gleich gross egal welchen stile ich nehme.

 

[FH16]

<link rel="stylesheet" type="text/css" href="../style.css">

Bei HTML funktionieren relative Pfadangaben immer gleich... Ich kann dir nur wärmstens SelfHTML empfehlen, dort hättest du die Antworten auf deine Fragen auch gefunden...

 

[mi2g]

danke.
doch noch eine frage:



mein code von der datei formular.php:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Anmeldeformular</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
<!--
function EingabenTesten () {
NochKeinFehler = true;
Vorname = document.KontaktForm.vorname.value;
if ((Vorname == "") || (! Vorname)) {
alert ('Bitte geben Sie Ihren Vornamen ein!');
document.KontaktForm.vorname.focus ();
document.KontaktForm.vorname.select ();
NochKeinFehler = false;
}
if (NochKeinFehler) {
Name = document.KontaktForm.name.value;
if ((Name == "") || (! Name)) {
alert ('Bitte geben Sie Ihren Familiennamen ein!');
document.KontaktForm.name.focus ();
document.KontaktForm.name.select ();
NochKeinFehler = false;
}
}
if (NochKeinFehler) {
      strasse = document.KontaktForm.strasse.value;
        if ((strasse == "") || (!strasse)){
        alert ("Bitte geben Sie die Strasse ein!");
        document.KontaktForm.strasse.focus ();
        document.KontaktForm.strasse.select ();
        NochKeinFehler = false;
      }
}
if (NochKeinFehler) {
      plz = document.KontaktForm.plz.value;
        if ((plz == "") || (!plz)){
        alert ("Bitte geben Sie die Postleitzahl ein!");
        document.KontaktForm.plz.focus ();
        document.KontaktForm.plz.select ();
        NochKeinFehler = false;
      }
}
if (NochKeinFehler) {
      ort = document.KontaktForm.ort.value;
        if ((ort == "") || (!ort)){
        alert ("Bitte geben Sie den Ort ein!");
        document.KontaktForm.ort.focus ();
        document.KontaktForm.ort.select ();
        NochKeinFehler = false;
      }
}
if (NochKeinFehler) {
      telefon = document.KontaktForm.telefon.value;
        if ((telefon == "") || (!telefon)){
        alert ("Bitte geben Sie die Telefonnummer ein!");
        document.KontaktForm.telefon.focus ();
        document.KontaktForm.telefon.select ();
        NochKeinFehler = false;
      }
}

 if (NochKeinFehler) {
      email = document.KontaktForm.email.value;
        if ((email == '') || (email.indexOf('@') == -1)){
        alert ("Die E-Mail-Adresse wurde nicht korrekt eingegeben; bitte überprüfen Sie die Eingabe nochmals!");
        document.KontaktForm.email.focus ();
        document.KontaktForm.email.select ();
        NochKeinFehler = false;
      }
}
if (NochKeinFehler) {
      geburtstag = document.KontaktForm.geburtstag.value;
        if ((geburtstag == "") || (!geburtstag)){
        alert ("Bitte geben Sie den Geburtstag ein!");
        document.KontaktForm.geburtstag.focus ();
        document.KontaktForm.geburtstag.select ();
        NochKeinFehler = false;
      }
}

return NochKeinFehler;
}
<link rel=\"stylesheet\" type=\"text/css\" href=\"../style.css\" />
</head>

<body>
<table width="770" border="0" cellspacing="0" cellpadding="0" align="center">
 
 
  <tr> 
    
    <td width="470" valign="top"> 
	<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
        
        <tr> 
          <td><span class="Stil1"><br>
            Nachstehend finden Sie das Anmeldeformular. Mit dem ausfüllen und abschicken, verpflichten sie sich für eine Mitgliedschaft bei Bucanero Bern.<br>
            <br>
			</span>
            <form action=bestaetigung.php method=post name=KontaktForm
			onsubmit="return EingabenTesten()">
                    <span class="Stil1">
                    <INPUT name=subject type=hidden value=Mail>
                    </span>
              <table width="95%" border="0" cellspacing="0" cellpadding="0" align="center">
                <tr> 
                  <td class="formular Stil1"><strong>Vorname</strong></td>
                  <td class="Stil1"><input name="vorname" type="text" id="vorname" size="30"></td>
                </tr>
                <tr> 
                  <td width="210" class="formular Stil1"><strong>Name</strong></td>
                  <td width="413" class="Stil1"> <input type="text" name="name" size="30"> </td>
                </tr>
                <tr> 
                  <td class="formular Stil1"><strong> Strasse</strong></td>
                  <td class="Stil1"> <input name="strasse" type="text" id="strasse" size="30"> 
                  </td>
                </tr>
                <tr> 
                  <td class="formular Stil1"><strong>PLZ</strong></td>
                  <td class="Stil1"><input name="plz" type="text" id="plz" size="30"></td>
                </tr>
                <tr> 
                  <td height="19" class="formular Stil1"><strong>Ort</strong></td>
                  <td class="Stil1"><input name="ort" type="text" id="ort" size="30"></td>
                </tr>
                <tr> 
                  <td class="formular Stil1"><strong> Telefon</strong></td>
                  <td class="Stil1"> <input type="text" name="telefon" size="30"> </td>
                </tr>
                <tr> 
                  <td class="formular Stil1"><strong> E-Mail-Adresse</strong></td>
                  <td class="Stil1"> <input type="text" name="email" size="30"> </td>
                </tr>
                <tr> 
                  <td class="formular Stil1"><strong> Geburtstag</strong></td>
                  <td class="Stil1"> <input name="geburtstag" type="text" id="geburtstag" size="30"> 
                  </td>
                </tr>
                <tr> 
                  <td class="Stil1"><strong>Kleidergr&ouml;sse</strong></td>
                  <td class="Stil1"><select name="kleidergroesse" id="kleidergroesse">
                      <option value="S" selected>S</option>
                      <option value="M">M</option>
                      <option value="L">L</option>
		      <option value="XL">XL</option>
		      <option value="XXL">XXL</option>
                    </select></td>
                </tr>
              </table>
			  <div align="center"><br>
                <input type="submit" name="submit" value="Abschicken"  >
              </div>
            </form>
		  </td>
        </tr>
      </table></td>
   
  </tr>
</table>
</body>
</html>

leider geht etwas nicht es kommt nur ein weisser bildschirm.

 

[PuppetMaster]

Du musst dein JavaScript auch mit </script> schließen, genauso das Kommentar mit --> .