Beiträge von Seepferdchen

Seepferdchen · 5. September 2016

Herzlichen Dank für das Komplement.
Es macht mir halt Spaß, auch immer was neues zu lernen, das hält den Kopf fit
bei meiner Seite verwende ich HTML5 und CSS3.
Will mich nun aber noch mit PHP beschäftigen, ermöglicht noch mehr Möglichkeiten.
Mein Wissen dazu habe ich mir über die CD`s von Axel Pratzner erworben und über Hilfestellungen hier im Forum.
An dieser Stelle nochmals herzlichen Dank an alle Beteiligten.

Ja es war bisher bei mir "Sommerpause" aber bald will ich weitermachen.

Ich wünsche Dir viel Erfolg und Spaß.

Seepferdchen · 31. Mai 2016

Hallo Sempervivum,
herzlichen Dank! Ja so klappt es!

LG
Seepferdchen

Seepferdchen · 31. Mai 2016

ja ich habe den Builder benutzt. Dabei wird der Code zum einbetten in die HTML-Seite erstellt, den man im Main-Bereich (bei mir <article> )einfügen soll.
Hier meine Seite entsprechend:

SQL

<!DOCTYPE html>
<html lang="de">
  <head>
        <title>Zwergschnauzer von den fidelen Socken</title>
      	<meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Zwergschnauzer von den fidelen Socken">
        <meta name="robots" content="index">
        <meta name="robots" content="all">
        <meta http-equiv="content-type" content= "text/html; charset=UTF-8">
        <meta name="date" content="2016-06-01">
        <meta name="author" content="E. Purtzel">
        <meta name="keywords" content="Zwergschnauzer, Welpen, Zwergschnauzerzucht">
        <meta name="generator" content="Brackets (www.brackets.io)">
        <link href="design.css" rel="stylesheet" type="text/css">
        <link href="favicon_zwergschnauzer-schwarz-silber.ico" type="image/x-icon" rel="shortcut icon"> 
<!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your page -->
	<link rel="stylesheet" type="text/css" href="engine1/style.css" />
	<script type="text/javascript" src="engine1/jquery.js"></script>
	<!-- End WOWSlider.com HEAD section -->
<!--
        <link href="http://file1.npage.de/005533/36/html/lightbox.css" rel="stylesheet" type="text/css">
        <script src="http://file1.npage.de/005533/36/html/jquery-1.7.2.min.js" type="text/javascript"></script>    
        <script src="http://file1.npage.de/005533/36/html/lightbox.js" type="text/javascript"></script>
-->




    </head>





    <body>
        <div id="wrapper">
        <div id="nav-menue">
                <header>
<!--                    <p>von den fidelen Socken</p>-->
                </header>




                <nav id="steuerung">
                <ul>
                    <li><a href="index.htm" id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Startseite</a>
                    </li>

                    <li><a href="update.htm" id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Update</a>
                    </li>

                    <li><a href="an-der-waterkant.htm" id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >an der Waterkant</a>
                    </li>




                    <li><a href="so-leben-wir.htm" id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >so leben wir</a>
                    </li>





                    <li><a href="welpenstube.htm" id="button_Nav">
                        <img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Welpenstube</a>
                    </li>

                    <li><a href="fragen-eines-welpen.htm" id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Fragen eines Welpen</a>
                    </li>                        

                     <li><a href="Wurfplanung.htm"id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Wurfplanung</a>
                     </li>                       

                    <li><a href="rasseportrait.htm"id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Rasseportrait</a>
                    </li>    

                    <li><a href="ausstellungen.htm"id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Austellungen</a>
                    </li>                        

                    <li><a href="hundealter.htm"id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Hundealter</a>
                    </li>                        

                    <li><a href="http://www.rohfutter-hunde.de"id="button_Nav" target="_blank"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Ernährung</a>
                    </li>          

                    <li><a href="ueber_mich.htm"id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Über mich</a>
                    </li>

                    <li><a href="literatur.htm"id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Literatur</a>
                    </li>                        

                    <li><a href="regenbogenbruecke.htm"id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Regenbogenbrücke</a>
                    </li>                        
 
                    <li><a href="http://www.onlex.de/_gbuch.php4?username=Schnuffi" target="blank" id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Gästebuch</a>
                    </li>

                    <li><a href="kontakt.htm"id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Kontakt</a>
                    </li>

                    <li><a href="links.htm"id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Verlinkte Seiten</a>
                    </li>

                    <li><a href="impressum.htm"id="button_Nav"><img src="Homepageverwaltung/Hintergrund/Schnauzer-Logo-28.png" alt="" title="" >Impressum</a>
                    </li>
                </ul> 


 <figure class=bildmitte>
          <a href="http://leipzig-city.net/cgi-bin/50besten/Hundeseiten/schnauzer/die50besten.cgi?ID=931" target="_blank"><img class="bild" alt="50Besten" height="105" src="Homepageverwaltung/Hintergrund/55besten.gif" width="101"></a>
         <figcaption>Ein Klick -<br> und es wird für uns gezählt!</figcaption>
  </figure> 

  <figure class="bildmitte">                 
          <a href="http://www.top10-sites.de/visit.asp?id=7562" target="_blank"><img class="bild" alt="Top Ten" height="100" src="Homepageverwaltung/Hintergrund/logo-top-ten.gif" width="92"></a>                   
  </figure>                   

    </nav>  
</div>                





<!-- Menü-Button für Handy & Co.-->
	<a class="menue-button menue-button-beschr-close" 
	   href="#nav-menue-zu">MENÜ zu</a>
	<a class="menue-button menue-button-beschr-open" 
	   href="#nav-menue">MENÜ auf</a>		
 




<!-- ab hier Inhalt         -->

<article>
    <h1>Welpenstube</h1>


       <p>hier werden Fotos aus unserem letzten Wurf angezeigt</p> 
        <P> Die Bearbeitung nimmt leider noch etwas Zeit in Anspruch. Über den Fortgang der Arbeit erfahrt Ihr mehr unter "Updates"</P>

            <!--START JUICEBOX EMBED-->
            <script src="jbcore/juicebox.js"></script>
            <script>
            new juicebox({
            containerId: "juicebox-container",
            galleryWidth: "100%",
            galleryHeight: "100%",
            backgroundColor: "rgba(51,51,51,1)"
            });
            </script>
            <div id="juicebox-container"></div>
            <!--END JUICEBOX EMBED-->




</article>    




                
        <footer>
            <p>© 2016 Alle Rechte obliegen dem Eigentümer dieser Seite. Herunterladen von Bildern und Inhalten nur mit schriftlicher Genehmigung des Eigentümers!
            </p>

         </footer>

        </div>

    </body>
</html>

Alles anzeigen

Seepferdchen · 30. Mai 2016

Zitat von Lupus_III

Ich benutze für so was Juicebox Lite https://www.juicebox.net/download/ und zwar die Free Version. Die ist responsive und kann in bestehende Websites eingebaut werden.

das sieht eigentlich auch sehr gut aus, nur leider habe ich einen Fehler hierbei, die Galerie wird leider ganz unten auf der Seite dargestellt und ich kann den Fehler nicht finden!

hier zu meiner Seite: Welpenstube Fotogalerie

Wer kann mir hier helfen?

LG
Sepferdchen

Seepferdchen · 27. Mai 2016

Zitat von JR Cologne

Hm, ok. Es gibt aber auch kostenlose und werbefreie Anbieter, wie z.B. bplaced.

Nur um das mal zu erwähnen. Naja, wenn du natürlich lieber bei deinem aktuellen Anbieter bleiben möchtest, kann ich das auch verstehen.

Herzlichen Dank, das habe ich nicht gwusst!

Die Erfahrungen mit meinem "alten Anbieter" sind leider inzwischen auch etwas nagitiv belastet und nun bin ich gerade umgezogen! Ich werde Deinen Vorschlag aber gerne auch weiterreichen.

Ich würde es sehr begrüßen, wennn es hier im Forum eine Rubrik gäbe, wo man solche Informationen auf aktuellestem Stand abrufen könnte.

LG
Seepferdchen

Seepferdchen · 27. Mai 2016

Zitat von JR Cologne

Musst du für die Aktivierung von PHP auch noch (mehr) Geld bezahlen?

Weil dann würde ich dir dringend zu einem Anbieterwechsel raten.

Ich habe meine Homepage nur im Rahmen meines Telefonanschlusses kostenlos, da ist PHP aber leider nicht möglich. Wenn ich PHP haben möchte, muss ich zumindest den Basistarif wählen und da es ja nur eine Hobby-Seite ist, überlege ich mir dies halt.
Ich hatte zuvor einen kostenlosen Anbieter und damals konnte man sich für geringes Entgeld "werbefreihait" erkaufen. Jetzt aber nutzt er ständig Cookies und das nervt mich. Daher bin ich mit meiner Web-Seite nun zu meinem Telefonanbieter umgezogen.

Seepferdchen · 27. Mai 2016

@Hallo Simpervium,
herzlichen Dank für Deinen Vorschlag, der mir auch sehr gut gefällt. Leider habe ich auf meiner Domaine derzeit keinen PHP-Zugang. Da müsste ich meinen Account aufstocken! Vielleicht mache ich dies auch, da ich mir jetzt die Lernvideos über PHP von Axel Pratzner bestellt hatte. Der Video-Kurs ist sehr gut, aber ich muss diesen halt erst durcharbeiten. Danach werde ich mich mit dem PHP zunächst einmal auf unserer Vereinsseite vom Pinscher- und Schnauzer-Klub "austoben"!

@ Hallo Lupus_III,
auch Dir herzlichen Dank für den Vorschlag, ich denke dies ist zunächst für mich eine sehr gute praktikable Lösung und ob ich auf PHP dann umsteige ist abzuwarten!

Seepferdchen · 26. Mai 2016

Hallo Zusammen,
ich würde gerne auf meiner Züchterhomepage eine Bildergalerie vom letzten Wurf darstellen. Da dies einige Fotos über die Entwicklung der Hunde über einen Zeitraum von 10 Wochen ist, fallen da natürlich etliche Fotos an.
Wie wäre es hier sinnvoll die Fotos im Respons-Webdesign darzustellen?

Hier meine Homepage:
von den fidelen Socken

Seepferdchen · 17. Mai 2016

HTML-Seminar Axel Pratzner

Zitat von JR Cologne

Warum packen manche (inkl. du) den Content in den article-Tag, der für mich eher als Auszeichnung für Artikel gilt und nicht vom gesamten Content?

Besser ist meiner Meinung nach der -Tag.

Steckt da irgendein tieferer Sinn hinter? Tut mir leid, dass ich damit jetzt vielleicht am Thema vorbeigehe, aber wo ich das gerade wieder sehe, muss ich einfach mal nachfragen.

@hey JR Cologne,
ich habe meine Seite auf Resonsiv-Webdesign umgestellt und mir dazu die Videos von Axel Pratzner zu Hilfe genommen. Auch ich hatte vorher in HTML4 noch den main-Tag. Habe jetzt aber umgestellt nach den Vorlagen von Herrn Pratzner.
Hier übrigens eine Kopie der HTML-Übersicht von Axel Pratzners HTML-Seminar www.html-seminar.de : (ich denke dies ist der neuste Stand! Kannst mich aber gerne eines Besseren belehren! )
Bereiche einteilen über HTML5

HTML5-Befehle
Beschreibung

<header>
Bereich für Kopf (nicht verwechseln mit <head>!)

<nav>
Bereich Navigation (Steuerung)

<section>
Gruppiert Elemente

<article>
Bereich für Inhalt

<aside>
Bereich für Zusatzinformationen zum Inhalt

<footer>
Bereich für Fuß

LG
Seepferdchen

Seepferdchen · 17. Mai 2016

auch ich bin relativ neu hier und habe auch noch einiges zu lernen. Das ist ja gerade das, was Spaß macht!

Ich habe mir gerade wieder eine Video-Kurs CD bestellt. Ich möchte nun lernen Formulare für die Web-Seite zu erstellen und freue mich schon richtig drauf!

Weiterhin viel Spaß und Erfolg.

Liebe Grüße
Seepferdchen

Seepferdchen · 17. Mai 2016

ich war gerade noch mal auf Deiner Seite.

Du hast ja inzwischen Dein Problem lösen können und die Box-Breite verkleinert!
LG
Seepferdchen

Seepferdchen · 17. Mai 2016

Zitat von JR Cologne

... aber ich tippe jetzt einfach mal darauf, dass du die Boxen floatest, aber diese zu Breit sind und nicht mehr in den umliegenden Content passen, was dann diesen Umbruch verursacht.

Genau dies ist das Problem, ich habe es mir unter Firefox angesehen. (Drückt man hier die F12-Taste auf der Tastatur, kann man den HTML- und CSS-Code sich ansehen).
Die drei Boxen sind zu Breit um in einer Zeile dargestellt zu werden. Die Abstände müssten hier verändert werden, dann müsste es klappen!
LG
Seepferdchen

Seepferdchen · 17. Mai 2016

Die Seite ist nicht korrekt aufgebaut,. Du musst genau auf die Strucktur der End-Tags achten.
Die Seite sollte in etwa so aussehen:

HTML

<!DOCTYPE html>
<html lang="de">
    <head>
    </head>
        <body>
            <div id="wrapper">
                <div id="nav-menue">            
                        <header>
                        </header>
                                <nav>
                                    <ul>
                                        <li>
                                            <a href="index.htm">Startseite</a>
                                         </li>
                                    </ul>
                                </nav>
                        <article>
                            <!--  ab hier Seiteninhalt   -->
                            <h1>Überschrift
                            </h1>
                                <p>der ganze Text etc.
                                </p>
                        </article>
                            <footer>
                                <h4>footer Text
                                </h4>
                            </footer>
                </div>
            </div>
        </body>
</html>

Alles anzeigen

Seepferdchen · 17. Mai 2016

Du hast den footer außerhalb Deines Corpus plaziert daher istdieser unten über die ganze Breite des Bildschirmes.

Seepferdchen · 23. April 2016

Hey Basi,
oh das ist ja super, habe ich nicht gewusst, werde dies künftig auf meinen Seiten verwenden.
Danke Master Basi.
LG

Seepferdchen

Seepferdchen · 23. April 2016

Hallo Aronimo,
meinst Du einen "Bild-Button" wie ich es auf meiner Hundehomepage habe?

Hier ist ein Button zum Herunzerladen der Trimmanleitung für Schnauzer:

Beispiel Bildbutton

Seepferdchen · 23. April 2016

Hallo,
nachdem ich nun den CD-Kurs von Axel Pratzer durchgearbeitet habe, möchte ich nun meine neuen beiden Responsiv-Webseite vorstellen.

Mit Sicherheit gibt es noch viele Anregungen und Verbesserungen. Ich würde mich auch über konstruktive Kritik sehr freuen, denn nur hieraus kann man lernen und weiterkommen.
Also denn man los!

Barfen für Hunde

und die zweite Seite (wohl sehr ähnlich! )

Pinscher und Schnauzer Klub Horst/Holstein

Seepferdchen · 6. April 2016

@ Hallo Wolf,
wäre hier nicht besser ein PHP-Formular sinnvoller?
weil Du ja schon die Sicherheit angesprochen hast!

Seepferdchen · 4. April 2016

Hallo Kendram
ja Wolf hat da schon Recht, Frontpage solltest Du wirklich vergessen!
Ich hatte lange mit Webcon Scriptly gearbeitet, aber auch dies wird seit HTML5 und CSS3 nicht mehr gepflegt.
Ich hatte mir hier bei Axel Pratzner das Lehrvideo für Responsiv-WEB-Seiten bestellt und hier empfiehlt er den kostenlosen Editor "brackets.io". Mit diesem komme ich nun sehr gut zurecht.
Es gibt sicherlich auch noch eine Reihe anderer gute Editoren, auch kostenlos.

Vielleicht kann Dir wolf da noch einige empfehlen?

Seepferdchen · 3. April 2016

mit welchem Editor arbeitest Du denn?

Da kann man doch einfach auf "Suchen" > "Ersetzen" gehen.

Beiträge von Seepferdchen

meine neue Responsiv Webseite

Fotogalerie in Response-Web-Design?

Fotogalerie in Response-Web-Design?

Fotogalerie in Response-Web-Design?

Fotogalerie in Response-Web-Design?

Fotogalerie in Response-Web-Design?

Fotogalerie in Response-Web-Design?

Fotogalerie in Response-Web-Design?

Footer unten ausrichten

Hiiiiilfffeeeee - Beispielkästen auf eine Zeile setzen

Hiiiiilfffeeeee - Beispielkästen auf eine Zeile setzen

Hiiiiilfffeeeee - Beispielkästen auf eine Zeile setzen

Footer unten ausrichten

Footer unten ausrichten

Download link in bestehenden Download Button einfügen

Download link in bestehenden Download Button einfügen

meine neue Responsiv Webseite

Punkteauswertung eines Formulars

Weiche Trennzeichen mit Html 5

Weiche Trennzeichen mit Html 5