Beiträge von Charmin

Charmin · 27. April 2019

Danke erstmal für deine Hilfe, ich habe das mal eingepflegt aber wenn ich die Werte ändere,

bekomme ich das Kreuz nicht verschoben.

Code über Pen

Charmin · 26. April 2019

Guten Abend Community,

ich möchte mein "+" nach oben verschieben. im css -> #plus

Ich habe den Befehl position: relative gewählt und wollte in %-Angaben ändern zwecks später für die

mobile Version.

Eigenartigerweise kann ich mit left nach links und rechts bewegen aber mit top funktioniert das nicht.

PHP

<!doctype HTML>
<html lang="de">
    <head>
        <meta charset="UTF-8">
        <title>Überblick Wurfmeldungen der Rasse Maine Coon</title>
      <meta name="description" content="Ein Überblick unsere Würfe der Rasse Maine Coon">
      <meta name="author" content="Puschelreich - Monique Sommer, David Jähnel">
      <meta name="keywords" content="Wurfmeldungen, Katzenbabys, A-Wurf, B-Wurf, C-Wurf, Maine Coon Babys, Einzelkitten">
      <link href="https://www.puschelreich.de/design.css" rel="stylesheet">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <link rel="stylesheet" href="https://puschelreich.de/lightbox/css/lightbox.min.css">
<!--[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>


<?php include ("../../../steuerungoben.html"); ?>


            <div class="flex-container">

            <nav id="steuerunglinks">
    <ul>

<li><a href="http://puschelreich.de/index.php">Startseite</a></li>
<li><a href="http://puschelreich.de/puschels/index.php">Puschels</a></li>

<ul>      
<li id="wuerfe"><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/index.html">A-Wurf - 29.03.2016</a></li>

    <li><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/abby.html">Abby</a></li>
    <li><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/amira.html">Amira</a></li>
    <li><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/adonis.html">Adonis</a></li>
    <li><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/akimba.html">Akimba</a></li>
    <li><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/akiro.html">Akiro</a></li>
    <li><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/aladin.html">Aladin</a></li>
    <li><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/apollo.html">Apollo</a></li>

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

</ul>
</nav> 
       
              <section>
    <h1>A-Wurf vom 29.03.2016</h1>
    <div id="conti">
<figure role="group">
  <img src="http://puschelreich.de/Akira/Akira-4Jahre.jpeg">
  <figcaption>
     <b>Champion</b> vom Pfotenreich Akira<br><br>
     Geburtsdatum: 03.03.2015<br><br>
     Farbe: black torbie/MC
  </figcaption>
</figure>
<figure role="group">
  <img src="https://www.puschelreich.de/Balou/Balou-2018-06-03-15-04-41%20(2).jpg">
  <figcaption>
     Balou vom Puschelreich<br><br>
     Geburtsdatum: 29.01.2015<br><br>
     Farbe: black silver tabby
  </figcaption>
</figure></div>

<img id="plus" src="http://puschelreich.de/Bilder/plus.png">

<p><a href="https://www.puschelreich.de/puschels/Katzen%20/vom%20pfotenreich%20akira/index.html">
    vom Pfotenreich Akira</a><b> + </b><a href="https://www.puschelreich.de/puschels/kastraten/balou.html">
    Balou vom Puschelreich</a></p>
    <hr/>
    
    <p><p><b>Bildergalerie:</b></p></p>

    <div id="bildergalerie">
    <a href="https://www.puschelreich.de/Bilder/wuerfe/awurf/aladinundakiro-gr.jpg" rel="lightbox[gruppenfoto]" alt="Aladin und Akiro" title="Aladin und Akiro">
      <img src="https://www.puschelreich.de/Bilder/wuerfe/awurf/aladinundakiro-kl.jpg" width="200" height="113"></a>
    <a href="https://www.puschelreich.de/Bilder/wuerfe/awurf/amira-akimba-apollo-gr.jpg" rel="lightbox[gruppenfoto]" alt="Amira, Akimba und Apollo" title="Amira, Akimba und Apollo">
        <img src="https://www.puschelreich.de/Bilder/wuerfe/awurf/amira-akimba-apollo-kl.jpg" width="200" height="113"></a>
    </div>  
    </section>

<aside>

<a href="https://www.puschelreich.de/Bilder/wuerfe/awurf/awurfgruppe-gr.jpg" rel="lightbox[gruppenfoto]" alt="Gruppenfoto A-Wurf" title="Gruppenfoto A-Wurf">
  <img src="https://www.puschelreich.de/Bilder/wuerfe/awurf/awurfgruppe-kl.jpg" width="200" height="130"></a>
<a href="https://www.puschelreich.de/Bilder/wuerfe/awurf/awurfgruppe2-gr.jpg" rel="lightbox[gruppenfoto]" alt="Gruppenfoto A-Wurf" title="Gruppenfoto A-Wurf">
    <img src="https://www.puschelreich.de/Bilder/wuerfe/awurf/awurfgruppe2-kl.jpg" width="200" height="104"></a>
<a href="https://www.puschelreich.de/Bilder/wuerfe/awurf/awurfgruppenfoto3-gr.jpg" rel="lightbox[gruppenfoto]" alt="Gruppenfoto A-Wurf" title="Gruppenfoto A-Wurf">
      <img src="https://www.puschelreich.de/Bilder/wuerfe/awurf/awurfgruppenfoto3-kl.jpg" width="200" height="356"></a> 
</aside>
</div>

<?php include ("../../../footer.html"); ?>

</div>
<script src="https://puschelreich.de/lightbox/js/lightbox-plus-jquery.min.js"></script>
      </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;
}

#wuerfe a {
    Color: black;
    
}

aside {
   background-color: #808000;
    width: 175px;
    display: flex;
    flex-direction:column;
    align-content: center;
    align-items: center;
    }

    aside>img,
        aside>a {
            margin-top: 20px;
        }

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;
}

#bildergalerie {
    display: flex;
    justify-content: space-around;
}

#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);
}
  /* Ab hier sind die Funktionen für Hover */
  #conti{
    margin: auto;
    margin-top:10px;
    overflow:hidden;
    display: flex;
    justify-content: space-around;
  }
  
  figure{
    width: 200px;
    height: 230px;
    overflow:hidden;
  }
  img{
    width:100%;
    overflow:hidden;
  }
  figcaption{
    padding:10px;
    text-align:center;
    transition:all 1s;
    width:calc(100% - 20px);
  }
  
  figure:hover > figcaption{
  transform: translateY(-100%);
  transition:all 1s;
    background:white;
  }

  #plus {
    width: 30px;
    height: 30px;
  position: relative;
  left: 47%; 
  top: 50%;
}

Alles anzeigen

Charmin · 25. April 2019

Und ich habe gestern überlegt und überlegt und bin einfach nicht drauf gekommen.

Da fehlen mir noch die Erfahrungen.

Vielen Dank.

Charmin · 24. April 2019

Guten Abend,

wie stelle ich die beiden Bilder nebeneinander?

Ich bin schon am verzweifeln

Code

Vielen Dank.

Charmin · 24. April 2019

Hatte ich auch schon ausprobiert, nur klappte das leider auch nicht.

Edit: Alles gut, hat geklappt, danke

Charmin · 24. April 2019

Guten Abend,

irgendwie habe ich hier ein Denkfehler und bekomme keine andere Hintergrundfarbe zustande und bitte um Hilfe.

Es geht um die ID "wuerfe"

PHP

<!doctype HTML>
<html lang="de">
    <head>
        <meta charset="UTF-8">
        <title>Überblick Wurfmeldungen der Rasse Maine Coon</title>
      <meta name="description" content="Ein Überblick unsere Würfe der Rasse Maine Coon">
      <meta name="author" content="Puschelreich - Monique Sommer, David Jähnel">
      <meta name="keywords" content="Wurfmeldungen, Katzenbabys, A-Wurf, B-Wurf, C-Wurf, Maine Coon Babys, Einzelkitten">
      <link href="https://www.puschelreich.de/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>


<?php include ("../../../steuerungoben.html"); ?>


            <div class="flex-container">

            <nav id="steuerunglinks">
    <ul>

<li><a href="http://puschelreich.de/index.php">Startseite</a></li>
<li><a href="http://puschelreich.de/puschels/index.php">Puschels</a></li>

<ul>      
<li id="wuerfe"><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/index.html">A-Wurf - 29.03.2016</a></li>

    <li><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/abby.html">Abby</a></li>
    <li><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/amira.html">Amira</a></li>
    <li><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/adonis.html">Adonis</a></li>
    <li><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/akimba.html">Akimba</a></li>
    <li><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/akiro.html">Akiro</a></li>
    <li><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/aladin.html">Aladin</a></li>
    <li><a href="https://www.puschelreich.de/puschels/kitten/a-wurf/apollo.html">Apollo</a></li>

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

</ul>
</nav> 
       
              <section>
    <h1>Aktuelle Wurfmeldungen und Kittenabgabe</h1>
    
    <p id="starkeschrift">Aktuell haben wir keine Kitten abzugeben!</p>
    
<p>Unsere Kitten werden frühstens mit der 12. Lebenswoche ausziehen. 
Sie sind dann mehrfach entwurmt, 2-fach geimpft, erhalten einen Stammbaum 
und ein kleines Fress-Paket für die ersten Tage im neuen Zuhause. 
</p>
    <p>Sollten Sie Interesse haben, dann können Sie uns jederzeit unter
        info@puschelreich.de kontaktieren.
    </p>
     
    <p>Auch Züchterfreunde sind bei uns immer herzlich willkommen.</p>
    
    <hr />
        </section>

<aside>

<img src="C-Wurf_Gruppenbild.jpg" width="155" height="230" alt="C-Wurf - Einzelkind" title="C-Wurf - Einzelkind">
<img src="B-Wurf_Gruppenbild.jpg" width="155" height="116" alt="B-Wurf" title="B-Wurf">
<img src="A-Wurf_Gruppenbild.jpg" width="155" height="116" alt="A-Wurf" title="A-Wurf">
</aside>


            </div>


<?php include ("../../../footer.html"); ?>

</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;
}

#wuerfe li {
    background-color: black;
}

aside {
   background-color: #808000;
    width: 175px;
    display: flex;
    flex-direction:column;
    align-content: center;
    align-items: center;
    }

    aside>img,
        aside>a {
            margin-top: 20px;
        }

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 · 24. April 2019

Ok, jetzt verstehe ich auch den Sinn.

Beim Notepad ++ funktioniert das dort?

Bzw ist sowas überhaupt möglich?

Charmin · 24. April 2019

Ich nutze über VSC den FTP-Simple allerdings sucht der VSC nicht alle Dateien durch sondern nur die ich kurz auf hatte.

Als wenn er die über die Suchfunktion nicht lesen kann.

Charmin · 23. April 2019

So, habe grad gefunden das man tatsächlich über Visual Studio Code durch mehrere Dateien "suchen und ersetzen" anwenden kann.

Allerdings geht das nicht mit mein FTP Server. Haben wir unter uns VSC Profis? Oder soll ich ein neues Thema erstellen.

Würde mich interessieren.

Charmin · 23. April 2019

Hat was wegen Urheberrechtsverletzung zu tun, deswegen wurden die ausgeschaltet.

Zitat von Zitat von Axel - Admin

Wir versuchen ja Urheberrechtsverletzungen aus dem Forum zu halten (logischer nächster Schritt, ist alle Avatare auszublenden).

Charmin · 23. April 2019

Nicht direkt, ich wollte heute Abend meine Include Befehle auf Readfile umändern, an sich kein

Problem, da bei mir "noch" alles überschaubar ist.

Da ist mir das so durch den Kopf gegangen, wie das mit größeren Projekten gehandhabt wird weil da

wird es dann schon komplizierter wenn hunderte Unterseiten existieren.

Charmin · 23. April 2019

Naja, Include, Readfile etc. ist mir mittlerweile bekannt.

Wird da die komplette Homepage nur in solchen Maßen aufgebaut?

Interessant wäre doch ein Programm der im Prinzip durch suchen und ersetzten bestimmte Ordner

durchforsten würde.

Charmin · 23. April 2019

Guten Tag liebe Community,

ich hätte mal eine Frage.

Wie wird das gehandhabt wenn zum Beispiel bereits mehrere HTML oder andere Dateien bestehen wenn es um eine Änderung geht?

Zum Beispiel wäre wenn in 20 verschiedene Dateien steht: "Das macht mir alles Spaß" und ich möchte es überall umändern auf

"Das macht mir keinen Spaß"

Oder wenn man eine Homepage in eine neuere Versionen optimieren möchte usw. usf.

Bei kleinere Homepage mag es übersichtlich sein aber bei größeren Homepages?

Vielen Dank für euren Feedback.

Charmin · 22. April 2019

Ich habe mich gestern Abend dazu noch ein wenig belesen.

Ich werde auf readfile umsteigen, ist ja kein großer Aufwand.

Danke für dein Hinweis

Charmin · 21. April 2019

Ja, der eine sagt include der andere sagt readfile, ich habe selbst keine Ahnung was richtig oder falsch ist.

Habe jetzt bei mir auf include umgestellt gehabt.

Charmin · 21. April 2019

Ok, ich verstehe. Da diese Includierte Datei nur HTML befindet sollte auch die Datei mit HTML enden.

Ich dachte das immer beide Dateien mit PHP enden müssen.

Beste Grüße

Charmin · 19. April 2019

Nein, die Index ist eine php in dieser Datei sind HTML Befehle + Include.

Charmin · 19. April 2019

Super, das hat jetzt funktioniert. Vielen Dank wieder was dazu gelernt

Charmin · 18. April 2019

Ich habe das jetzt mal als HTML geändert, geht trotzdem nicht, da man eigentlich das Auskommentieren in HTML und PHP machen könnte.

Zur Veranschaulichung.

Code

<nav id="steuerunglinks"> 
    <ul>

<li><a href="/index.php">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="/infos/index.html">Infos</a></li> 
<li><a href="/aktuelle%20news/index.php">Neuigkeiten</a></li>
<li><a href="/katzenblog/index.html">Katzenblog</a></li>
<li><a href="/Kontakt.html">Kontakt</a></li>

</ul>
</nav>

/* Test */
// Test
# Test

Alles anzeigen

html-seminar.de/woltlab/attachment/1866/

Charmin · 18. April 2019

Guten Abend,

ich möchte in eine PHP ein Kommentar hinzufügen der den Quellcode ignorieren soll.

Habe schon //, # und /* */ probiert, es funktioniert aber nicht.

Der Quellcode wird durch eine andere Datei per Include reingezogen. www.puschelreich.de

Code

<nav id="steuerunglinks"> 
    <ul>

<li><a href="/index.php">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="/infos/index.html">Infos</a></li> 
<li><a href="/aktuelle%20news/index.html">Neuigkeiten</a></li>
<li><a href="/katzenblog/index.html">Katzenblog</a></li>
<li><a href="/Kontakt.html">Kontakt</a></li>

</ul>
</nav>

Alles anzeigen

Vielen Dank

Beiträge von Charmin

position: relative; left und top

position: relative; left und top

Bilder nebeneinander stellen

Bilder nebeneinander stellen

Bestimmten Bereich Hintergrundfarbe ändern

Bestimmten Bereich Hintergrundfarbe ändern

Massenbearbeitungen verschiedene Dateien

Massenbearbeitungen verschiedene Dateien

Massenbearbeitungen verschiedene Dateien

Avatar

Massenbearbeitungen verschiedene Dateien

Massenbearbeitungen verschiedene Dateien

Massenbearbeitungen verschiedene Dateien

PHP Kommentar hinzufügen

PHP Kommentar hinzufügen

PHP Kommentar hinzufügen

PHP Kommentar hinzufügen

PHP Kommentar hinzufügen

PHP Kommentar hinzufügen

PHP Kommentar hinzufügen