Warum wird der code nicht übernommen?

letterbox · 17. März 2018

Hallo,
ich will auf einer Website Schrift und Hintergrundfarbe mit css-codes definieren:

HTML:

 <style type="text/css">
    h5 {
      color:#5858FA;   
      font-size:16pt; 
      font-family:arial, "lucida console", sans-serif; /* Schriftart */
    }
     
          
       
    body {
    	background-color: #63B8FF;
    }
    </style>

Dieser css-Code ist im Headbereich abgelegt.
Übernommen wird aber nur die Angaben über den Hintergrund, nicht jedoch die Schrift
Der code der Website (nur der Anfangsteil):

HTML:

 <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Verkaufsliste</title>
    	
    <style type="text/css">
    h5 {
      color:#5858FA;   
      font-size:16pt; 
      font-family:arial, "lucida console", sans-serif; /* Schriftart */
    }
     
          
       
    body {
    	background-color: #63B8FF;
    }
    </style>
    </head>
     
    
    <p align=center>Bild 1:
    <div align=center><img src="http://www.Malerei2000.de/Malerei/Acrylmalerei/album/thumbs/Eis.jpg" width="200" height="150" alt=""/>
   	  <p align=center>"Eis"
    <p align=center>Acryl auf Leinwand<br>60 x 50cm
    </div>
		<p align=center>Bild 2:
    <div align=center><img src="http://www.Malerei2000.de/Malerei/Acrylmalerei/album/thumbs/Brandung.jpg" width="200" height="150" alt=""/>
    	<p align=center>"Brandung"
    <p align=center>Acryl auf Leinwand<br>60 x 50cm
    </div>
		<p align=center>Bild 3:
    <div align=center><img src="http://www.Malerei2000.de/Malerei/Acrylmalerei/album/thumbs/Durch den Wald.jpg" width="200" height="150" alt=""/>
    	<p align=center>"Durch den Wald"
    <p align=center>Acryl auf Leinwand<br>60 x 50cm
    </div>
		<p align=center>Bild 4 :
    <div align=center><img src="http://www.Malerei2000.de/Malerei/Acrylmalerei/album/thumbs/Am Rande der Wüste.jpg" width="200" height="150" alt=""/>
    	<p align=center>"Am Rande der Wüste"
    <p align=center>Acryl auf Leinwand<br>60 x 50cm
	<p align=center>Bild 5:
    <div align=center><img src="http://www.Malerei2000.de/Malerei/Acrylmalerei/album/thumbs/Haus auf dem Lande.jpg" width="200" height="150" alt=""/>
    	<p align=center>"Haus auf dem Lande"
    <p align=center>Acryl auf Leinwand<br>60 x 50cm
	<p align=center>Bild 6:
    <div align=center><img src="http://www.Malerei2000.de/Malerei/Acrylmalerei/album/thumbs/Rote Dächer.jpg" width="200" height="150" alt=""/>
    	<p align=center>"Rote Dächer"
    <p align=center>Acryl auf Leinwand<br>60 x 50cm
    </div>
   <p align=center>Bild 7:
    <div align=center><img src="http://www.Malerei2000.de/Malerei/Acrylmalerei/album/thumbs/flowers.jpg" width="200" height="150" alt=""/>
    	<p align=center>"flowers"
    <p align=center>Acryl auf Leinwand<br>60 x 50cm
    </div>
		<p align=center>Bild 8:
    <div align=center><img src="http://www.Malerei2000.de/Malerei/Acrylmalerei/album/thumbs/Märchenwald.jpg" width="200" height="150" alt=""/>
    	<p align=center>"Märchenwald"

Wo liegt der Fehler?

powerfx · 17. März 2018

Die Angaben zur Schriftart gelten bei dir nur für <h5>-Elemente.

kachiri · 17. März 2018

Du legst für h5 eine Schriftfarbe fest, verwendest den Tag aber gar nicht.

Pack die Schriftfarbe einfach direkt mit in die body-class.

letterbox · 17. März 2018

Vielen Dank, nun funktioniert es. Wie muß der code aber bei normaler Schrift, also nicht 'h5' lauten?
edit: hat sich erledigt, einfach ohne 'h5'

powerfx · 17. März 2018

Du benutzt z.B. <p>. Also könntest du es auch für <p> definieren:

HTML:

p {
    color:#5858FA;
    font-size:16pt;
    font-family:arial, "lucida console", sans-serif; /* Schriftart */
}

letterbox · 17. März 2018

Danke, wie aber wenn ich einzelne Wörter in der Größe unterschiedlich machen will 'p1',' p2'?

powerfx · 17. März 2018

Mit dem class- oder id-Selektor.

HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>Verkaufsliste</title>
    <style>
      .rot {
        color: #FF0000;
      }
      .blau {
        color: #0000FF;    
      }
    </style>
  </head>
  <body>
    <p class="rot">Dieser Text ist rot.</p>
    <p class="blau">Und dieser ist blau.</p>
  </body>
</html>

letterbox · 17. März 2018

Danke, ich will aber die Größe verändern, und habe es so geändert:

HTML:

<style>
    .16 pt {
      color: #000000;
    }
    .10 pt {
      color: #000000;    
    }
  </style>

klappt aber nicht.

powerfx · 17. März 2018

HTML:

<style>
  .grosserText {
    font-size: 16pt;
  }
  .kleinerText {
    font-size: 12pt;
  }
</style>

HTML:

<p class="grosserText">Großes Hallo</p>
<p class="kleinerText">an eine kleine Welt</p>

letterbox · 17. März 2018

Bei mir sieht es nun so aus:

HTML:

<style type="text/css">
		body {
    	background-color: #63B8FF;
    }
    p {
      color:#FFFFFF;   
      font-size:1,5 em; 
      font-family:arial, "lucida console", sans-serif; /* Schriftart */
    }
		
      color: #000000;
    
    }
     
           
        .grosser Text {
    font-size: 16pt;
      }
        .kleinerText {
    font-size: 12pt;
      
       }
    
    </style>

und im body so:

HTML:

<p class="kleiner Text"><p class=".1 em"><p align=center>Bild 1:</p>
    <div align=center><img src="http://www.Malerei2000.de/Malerei/Acrylmalerei/album/thumbs/Eis.jpg" width="200" height="150" alt=""/>
   	  <p class="grosser Text"><p align=center><u>"Eis"</u>
    <p align=center>Acryl auf Leinwand<br>60 x 50cm
    </div>

aber da ändert sich nichts

powerfx · 17. März 2018

Ja, weil du Punkte statt Kommas hast, Leerzeichen, wo keine erlaubt sind und im Body verschachtelte <p>-Elemente, die so nichts bringen.

Du kannst entweder CSS lernen (richtig von Anfang an, mit einem Buch, Videokurs etc.) oder du benutzt einen WYSIWYG-Editor, entweder als eigenständige Software, um deine Dokumente zu bearbeiten oder als Teil eines Gesamtpakets wie von 1&1, Wix, Jimondo usw.

Suche

Warum wird der code nicht übernommen?

letterbox

Banned

Anhänge

powerfx

Admiral

kachiri

Fleet Admiral

letterbox

Banned

powerfx

Admiral

letterbox

Banned

powerfx

Admiral

letterbox

Banned

powerfx

Admiral

letterbox

Banned

powerfx

Admiral

Ähnliche Themen