Beiträge von Eisbergsalat

Eisbergsalat

danke

Eisbergsalat

danke. echtmal, da hätt ich auch selber draufkommen können....aber das 4-augen-prinzip hat sich nicht ohne grund bewährt.

Danke!

Eisbergsalat

Gutn an alle

folgendes: Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.) <style type="text/css" title="text/css" media="all">

das ist der Fehler den mir der Validator rausschmeißt. Ich weiß jetzt nicht wirklich was damit gemeint ist.

das hier ist der block um den es sich handelt. ein eingepflegtes video mit kompatibilität für IE9 oder weniger

Code

<div id="modal-07" class="popup-modal mfp-hide">


              <img class="scale-with-grid" src="images/gallery/Weihnachtsgala-video.jpg" alt="" width="800" height="475" />




              <div class="description-box">

    <h3>Weihnachtsgala 2010</h3>
     [COLOR=#ff0000]  [B] <style type="text/css" title="text/css" media="all">[/B][/COLOR]
        <!--[if lt IE 9]>
        video { display: none; }
        <![endif]-->
        </style>

        <video width="480" controls>
          <source src="videos/Joerg_Wolf_Weihnachtsgala_2010.mp4" type="video/mp4" />
          <source src="videos/Joerg_Wolf_Weihnachtsgala_2010.ogv" type="video/ogg" />
          <source src="videos/Joerg_Wolf_Weihnachtsgala_2010.m4v" type="video/mp4" />
          <div>
          Schade – hier käme ein Video, wenn Ihr Browser HTML5 Unterstützung hätte, wie z.B. der aktuelle 
          <a href="https://www.google.de/intl/de/chrome/browser/" target="_blank">Google Chrome</a>
          </div>
        </video>
        <!--[if lt IE 9]>
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
              codebase="http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" 
              height="480" type="application/x-shockwave-flash" width="640">
           <param name="movie" value="player.swf" />
           <param name="flashvars" value="file=myvideo.flv" />
           <param name="allowfullscreen" value="true" /> 
           <param name="allowscriptaccess" value="always" />
           <img src="myvideo.png" alt="Alternatives Bild" width="639" height="452" /></a>
        </object>
        <![endif]-->

        </div>    


</div>

Alles anzeigen

soll das bedeuten das ich die style information nur in den head-bereich schreiben darf. aber wie passe ich das dann für mein video an?

-------------------------------------------------------------------

anderer fehlercode

An body start tag seen but an element of the same type was already open.<body>
hierzu der code

HTML

<!DOCTYPE html><!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 8)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>




   <!--- Basic Page Needs
   ================================================== -->
   <meta charset="utf-8">
    <title>Wolf - Offizielle Homepage</title>
    <meta name="author" content="Wolf">
    <meta name="description" content="Wolf - Offizielle Homepage">
    <meta name="keywords" content="Wolf, Schlager, Jörg Wolf, Joerg Wolf, Gina">




   <!-- Mobile Specific Metas
   ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">




    <!-- CSS
    ================================================== -->
   <link rel="stylesheet" href="css/default.css" />
   <link rel="stylesheet" href="css/layout.css" />
   <link rel="stylesheet" href="css/media-queries.css" />
   <link rel="stylesheet" href="css/magnific-popup.css" />
   <link href="css/lightbox.css" rel="stylesheet" />

   <!-- Script
   ================================================== -->
    <script src="js/modernizr.js"></script>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/lightbox.min.js"></script>
    <script type="text/javascript" src="js/html5lightbox.js"></script>





   <!-- Favicons
    ================================================== -->
    <link rel="shortcut icon" href="images/favicon.png" >




</head>








   <!-- Header
   ================================================== -->
   <header id="home">




      <nav id="nav-wrap">




         <a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
          <a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>




         <ul id="nav" class="nav">
            <li class="current"><a class="smoothscroll" href="#home">Home</a></li>
            <li><a class="smoothscroll" href="#about">Über mich</a></li>
            <li><a class="smoothscroll" href="#music">Musik</a></li> <!-- einst RESUME -->
            <li><a class="smoothscroll" href="#media">Medien</a></li> <!-- einst PORTFOLIO -->
    <!--    <li><a class="smoothscroll" href="#videos">Videos</a></li>  Testimonials / Videos -->
            <li><a class="smoothscroll" href="#shows">Auftritte</a></li>
            <li><a class="smoothscroll" href="#contact">Kontakt</a></li>
         </ul> <!-- end #nav -->




      </nav> <!-- end #nav-wrap -->

[COLOR=#ff0000][B]<body>[/B]
[/COLOR]


      <div class="row banner">
         <div class="banner-text">
               <div class="banner-logo">
            <img src="images/logo.png" alt="Wolf">
            </div>
            <h3><span>Herzlich Willkommen auf der offiziellen Webseite von Wolf !</span><br>


            Hier erfahren Sie alles Wissenswerte zu Ihrem

Alles anzeigen

es wird nirgendwo ein body tag geöffnet, weder davor noch danach. es ist das einzige. waaas ist damit gemeint????

Lacht ruhig...tut gut ... aber schreibt mir doch kurz n paar worte dazu.

DANKE

Eisbergsalat

http://eisbergsalat666.bplaced.net/

ist aber noch in der mache...und hat noch sehr viele fehler die mir einfach nichts sagen ... vllt kann mir hier geholfen werden

Eisbergsalat

Hallo liebe forum-hilfe Gemeinde,

ich bin neu hier und danke euch für die Hilfe schonmal im Voraus.
Ich habe folgendes Problem: Meine Fotos-Sektion sieht in allen Browsern, bis auf Firefox, so aus wie im Screenshot No.1 aus. In Firefox stellt er allerdings nur ein paar Module der Lightbox dar.

Ich habe schon viel rumgesucht um die Benutzung eines Forums zu vermeiden und euch nicht belästigen zu müssen....aber so ist es jetzt nun mal. :p

Hier ist auch mal der HTML Quellcode für die Section:

Code

<section id="media">




      <div class="row">




         <div class="twelve columns collapsed">




         <h1>Bilder vom Wolf</h1>

            <!-- portfolio-wrapper -->
           <div id="portfolio-wrapper" class="bgrid-quarters s-bgrid-thirds cf">




                 <div class="columns portfolio-item">
                  <div class="item-wrap">




                     <a href="#modal-01" title="Videodreh">
                        <img alt="" src="images/gallery/dreh-jorg/modal.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
                                    <h5>Gina</h5>
                              <p>Videodreh</p>
                                 </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>




                  </div>
                  </div> <!-- item end -->




              <div class="columns portfolio-item">
                  <div class="item-wrap">
                     <a href="#modal-02" title="Wolf auf der Bühne">
                         <img alt="" src="images\gallery\jorg-wolf-auf-der-buhne\modal.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
                                    <h5>Bühne</h5>
                              <p>Wolf on Stage</p>
                             </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>




                  </div>
                </div> <!-- item end -->




              <div class="columns portfolio-item">
                  <div class="item-wrap">
                     <a href="#modal-03" title="Oktoberfest in der Stainz">
                         <img alt="" src="images\gallery\oktoberfest-stainz\modal.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
                                    <h5>Oktoberfest</h5>
                              <p>In Stainz</p>
                             </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>




                  </div>
                </div> <!-- item end -->




              <div class="columns portfolio-item">
                  <div class="item-wrap">
                     <a href="#modal-04" title="Stairische Weihnacht">
                         <img alt="" src="images\gallery\steirische-weihnacht\modal.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
                                    <h5>Stairische</h5>
                              <p>Weihnacht</p>
                             </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>




                  </div>
                </div> <!-- item end -->




              <div class="columns portfolio-item">
                  <div class="item-wrap">
                     <a href="#modal-05" title="Wolf & Friends">
                         <img alt="" src="images\gallery\wolf1\modal.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
                                    <h5>Wolf</h5>
                              <p>& Friends</p>
                             </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>




                  </div>
                </div> <!-- item end -->




              <div class="columns portfolio-item">
                  <div class="item-wrap">
                     <a href="#modal-06" title="Privat">
                         <img alt="" src="images/gallery/Privat/modal.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
                                    <h5>Privat</h5>
                              <p>Ganz nah</p>
                             </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>




                  </div>
                </div> <!-- item end -->




              <div class="columns portfolio-item">
                  <div class="item-wrap">
            <!--      <a href="#modal-07" title="">  -->
                         <img alt="" src="images/gallery/blank.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
                                    <h5></h5>
                              <p></p>
                             </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>




                  </div>
                </div> <!-- item end -->




              <div class="columns portfolio-item">
                  <div class="item-wrap">
            <!--      <a href="#modal-08" title="">  -->
                         <img alt="" src="images/gallery/blank.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
                                    <h5></h5>
                              <p></p>
                             </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>




                  </div>
                </div> <!-- item end -->




                      
         <h1><br>Videos vom Wolf</h1>

                 <div class="columns portfolio-item">
                  <div class="item-wrap">




                     <a href="#modal-07" title="Weihnachtsgala">
                        <img alt="" src="images/gallery/Weihnachtsgala-video.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
                                    <h5>Weihanchtsgala</h5>
                              <p>Eibiswalde 2010</p>
                                 </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>




                  </div>
                  </div> <!-- item end -->

                <div class="columns portfolio-item">
                  <div class="item-wrap">




                     <a href="#modal-08" title="Videodreh">
                        <img alt="" src="images/gallery/1000-Engel-video.jpg">
                        <div class="overlay">
                           <div class="portfolio-item-meta">
                                    <h5>1000 Engel</h5>
                              <p>Offizielles Musikvideo</p>
                                 </div>
                        </div>
                        <div class="link-icon"><i class="icon-plus"></i></div>
                     </a>




                  </div>
                  </div> <!-- item end -->






           </div> <!-- portfolio-wrapper end -->




         </div> <!-- twelve columns end -->

Alles anzeigen

und hier auch gleich noch die eintragung in der css für die modals

Code

/* popup modal */
.popup-modal {
    max-width: 550px;
    background: #fff;
    position: relative;
    margin: 0 auto;
}
.popup-modal .description-box { padding: 12px 36px 18px 36px; }
.popup-modal .description-box h4 {
   font: 15px/24px 'opensans-bold', sans-serif;
    margin-bottom: 12px;
   color: #111;
}
.popup-modal .description-box p {
    font: 14px/24px 'opensans-regular', sans-serif;
   color: #A1A1A1;
   margin-bottom: 12px;
}
.popup-modal .description-box .categories {
   font: 11px/21px 'opensans-light', sans-serif;
   color: #A1A1A1;
   text-transform: uppercase;
   letter-spacing: 2px;
   display: block;
   text-align: left;
}
.popup-modal .description-box .categories i {
   margin-right: 8px;
}
.popup-modal .link-box {
   padding: 18px 36px;
   background: #111;
   text-align: left;
}
.popup-modal .link-box a {
   color: #fff;
    font: 11px/21px 'opensans-bold', sans-serif;
    text-transform: uppercase;
   letter-spacing: 3px;
   cursor: pointer;
}
.popup-modal a:hover {    color: #00CCCC; }
.popup-modal a.popup-modal-dismiss { margin-left: 24px; }

Alles anzeigen

Wenn ihr noch mehr infos benötigt, zögert nicht zu fragen....sollte ich mal nicht sofort antworten liegt es daran das ich arbeiten bin...habt etwas gedult.

DAAAANKE und lg

Beiträge von Eisbergsalat

W3C Validator fehler - Hilfe

Firefox stellt ein Problem dar wo keines ist

W3C Validator fehler - Hilfe

Firefox stellt ein Problem dar wo keines ist

Firefox stellt ein Problem dar wo keines ist