Beiträge von Charmin

Charmin · 17. April 2019

Wunderbar, das hat geklappt.

Das sind noch die Grundkenntnisse die mir fehlen, ich bin aber lernwillig

Danke

Charmin · 16. April 2019

Wenn man von hier aus nochmal auf aktuelle Würfe klickt verlinkt er zu einem falschen Pfad.

Link

Der Pfad wird irgendwie doppelt genommen.

Charmin · 16. April 2019

Ok das hat schon mal funktioniert, ich habe das in der Anleitung zwar gelesen bin aber davon ausgegangen das bei ../.. immer ein Pfad angegeben werden muss

Allerdings geht das ganze nicht mehr zurück wenn ich im Reiter „aktuelle Würfe“ bin.

Da liegt bestimmt noch ein Fehler im steuerungoben.php

Charmin · 16. April 2019

Guten Abend,

folgende Problematik.

Ich möchte von dieser Seite aus:

Seite

Das er folgende Datei Includiert.

steuerungoben.php

Von der Startseite aus, klappt das einwandfrei.

Ich habe auch schon vieles ergoogelt allerdings schon einiges ausprobiert nur

komme ich nicht zum Ergebnis.

Kann mir jemand vielleicht helfen?

Beste Grüße

Charmin · 16. April 2019

Vielen Dank für eure Empfehlungen, ich werde mir mal das PHP zugemühte führen

Charmin · 15. April 2019

Super, vielen Dank da muss ich mich wohl noch mit PHP beschäftigen müssen

Charmin · 15. April 2019

Guten Abend,

ich bräuchte mal zur Verständnis ob ich richtig liege eure Hilfe.

Ich baue mir für die Startseite eine .html und für das Design eine .css.

Jetzt habe ich aber mehrere Unterseiten als .html, das Design bleibt auf alle Seiten gleich.

Wenn ich aber im späteren Verlauf was in der HTML ändern möchte, z.B. eine andere Verlinkung dann muss

ich in allen Unterseiten rein gehen und dort auch die Verlinkungen ändern?

Ich meine bei 5 Unterseiten mag es noch gehen aber wie schauts bei 20 oder 30 aus?

Ich hoffe konnte es gut genug erklären

Beste Grüße.

Charmin · 15. April 2019

Genau, das hatte ich gesucht, kannte nur den Befehl nicht

Vielen Dank dafür.

Charmin · 15. April 2019

Also nach deiner Anleitung her, sollte es space arround machen allerdings tut sich nichts, es liegt einfach daran das

halt kein Platz mehr vorhanden ist um alles zu zentrieren.

Jetzt wäre die Frage, wie ich den Randabstand bestimmen kann sowie die Anstände zwischen die Bilder?

Charmin · 14. April 2019

Ich bin kein Profi aber damit sollte es funktionieren.

Code

<a target="popup" onclick="window.open
  ('', 'popup', 'width=580,height=360,scrollbars=no, toolbar=no,status=no,
  resizable=yes,menubar=no,location=no,directories=no,top=10,left=10')
  "href="http://xxxcx.xx/contact/clients.html">clients</a>

Charmin · 14. April 2019

Ja genau, das p habe ich jetzt raus, das war noch drin weil ich vor ein paar Tagen Textinhalte drin hatte.

Jetzt kann ich aber nicht mehr mit Margin arbeiten, im Prinzip brauche ich noch ein Befehl für den Randabstand und

der Abstand zwischen die Bilder.

Charmin · 14. April 2019

Guten Abend liebe Community,

ich möchte im Aside (rechte Seite) die Bilder zentrieren, ich habe schon einiges ausprobiert aber irgendwas stimmt nicht

HTML

<!doctype HTML>
<html lang="de">
    <head>
        <meta charset="UTF-8">
        <title>Puschelreich - Maine Coon Zucht in Brandenburg in der Nähe bei Senftenberg</title>
      <meta name="description" content="Maine Coon Zucht aus Annahütte. Hier erfahren Sie alles über unsere reinrassige Zucht der Maine Coon, Kittenkauf, jede menge Bilder.">
      <meta name="author" content="Puschelreich - Monique Sommer, David Jähnel">
      <meta name="keywords" content="Maine Coon, Kitten, Maine Coon Zucht, Katzenzucht, Katzenbilder, Katzenbabys">
      <link href="design.css" rel="stylesheet">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      
<!--[if IE]>
<script 
src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js"
></script>
<![endif]-->
      
      </head>
      
      <body>
          <div id="wrapper">
<header>
    <!-- Kopfzeile -->
</header>

<nav id="steuerungoben">
    <ul>
      <li><a href="index.htm">Startseite</a></li>
      <li><a href="puschels/kitten/index.html">aktuelle Würfe</a></li>
      <li><a href="aktuelle%20news/index.html">Neuigkeiten</a></li>
      <li><a href="Kontakt.html">Kontakt</a></li>
    </ul>
  </nav>

            <div class="flex-container">
  <nav id="steuerunglinks">
    <ul>

<li><a href="index.html">Startseite</a></li>
<li><a href="puschels/index.html">Puschels</a></li>
<li><a href="bilder.html">Bilder</a></li>
<li><a href="über%20uns%20dosenöffner.html">Über uns Dosenöffner</a></li>
<li><a href="https://www.puschelreich.de/infos/index.html">Infos</a></li> 
<li><a href="https://www.puschelreich.de/aktuelle%20news/index.html">Neuigkeiten</a></li>
<li><a href="https://www.puschelreich.de/katzenblog/index.html">Katzenblog</a></li>
<li><a href="https://www.puschelreich.de/Kontakt.html">Kontakt</a></li>

</ul>
</nav>
            
              <section>
    <h1>Puschelreich - Maine Coon Zucht</h1>
    
    <p id="starkeschrift">Herzlich Willkommen!</p>
    
<p>Wir sind eine kleine Zucht der Rasse Maine Coon aus Annahütte im Bundesland
    Brandenburg. Unsere Zucht gestalten wir transparent und wollen Euch
    liebe Leser und Beobachter im Reich der Puschels verführen.
</p>
    <p>Wir wünschen viel Spaß beim stöbern auf unserer Homepage :) 
    Bei Fragen können Sie uns jederzeit kontaktieren.</p>
     
    <p>Auch Züchterfreunde sind bei uns immer herzlich willkommen.</p>
    
    <hr />
        </section>

<aside>
<p>
<img src="Highlight/1.jpg" width="155" height="116" alt="Highlight" title="Highlight">
<img src="Highlight/2.jpg" width="155" height="116" alt="Highlight" title="Highlight">
<img src="Highlight/3.jpg" width="155" height="116" alt="Highlight" title="Highlight">
<a href="https://www.premiumpetshop.de/Premium-Petshop-praesentiert-Top-Katzenblogs"><img width="180" 
    src="https://www.premiumpetshop.de/mediafiles/Bilder/top-katzenblog-2018.png" alt="Premiumpetshop stellt Top Katzenblogs 2018 vor" title="Premiumpetshop stellt Top Katzenblogs 2018  
    vor"></a>
<a href="https://www.pawpeds.com/pawacademy/courses/g1/g1students_de.html">
    <img src="Pawpeds/G1.png" width="100" height="200" alt="Pawpeds G1" title="Pawpeds G1"></a>
<a href="https://www.pawpeds.com/pawacademy/courses/g2/g2students_de.html">
    <img src="Pawpeds/G2RibbonSmall.gif" width="100" height="200" alt="Pawpeds G2" title="Pawpeds G2"></a>

</p>
</aside>


            </div>


<footer>
Printerest
Teilen
Startseite
Impressum
Kontakt
Maine Coon Züchter Berlin Brandenburg Dresden
Unser Verein
Katzenblog
</footer>
</div>
      </body>
</html>

Alles anzeigen

Code

* {
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-flow: row wrap;
    text-align: center;
    background-image: url(onewebmedia/Hintergrund2.jpeg);
    background-attachment: fixed;
    font-family: Arial, sans-serif;
}

header, footer {
    flex: 1 100%; 
}

section {
    flex: 3;
}

aside {
    flex: 1;
}

header {
    /* background-color: yellow; */
    background-image: url(Homepage/Shadow.jpg);
    height: 200px;
}

header p {
    /* background-color: orange; */
    text-align: right;
    padding: 15px;
}

#steuerungoben {
    /* background-color: red; */
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: url(Bilder/hintergund-grey.png);
    
}

#steuerungoben ul {
    display: flex;
    list-style-type: none;
}

#steuerungoben li {
    display: flex;
}

#steuerungoben a {
   display: block;
   width: 15em;
   /* background-color: yellow;*/
   /*float: left;*/ 
   /* border-right: 1px red solid; */
    color: white;
    text-decoration: none;
    line-height: 24px;
    text-align: center

}

#steuerungoben a:hover {
    background-image: url(Bilder/hintergrund-black.png);
    
}

.flex-container {
  display:flex
}

#steuerunglinks {
   /* background-color: green; */
   width: 250px;
}

#steuerunglinks ul {
    padding-left: 1em;
    padding-top: 20px;
    list-style-type: none
      
    
}

#steuerunglinks a {
    color: #dd9661;
    line-height: 30px;
}

aside {
   background-color: #808000;
    width: 175px;
}

aside p {
    display: block;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    
}

section {
   /* background-color: orange; */
  
}

section h1 {
    padding-top: 20px;
    padding-bottom: 0.4em;
    color: #dd9661;
}

section h2 {
    color: #dd9661;
    padding-top: 1em;
    padding-bottom: 0.6em;
}

section p {
    padding-bottom: 1em;
}

#starkeschrift {
    font-weight: bold;
}

footer {
    background-color: brown;
    background-image: url(Bilder/hintergund-grey.png);
    text-align: center;
    color: white;
    clear: both;
}

#wrapper {
   /* background-color: #eeeeee; */
    width: 60em;
    margin: 0 auto;
    text-align: left;
    background-image: url(hintergrund-durch.png);
}

Alles anzeigen

Vielen Dank für Eure Hilfe.

Beste Grüße

Charmin · 12. April 2019

Ok, wunderbar, wieder was dazu gelernt, die richtige Reihenfolge der Textblöcke zu beachten.

Kann manches so einiges vereinfachen

Charmin · 12. April 2019

Genau, mit welchem Befehl muss ich arbeiten um wieder die #steuerungoben nach oben (unter Header) zu bekommen?

Irgendwie blockiert mich jedes mal #steuerunglinks

Charmin · 12. April 2019

Ich bin mal wieder am verzweifeln. Sollte ich ein neues Thema aufmachen, bitte bescheid geben. Ich denke aber das passt gut hier rein.

Zur Veranschaulichung habe ich den Hintergrund grün gemacht, vom Browserwerkzeug würde ich sagen ist der

Übeltäter #steuerunglinks. Ich habe schon einiges probiert bekomme es aber leider nicht hin.

Wollte das nächste Element auf Flexbox umrüsten.

HTML

<!doctype HTML>
<html lang="de">
    <head>
        <meta charset="UTF-8">
        <title>Puschelreich - Maine Coon Zucht in Brandenburg in der Nähe bei Senftenberg</title>
      <meta name="description" content="Maine Coon Zucht aus Annahütte. Hier erfahren Sie alles über unsere reinrassige Zucht der Maine Coon, Kittenkauf, jede menge Bilder.">
      <meta name="author" content="Puschelreich - Monique Sommer, David Jähnel">
      <meta name="keywords" content="Maine Coon, Kitten, Maine Coon Zucht, Katzenzucht, Katzenbilder, Katzenbabys">
      <link href="design.css" rel="stylesheet">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      
<!--[if IE]>
<script 
src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js"
></script>
<![endif]-->
      
      </head>
      
      <body>
          <div id="wrapper">
<header>
    <!-- Kopfzeile -->
</header>

<aside>
<p><b>Bildersammlung:</b>
<img src="Highlight/1.jpg" width="155" height="116" alt="Highlight" title="Highlight">
<img src="Highlight/2.jpg" width="155" height="116" alt="Highlight" title="Highlight">
<img src="Highlight/3.jpg" width="155" height="116" alt="Highlight" title="Highlight">
<a href="https://www.premiumpetshop.de/Premium-Petshop-praesentiert-Top-Katzenblogs"><img width="180" 
    src="https://www.premiumpetshop.de/mediafiles/Bilder/top-katzenblog-2018.png" alt="Premiumpetshop stellt Top Katzenblogs 2018 vor" title="Premiumpetshop stellt Top Katzenblogs 2018  
    vor"></a>
<a href="https://www.pawpeds.com/pawacademy/courses/g1/g1students_de.html">
    <img src="Pawpeds/G1.png" width="100" height="200" alt="Pawpeds G1" title="Pawpeds G1"></a>
<a href="https://www.pawpeds.com/pawacademy/courses/g2/g2students_de.html">
    <img src="Pawpeds/G2RibbonSmall.gif" width="100" height="200" alt="Pawpeds G2" title="Pawpeds G2"></a>

</p>
</aside>

<nav id="steuerunglinks">
    <ul>

<li><a href="index.html">Startseite</a></li>
<li><a href="puschels/index.html">Puschels</a></li>
<li><a href="bilder.html">Bilder</a></li>
<li><a href="über%20uns%20dosenöffner.html">Über uns Dosenöffner</a></li>
<li><a href="https://www.puschelreich.de/infos/index.html">Infos</a></li> 
<li><a href="https://www.puschelreich.de/aktuelle%20news/index.html">Neuigkeiten</a></li>
<li><a href="https://www.puschelreich.de/katzenblog/index.html">Katzenblog</a></li>
<li><a href="https://www.puschelreich.de/Kontakt.html">Kontakt</a></li>

</ul>
</nav>

<nav id="steuerungoben">
  <ul>
    <li><a href="index.htm">Startseite</a></li>
    <li><a href="puschels/kitten/index.html">aktuelle Würfe</a></li>
    <li><a href="aktuelle%20news/index.html">Neuigkeiten</a></li>
    <li><a href="Kontakt.html">Kontakt</a></li>
  </ul>
</nav>

<section>
<h1>Puschelreich - Maine Coon Zucht</h1>

<p id="starkeschrift">Herzlich Willkommen!</p>

<p>Wir wünschen viel Spaß beim stöbern auf unserer Homepage :) 
Bei Fragen können Sie uns jederzeit kontaktieren.</p>
 
<p>Auch Züchterfreunde sind bei uns immer herzlich willkommen.</p>

<hr />

<h2>Würfe - Kittenabgabe</h2>
<p>Aktuell haben wir keine Würfe, schauen Sie doch zu einem späteren Zeitpunkt wieder vorbei</p>
 
 <hr />

<h2>Neuigkeiten rund um unsere Katzenzucht</h2>

<p>Wir möchten Euch immer auf den aktuellen Stand halten. Wer ist bei uns eingezogen? Was geht im Hause Puschelreich alles so ab? Evtl. Tierarztbesuche? 
Neugierig geworden?</p> 
<p><a href="aktuelle%20news/index.html">Hier klicken</a></p>

<hr />

<h2>Blogbeiträge Rund um die Katze</h2>
 
<p>Gerne schreiben wir Beiträge "Rund 
um die Katze" und Ihr könnt mit Euren 
eigenen Erfahrungen teilnehmen und 
Kommentare hinterlassen.</p>
<p><a href="katzenblog/index.html">Hier klicken</a></p>

<hr />

<h2>Bilder</h2>
 
<p>Jede Maine Coon ist einzigartig und wunderschön, dass muss man natürlich festhalten.</p> 
<p><a href="bilder.html">Hier klicken</a></p>

<hr />

<h2>Katzenausstellungen</h2>
 
<p>Uns ist der Rassestandard der Rasse Maine Coon sehr wichtig. Durch unterschiedliche Ausstellung kann durch fachkundige Jury die Katze bewertet und prämiert werden.</p>
<p><a href="infos/ausstellungserfolge/index.html">Hier klicken</a></p>

<hr />
</section>

<footer>
Printerest
Teilen
Startseite
Impressum
Kontakt
Maine Coon Züchter Berlin Brandenburg Dresden
Unser Verein
Katzenblog
</footer>
</div>
      </body>
</html>

Alles anzeigen

CSS

* {
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-flow: row wrap;
    text-align: center;
    background-image: url(onewebmedia/Hintergrund2.jpeg);
    background-attachment: fixed;
    font-family: Arial, sans-serif;
}

header, nav, footer {
    flex: 1 100%; 
}

section {
    flex: 3 1 0%;
}

aside {
    flex: 1 1 0%;
}

header {
    /* background-color: yellow; */
    background-image: url(Homepage/Shadow.jpg);
    height: 200px;
}

header p {
    /* background-color: orange; */
    text-align: right;
    padding: 15px;
}

#steuerungoben {
    /* background-color: red; */
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: url(Bilder/hintergund-grey.png);
    
}

#steuerungoben ul {
    display: flex;
    list-style-type: none;
}

#steuerungoben li {
    display: flex;
}

#steuerungoben a {
   display: block;
   width: 15em;
   /* background-color: yellow;*/
   /*float: left;*/ 
   /* border-right: 1px red solid; */
    color: white;
    text-decoration: none;
    line-height: 24px;
    text-align: center

}

#steuerungoben a:hover {
    background-image: url(Bilder/hintergrund-black.png);
    
}

#steuerunglinks {
   background-color: green;
   display: flex;
   
}

#steuerunglinks ul {
    padding-left: 1em;
    padding-top: 20px;
    list-style-type: none;
    
}

#steuerunglinks a {
    color: #dd9661;
    line-height: 30px;
}

aside {
   background-color: #808000;
    width: 175px;
    float: right;
    position: relative;
    top: 34px;
}

aside p {
    margin-top: 30px;
    margin-left: 9px;
}

section {
   /* background-color: orange; */
    margin-left: 250px;
    margin-right: 195px;
}

section h1 {
    padding-top: 20px;
    padding-bottom: 0.4em;
    color: #dd9661;
}

section h2 {
    color: #dd9661;
    padding-top: 1em;
    padding-bottom: 0.6em;
}

section p {
    padding-bottom: 1em;
}

#starkeschrift {
    font-weight: bold;
}

footer {
    /* background-color: brown; */
    background-image: url(Bilder/hintergund-grey.png);
    text-align: center;
    color: white;
    clear: both;
}

#wrapper {
   /* background-color: #eeeeee; */
    width: 60em;
    margin: 0 auto;
    text-align: left;
    background-image: url(hintergrund-durch.png);
}

Alles anzeigen

Charmin · 12. April 2019

Wow, vielen Dank an euch.

Also das Entwicklerwerkzeug ist ja echt der Hammer, was es alles so gibt?!

Ich werde mal weitermachen und Float aus der Programmierung raus hauen.

Vielen Dank nochmal.

Charmin · 12. April 2019

Guten Morgen,

Danke für die schnelle Rückantwort.

Der Link dazu lautet: Link

Mit welchem Prinzip gehst du dabei vor? Oder ist das einfach nur ein geschultes Auge und man weiß schon wo man hinschauen muss

Beste Grüße

Charmin · 11. April 2019

Guten Abend,

ich bin gerade dabei alles auf Flexbox zu ändern.

Ich bekomme aber nicht die Zeile #steuerungoben am Header abzuschließen.

Wäre schön wenn mir jemand helfen könnte

CSS: design

html, body {
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-flow: row wrap;
    text-align: center;
    background-image: url(onewebmedia/Hintergrund2.jpeg);
    background-attachment: fixed;
    font-family: Arial, sans-serif;
}

header, nav, footer {
    flex: 1 100%; 
}

section {
    flex: 3 1 0%;
}

aside {
    flex: 1 1 0%;
}

header {
    /* background-color: yellow; */
    background-image: url(Homepage/Shadow.jpg);
    height: 200px;
}

header p {
    /* background-color: orange; */
    text-align: right;
    padding: 15px;
}

#steuerungoben {
    /* background-color: red; */
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: url(Bilder/hintergund-grey.png);
    height: 24px;
}

#steuerungoben ul {
    display: flex;
    list-style-type: none;
}

#steuerungoben li {
    display: inline;
}

#steuerungoben a {
   display: block;
   width: 15em;
   /* background-color: yellow;*/
   /*float: left;*/ 
   /* border-right: 1px red solid; */
    color: white;
    text-decoration: none;
    line-height: 24px;
    text-align: center

}

#steuerungoben a:hover {
    background-image: url(Bilder/hintergrund-black.png);
    
}

#steuerunglinks {
    /* background-color: green; */
    position: absolute;
    top: 14em;
    width: 220px;
    /*float: left;*/
}

#steuerunglinks ul {
    padding-left: 1em;
    padding-top: 20px;
    list-style-type: none;
}

#steuerunglinks a {
    color: #dd9661;
    line-height: 30px;
}

aside {
   background-color: #808000;
    width: 175px;
    float: right;
    position: relative;
    top: 34px;
}

aside p {
    margin-top: 30px;
    margin-left: 9px;
}

section {
   /* background-color: orange; */
    margin-left: 250px;
    margin-right: 195px;
}

section h1 {
    padding-top: 20px;
    padding-bottom: 0.4em;
    color: #dd9661;
}

section h2 {
    color: #dd9661;
    padding-top: 1em;
    padding-bottom: 0.6em;
}

section p {
    padding-bottom: 1em;
}

#starkeschrift {
    font-weight: bold;
}

footer {
    /* background-color: brown; */
    background-image: url(Bilder/hintergund-grey.png);
    text-align: center;
    color: white;
    clear: both;
}

#wrapper {
   /* background-color: #eeeeee; */
    width: 60em;
    margin: 0 auto;
    text-align: left;
    background-image: url(hintergrund-durch.png);
}

Alles anzeigen

Charmin · 8. April 2019

Wunderbar, ich bedanke mich für deine Hilfe.

Werde mich jetzt in den nächsten Tagen mit Flexbox beschäftigen und alles umstellen.

Charmin · 7. April 2019

Guten Abend,

seit längerer Zeit versuche ich wie im Bild zu sehen ist, die Linkliste in einer Zeile zu bekommen, ich habe mal die Schrift auf gelb gesetzt um

zu sehen wo das Problem ist. Der Link mit Kontakt rutscht einfach nach unten obwohl in der Zeile noch Platz ist.

Vielleicht kann mir einer helfen

CSS

* {
    margin: 0;
    padding: 0;
}

#logotext {
    padding-top: 30px;
    font-size: 20pt;
    color: white;
}

#logotext2 {
    padding-top: 10px;
    font-size: 15pt;
    color: white;
}

body {
    text-align: center;
    background-image: url(onewebmedia/Hintergrund2.jpeg);
    background-attachment: fixed;
    font-family: Arial, sans-serif; 
}

header, nav, footer, aside, section {
    display: block; 
}

header {
    /* background-color: yellow; */
    background-image: url(Shadow/header.jpg);
    height: 200px;
}

header p {
    /* background-color: orange; */
    text-align: right;
    padding: 15px;
}

#steuerungoben {
    /*background-color: red;*/
    background-image: url(Bilder/hintergund-grey.png);
    height: 24px;
}

#steuerungoben ul {
    list-style-type: none;
}

#steuerungoben li {
    display: inline;
}

#steuerungoben a {
    display: block;
   width: 190px;
   /* background-color: yellow;*/
   float: left;
   /* border-right: 1px red solid; */
    color: yellow;
    text-decoration: none;
    line-height: 24px;
    text-align: center

}

#steuerungoben a:hover {
    background-image: url(Bilder/hintergrund-black.png);
    
}

#steuerunglinks {
    /* background-color: green; */
    position: absolute;
    top: 14em;
    width: 220px;
    float: left;
}

#steuerunglinks ul {
    padding-left: 1em;
    padding-top: 20px;
    list-style-type: none;
}

#steuerunglinks a {
    color: #dd9661;
    line-height: 30px;
}

aside {
   background-color: #808000;
    width: 175px;
    float: right;
    position: relative;
    top: 34px;
}

aside p {
    margin-top: 30px;
    margin-left: 9px;
}

section {
   /* background-color: orange; */
    margin-left: 250px;
    margin-right: 195px;
}

section h1 {
    padding-top: 20px;
    padding-bottom: 0.4em;
    color: #dd9661;
}

section h2 {
    color: #dd9661;
    padding-top: 1em;
    padding-bottom: 0.6em;
}

section p {
    padding-bottom: 1em;
}

#starkeschrift {
    font-weight: bold;
}

footer {
    /* background-color: brown; */
    background-image: url(Bilder/hintergund-grey.png);
    text-align: center;
    color: white;
    clear: both;
}

#wrapper {
   /* background-color: #eeeeee; */
    width: 900px;
    margin: 0 auto;
    text-align: left;
    background-image: url(hintergrund-durch.png);
}

Alles anzeigen

HTML

<!doctype HTML>
<html lang="de">
    <head>
        <meta charset="UTF-8">
        <title>Puschelreich - Maine Coon Zucht in Brandenburg in der Nähe bei Senftenberg</title>
      <meta name="description" content="Maine Coon Zucht aus Annahütte. Hier erfahren Sie alles über unsere reinrassige Zucht der Maine Coon, Kittenkauf, jede menge Bilder.">
      <meta name="author" content="Puschelreich - Monique Sommer, David Jähnel">
      <meta name="keywords" content="Maine Coon, Kitten, Maine Coon Zucht, Katzenzucht, Katzenbilder, Katzenbabys">
      <link href="design.css" rel="stylesheet">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      
<!--[if IE]>
<script 
src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js"
></script>
<![endif]-->
      
      
      </head>
      
      <body>
          <div id="wrapper">
<header>
  <p id="logotext">
    <strong>Puschelreich</strong>
  </p>
  <p id="logotext2">Eine Katzenzucht <br> aus Brandenburg!</p>
</header>

<aside>
<p><b>Bildersammlung:</b>
<img src="Highlight/1.jpg" width="155" height="116" alt="Highlight" title="Highlight">
<img src="Highlight/2.jpg" width="155" height="116" alt="Highlight" title="Highlight">
<img src="Highlight/3.jpg" width="155" height="116" alt="Highlight" title="Highlight">
<a href="https://www.premiumpetshop.de/Premium-Petshop-praesentiert-Top-Katzenblogs"><img width="180" 
    src="https://www.premiumpetshop.de/mediafiles/Bilder/top-katzenblog-2018.png" alt="Premiumpetshop stellt Top Katzenblogs 2018 vor" title="Premiumpetshop stellt Top Katzenblogs 2018  
    vor"></a>
<a href="https://www.pawpeds.com/pawacademy/courses/g1/g1students_de.html">
    <img src="Pawpeds/G1.png" width="100" height="200" alt="Pawpeds G1" title="Pawpeds G1"></a>
<a href="https://www.pawpeds.com/pawacademy/courses/g2/g2students_de.html">
    <img src="Pawpeds/G2RibbonSmall.gif" width="100" height="200" alt="Pawpeds G2" title="Pawpeds G2"></a>

</p>
</aside>

<nav id="steuerunglinks">
    <ul>

<li><a href="index.html">Startseite</a></li>
<li><a href="puschels/index.html">Puschels</a></li>
<li><a href="bilder.html">Bilder</a></li>
<li><a href="über%20uns%20dosenöffner.html">Über uns Dosenöffner</a></li>
<li><a href="https://www.puschelreich.de/infos/index.html">Infos</a></li> 
<li><a href="https://www.puschelreich.de/aktuelle%20news/index.html">Neuigkeiten</a></li>
<li><a href="https://www.puschelreich.de/katzenblog/index.html">Katzenblog</a></li>
<li><a href="https://www.puschelreich.de/Kontakt.html">Kontakt</a></li>

</ul>
</nav>

<nav id="steuerungoben">
  <ul>
    <li><a href="index.htm">Startseite</a></li>
    <li><a href="puschels/kitten/index.html">aktuelle Würfe</a></li>
    <li><a href="aktuelle%20news/index.html">Neuigkeiten</a></li>
    <li><a href="Kontakt.html">Kontakt</a></li>
  </ul>
</nav>

<section>
<h1>Puschelreich - Maine Coon Zucht</h1>

<p id="starkeschrift">Herzlich Willkommen!</p>

<p>Wir wünschen viel Spaß beim stöbern auf unserer Homepage :) 
Bei Fragen können Sie uns jederzeit kontaktieren.</p>
 
<p>Auch Züchterfreunde sind bei uns immer herzlich willkommen.</p>

<hr />

<h2>Würfe - Kittenabgabe</h2>
<p>Aktuell haben wir keine Würfe, schauen Sie doch zu einem späteren Zeitpunkt wieder vorbei</p>
 
 <hr />

<h2>Neuigkeiten rund um unsere Katzenzucht</h2>

<p>Wir möchten Euch immer auf den aktuellen Stand halten. Wer ist bei uns eingezogen? Was geht im Hause Puschelreich alles so ab? Evtl. Tierarztbesuche? 
Neugierig geworden?</p> 
<p><a href="aktuelle%20news/index.html">Hier klicken</a></p>

<hr />

<h2>Blogbeiträge Rund um die Katze</h2>
 
<p>Gerne schreiben wir Beiträge "Rund 
um die Katze" und Ihr könnt mit Euren 
eigenen Erfahrungen teilnehmen und 
Kommentare hinterlassen.</p>
<p><a href="katzenblog/index.html">Hier klicken</a></p>

<hr />

<h2>Bilder</h2>
 
<p>Jede Maine Coon ist einzigartig und wunderschön, dass muss man natürlich festhalten.</p> 
<p><a href="bilder.html">Hier klicken</a></p>

<hr />

<h2>Katzenausstellungen</h2>
 
<p>Uns ist der Rassestandard der Rasse Maine Coon sehr wichtig. Durch unterschiedliche Ausstellung kann durch fachkundige Jury die Katze bewertet und prämiert werden.</p>
<p><a href="infos/ausstellungserfolge/index.html">Hier klicken</a></p>

<hr />
</section>

<footer>
Printerest
Teilen
Startseite
Impressum
Kontakt
Maine Coon Züchter Berlin Brandenburg Dresden
Unser Verein
Katzenblog
</footer>
</div>
      </body>
      
</html>

Alles anzeigen

Beiträge von Charmin

Include .php aus einem anderen Verzeichnis lesen

Include .php aus einem anderen Verzeichnis lesen

Include .php aus einem anderen Verzeichnis lesen

Include .php aus einem anderen Verzeichnis lesen

Verständnisfrage zum Aufbau der Homepage .html

Verständnisfrage zum Aufbau der Homepage .html

Verständnisfrage zum Aufbau der Homepage .html

Bilder im Container zentrieren

Bilder im Container zentrieren

Pop-up Fenster

Bilder im Container zentrieren

Bilder im Container zentrieren

Flexbox Zeile soll sich oben anordnen

Flexbox Zeile soll sich oben anordnen

Flexbox Zeile soll sich oben anordnen

Flexbox Zeile soll sich oben anordnen

Flexbox Zeile soll sich oben anordnen

Flexbox Zeile soll sich oben anordnen

Komplette Zeile wird nicht im Design gefüllt

Komplette Zeile wird nicht im Design gefüllt