Beiträge von rogerberglen

  • Div soll nicht in die nächste Zeile rutschen

    Hallo Zusammen,
    ich möchte gerne, dass die Div's beim Ändern der Fensterbreite nicht untereinander angeordnet werden, sondern diese ggfls. übereinander geschoben werden.
    Ich habe es bis jetzt leider noch nicht herausgefunden wie ich das angehen soll.

    Hier mal mein Bisher Erstelltes:

  • Load denied by X-Frame-Option

    Ich habe in den letzten Tagen eine Bildervorschau erstellt mit der Lightbox. Nun hatte ich das Ganze fertiggestellt und habe das Alles hochgeladen. Die Bilder werden auf der bisher existierenden Seite als iFrame dargestellt. Aber jetzt kommt die Bildervorschau nicht. Stattdessen wird in der Firefox-Console folgendes ausgegeben: Load denied by X-Frame-Option.
    Was soll denn das nun schon wieder heisen? Lokal funktioniert das Alles wie es soll.
    Und seither hat das doch auch funktioniert.

    Hier mal der HTML-Code einer Bildervorschauseite.

    Die Bildervorschau wird über folgende Seite aufgerufen:

    Was ist da falsch? Was muss geändert werden damit es funktioniert?

  • Div Styles in CSS-Datei Auslagern

    Hallo zusammen,
    ich habe einen Div Container erstellt und die Styles dazu in eine externe CSS-Datei geschrieben. Nun aber werden die Anweisungen in der CSS-Datei überhaupt nicht beachtet. Auch findet man mal wieder im Netz verschiedene Schreibweisen. Aber keine funktioniert!!
    Seitenaufbau mit HTML5
    Einbindung der CSS-Datei mit: <link rel="Stylesheet" type="text/css" href="../css/BilderFrames.css" />
    Entsprechender Abschnitt in der CSS-Datei:
    div#Titel1 { position: relative;
    margin-top: 10px;
    margin-left: 150px;
    height: auto;
    border: 3px solid #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF;
    text-align: center;
    font-size: 32px;
    color: #EE453B; }
    Im HTML-Text folgendes geschrieben:
    <div id="Titel1">
    Seitentitel1
    </div>

    Der Text sollte eigentlich umrandet mit Schatten und einer bestimmten Schriftgröße dargestellt werden. Es wird aber nur der reine Text, ohne die CSS-Styles angezeigt!!
    Wenn ich wie folgt das Ganze schreibe, dann funktioniert es: <div id="Titel1" style="position:relative; margin-top:10px;..........>
    Ich möchte aber die Formatierungen in der externen CSS-Datei haben.
    Was mache ich falsch?

  • Jahreszahlen nach links und rechts scrollen

    Ein zweites Problem beschäftigt mich auch noch.
    Ich habe über den Bildern Jahreszahlen angeordnet. Beim daraufklicken öffnet sich dann jeweils eine Tabelle mit den dazugehörigen Bildern.
    Da die Jahreszahlen ab dem nächsten Jahr nicht mehr in die Zeile passen soll das Ganze nach links bzw. rechts verschiebbar werden. Wie mach ich das am besten:

    Hier der Code mit den festen Jahreszahlen:

  • LightBox2.6 Darstellung in einem Frame

    Hallo,
    ich bin neu hier und befasse mich erst seit Kurzem mit der HTML-Programmierung. AKtuell möchte ich in eine Web-Seite innerhalb eines Frames die Lightbox2.6 anwenden.
    Aber was ich auch versuche, alles funktioniert nicht so wie es soll.
    Hier habe ich mal die betreffenden Zeilen aus meinem HTML-Code:

    Zuerst initialisiere ich die Lightbox2.6 so:

    </head>

    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/lightbox-2.6.min.js"></script>

    Danach muss ich, und weis ich nicht so richtig, folgenden Code unterbringen:

    <a href="../Bilder/2013/2013_Meran_01.jpg" data-lightbox="image-1"> image #1</a>

    und zwar in folgender Zeile:

    <tr>
    <td align="center" width="50%"> <img src="../Bilder/2013/2013_Meran_01.jpg" alt="Ausfahrt nach Meran 2013" border="0" width="404" height="303>"></td>

    Ziel des Ganzen soll sein: Kleine Vorschaubilder in einer Tabelle und beim daraufklicken soll das Bild mit dem Lightbox-Effekt aufgezoomt werden.

    Kann da mal jemand darüberschauen und mir einen Tipp geben damit das Ganze wie gewünscht funktioniert?

    Zum besseren Verständnis im Nachfolgenden der komplette Code der Seite in der ich die Lightbox einbauen möchte: