Ankündigung

Einklappen
Keine Ankündigung bisher.

CSS wird auf Server nicht richtig angezeigt

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • CSS wird auf Server nicht richtig angezeigt

    Moinsen,

    ich habe meine Homepage über unseren Schulserver laufen und alles grad hochgeladen, jedoch wird meine erste CSS auf dem Server nicht so angezeigt wie auf meinem PC.

    Was ich meine ist in den Bildern zu sehen.

    Alle Dateien auf dem Server sind identisch mit denen auf meinem PC, allerdings will die erste Seite einfach nicht das richtige Bild laden, den Button anzeigen und per CSS opacity aktivieren. Hat jemand eine Idee warum das so sein kann?

    Hier die HTML und CSS:



    /*
    Plugin: jQuery Parallax
    Version 1.1.3
    Author: Ian Lunn
    Twitter: @IanLunn
    Author URL: http://www.ianlunn.co.uk/
    Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

    License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
    */

    @charset "utf-8";
    /* CSS Document */

    body{
    margin: 0;
    min-width: 980px;
    padding: 0;
    }

    p{
    margin: 20px 0 0 0;
    }

    p, ul{
    font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size-adjust:0.5;
    font-weight:200;
    font-style:normal;
    opacity: 0.6;
    color: #FFFFFF;
    }

    .button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    }

    .button1 {
    background-color: #555555;
    color: white;
    border: 4px solid #555555;
    opacity: 0.7;
    border-radius: 4px;
    }

    .button1:hover {
    background-color: white;
    color: #555555;
    opacity: 0.7;
    border-radius: 4px;
    }

    img{
    border: 0;
    }

    h1, #pixels{
    font-family:"Museo 900", Verdana, serif;
    font-size-adjust:0.40;
    font-weight:700;
    font-style:normal;
    }

    h2{
    font-family:"Beau Sans Pro Book", Verdana, sans-serif;
    font-size-adjust:0.531;
    font-weight:500;
    font-style:normal;
    color: #555555;
    opacity: 0.7;
    }

    #header h1, #pixels{
    color: #fffff;
    opacity: 0;
    }

    .float-left{
    float: left;
    margin: 0 0 0 20px;
    }

    .float-right{
    float: right;
    margin: 0 20px 0 0;
    }

    .center{
    font-size: 2.5em;
    padding: 80px 0 0 0;
    text-align: center;
    }

    #nav{
    list-style: none;
    position: fixed;
    right: 0px;
    opacity: 0;
    }

    #header, #intro, #second{
    width: 100%;
    }

    #intro{
    background:url(images/pic2.png) 100% 0 repeat fixed;
    color: white;
    height: 900px;
    margin: 0 auto;
    padding: 0;
    }

    .story{
    margin: 0 auto;
    min-width: 980px;
    overflow: auto;
    width: 980px;
    }

    .story .float-left, .story .float-right{
    padding: 100px 0 0 0;
    position: relative;
    width: 350px;
    }

    #accordion{
    background-color: black;
    height:20px; /////////////DEACTIVATED///////////////
    position: right;
    transition: height 1s ease-in-out;

    }

    #accordion:hover{
    background-color: black;
    height: 140px; /////////////DEACTIVATED///////////////
    animation-direction: left;

    }

    #accordion{
    width: 60px;
    height: 60px; /////////////DEACTIVATED///////////////
    background: red;
    -webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* MACOS */
    transition: width 1s, height 1s, transform 1s;
    }

    #accordion:hover {
    width: 150px;
    height: 150px; /////////////DEACTIVATED///////////////
    -webkit-transform: rotate(360deg); /* MACOS */
    transform: rotate(360deg);
    }

    @keyframes fullexpand {

    0%, 20%, 40%, 60%, 80%, 100% { width: 0%; opacity: 0; }
    4%, 24%, 44%, 64%, 84% { width: 0%; opacity: 0.3; }
    16%, 36%, 56%, 76%, 96% { width: 100%; opacity: 0.7; }
    17%, 37%, 57%, 77%, 97% { width: 100%; opacity: 0.3; }
    18%, 38%, 58%, 78%, 98% { width: 100%; opacity: 0; }
    }
    MfG
    Silas Daebler
    Angehängte Dateien
    Zuletzt geändert von playzocker22; 28.05.2018, 21:28.

  • #2
    Nein, aus den Bildern kann ich leider nichts erkennen.
    jedoch wird meine erste CSS auf dem Server nicht so angezeigt wie auf meinem PC.
    Erster Kandidat für die Fehlerursache in solch einem Fall: Groß- und Kleinschreibung bei Dateinamen. Windows ist es egal, auf dem Server ist jedoch z. B. styles.css etwas anderes als Styles.css.

    Kommentar

    homepage-forum.de - Hilfe für Webmaster! Statistiken

    Einklappen

    Themen: 56.374   Beiträge: 428.035   Mitglieder: 27.712   Aktive Mitglieder: 76
    Willkommen an unser neuestes Mitglied, ErikS83.

    Online-Benutzer

    Einklappen

    674 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 671.

    Mit 1.625 Benutzern waren am 17.03.2018 um 18:52 die meisten Benutzer gleichzeitig online.

    Die neuesten Themen

    Einklappen

    • Atlan
      hreflang Tags
      Hallo,
      habe immer noch ein Problem mit den hreflang Tags

      unsere Seite: https://www.*****.com, besteht aus dem Deutschen Teil unter *****.com und dem französischen Teil unter *****.com/fr/.
      -----------
      <!DOCTYPE html>
      <html lang="de">
      ...
      Heute, 16:41
    • ErikS83
      Antwort auf Suche Online Editor / Designer
      Hallo Zusammen,

      da da ich in etwa das Gleiche benötige, wie UweK, schließe ich mich hier mal.
      gesucht wird ein OnlineDesigner, den meine Kunden direkt auf meiner Webseite bedienen können.
      die Größe muss vorgegeben sein.
      die Kunden sollen Bilder einfügen können,...
      Heute, 08:04
    • Sempervivum
      Antwort auf Ausgabe als Link
      Warum denn nicht? Wenn Du den Text auf der selben Seite anzeigen willst, wird es auch nicht einfacher.

      Genau dafür habe ich das a-href-Tag hinzu gefügt....
      Gestern, 20:35
    • Fragman
      Antwort auf Ausgabe als Link
      Ich denke mit einer neuen Seite wird das nichts.

      Bleiben wir mal bei meinem PHP-Beispiel das ich schon habe.
      PHP-Code:
      <?php
       $pdo 
      = new PDO('mysql:host=localhost;dbname=datenbank''user''password');
       
      $sql "SELECT * FROM texte WHERE titel LIKE 'A%'";
         echo
      ...
      Gestern, 20:18
    • Sempervivum
      Antwort auf Ausgabe als Link
      Dann versuche folgendes:
      PHP-Code:
       foreach ($pdo->query($sql) as $row) {
         echo 
      '<a href="neue-seite.php&titel=' urlencode($row['titel']) . '&interpret=' urlencode($row['interpret']) . '>';
         echo (
      $row['titel']." - ".$row['interpret']."</a><br 
      ...
      Gestern, 17:50

    Kostenlose Homepage bei Jimdo!

    Einklappen

    Jimdo

    Die neuesten Beiträge

    Einklappen

    • Atlan
      hreflang Tags
      Hallo,
      habe immer noch ein Problem mit den hreflang Tags

      unsere Seite: https://www.*****.com, besteht aus dem Deutschen Teil unter *****.com und dem französischen Teil unter *****.com/fr/.
      -----------
      <!DOCTYPE html>
      <html lang="de">
      ...
      Heute, 16:41
    • ErikS83
      Antwort auf Suche Online Editor / Designer
      Hallo Zusammen,

      da da ich in etwa das Gleiche benötige, wie UweK, schließe ich mich hier mal.
      gesucht wird ein OnlineDesigner, den meine Kunden direkt auf meiner Webseite bedienen können.
      die Größe muss vorgegeben sein.
      die Kunden sollen Bilder einfügen können,...
      Heute, 08:04
    • Fragman
      Ausgabe als Link
      Hallo...

      habe eine Datenbank mit Songtexten mit Ausgabe auf einer Webseite. Es gibt eine Vorauswahl der Titel nach Buchstaben.
      Angezeigt wird dann eine Liste der Titel und des Interpreten.
      Wie mache ich aus der Ausgabe der Titel einen Link der dann den entsprechenden Text anzeigt??...
      21.03.2019, 21:05
    • Sempervivum
      Antwort auf Ausgabe als Link
      Warum denn nicht? Wenn Du den Text auf der selben Seite anzeigen willst, wird es auch nicht einfacher.

      Genau dafür habe ich das a-href-Tag hinzu gefügt....
      Gestern, 20:35
    • Fragman
      Antwort auf Ausgabe als Link
      Ich denke mit einer neuen Seite wird das nichts.

      Bleiben wir mal bei meinem PHP-Beispiel das ich schon habe.
      PHP-Code:
      <?php
       $pdo 
      = new PDO('mysql:host=localhost;dbname=datenbank''user''password');
       
      $sql "SELECT * FROM texte WHERE titel LIKE 'A%'";
         echo
      ...
      Gestern, 20:18
    • Sempervivum
      Antwort auf Ausgabe als Link
      Dann versuche folgendes:
      PHP-Code:
       foreach ($pdo->query($sql) as $row) {
         echo 
      '<a href="neue-seite.php&titel=' urlencode($row['titel']) . '&interpret=' urlencode($row['interpret']) . '>';
         echo (
      $row['titel']." - ".$row['interpret']."</a><br 
      ...
      Gestern, 17:50
    • Ingo
      Antwort auf Ausgabe als Link
      Hi,
      zunächst mal ist SELECT * unnötig, wenn Du nicht alle Felder holen willst. Du brauchst nur titel und eine id holen. Diese trägst Du dann in den Link ein und selektierst in der neuen Seite die id und den text des Datensatzes mit der id.

      Gruß
      Ingo
      Gestern, 17:48
    • Hamburgerjung
      Mein Reise- und Foto-Blog über die Hansestadt Hamburg
      Moin, moin liebe Community von homepage-forum.de,




      ich bin über diesen Thread gestolpert und wollte die Gelegenheit nutzen, um hier einmal meinen neuen Reise- und Foto-Blog über Hamburg vorzustellen. Besucher finden hier unzählige Fotos und (einzigartige) Reiseberichte...
      21.03.2019, 10:31
    • Localfu
      Antwort auf Mein Reise- und Foto-Blog über die Hansestadt Hamburg
      Hallo HamburgerJung,
      schön, dass du deine Stadt präsentieren möchtest und den Touristen an die Hand nimmst. Ich empfehle mal auf andere Seiten zu schauen, um zu gucken welche Trends und Standards bei der Gestaltung von Internetseiten verwendet werden(Webdesign). Zuerst einaml zum Seitenaufbau...
      Gestern, 17:44
    • Fragman
      Antwort auf Ausgabe als Link
      .. ein weiteres Feld in der selben Tabelle mit Namen 'text'...

      Der Text soll dann auf einer neuen Seite angezeigt werden.
      Gestern, 17:38
    Lädt...
    X