• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Darf man html/css-Dateien nicht verschieben?

N

Nine916

Neues Mitglied
Hallo zusammen,
ich muss für den Informatik Unterricht eine Webseite erstellen.
Die sollte mit dem Boxmodell und Css erstellt werden. Hat bis jetzt alles soweit gut geklappt.... bis ich die Seite auf einen Stick gezogen habe.
Während auf dem Rechner in der Schule die Seite einwandfrei war, verschwindet nun, nach dem die Datei auf dem USB-Stick gezogen worden ist, die obere Box ( bis auf den Text darin) und das Menü an der Seite ist verschoben, obwohl die Datei nicht verändert worden ist! Das ist nicht nur auf anderen Rechner, sondern auch am Schulrechner.

Hat jemand eine Idee?
 
Hallo,

mit den wenigen infos ist schwer aber eine idee, Pfad zur css ist relativ?
so sollte das sein:
Code: 
<link rel="stylesheet" href="./files/animation.css" type="text/css" media="screen" />

hast die css mit verschoben?

Eigentlich dürfte das keine probleme machen.

Cheffchen
 
ich hab alles in einem ordner verschoben, an den pfaden hat sich nichts geändert.
Komisch ist auch, dass die Seite im internen Browser von phase5 richtig angezeigt wird, bei den "normalen" wie Chrome und Co. eben nicht.
 
Wie wäre es mit etwas Code? Vermutlich wird es, wie Cheffchen andeutete, an falschen Pfaden liegen. Wahrscheinlich hast du absolute Pfade verwendet, die natrülich auf dem Stick nicht identisch sind.
 
Hallo,
Der interne Browser kannst vergessen.

Ohne Code kann zumindest ich nicht helfen.
Wie sieht deine HTML Datei aus?

Cheffchen
 
Also das hier ist das HTML
HTML: 
<html>
<head>
<link type="text/css" rel="stylesheet" href="style.css">
    <title>Manga zeichnen Tutorial</title>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

   <div id="obencontainer">
      <ul class="ulmenuoben">
               <li class="lioben"><a class="menuoben" >Home</a></li>
      </ul>
    </div>



<div id="linkscontainer">
      <ul class="ulmenulinks">
      <li class="lilinks"><a class="menulinks" href="default.html">Home</a></li>
      <li class="lilinks"><a class="menulinks" href="gesicht.html">Gesicht</a></li>
      <li class="lilinks"><a class="menulinks" href="Augen.html">Augen</a></li>
      <li class="lilinks"><a class="menulinks" href="koerper.html">K&ouml;rper</a></li>
      <li class="lilinks"><a class="menulinks" href="frisuren.html">Frisuren</a></li>
      <li class="lilinks"><a class="menulinks" href="kleidung.html">Kleidung</a></li>
      <li class="lilinks"><a class="menulinks" href="chibi.html">Chibi</a></li>
      <li class="lilinks"><a class="menulinks" href="coloration.html">Coloration</a></li>
      </ul>
    </div>




     <div id="textcontainer">

   <p class="texttitle">Herzlich Willkommen!</p>
   <p class="textnormal">Mangazeichnungen erfreuen sich weltweit immer gr&ouml;&szlig;erer Beliebtheit.</p>
   <p class="textnormal"> Auf dieser Seite wird wichtiges Grundwissen vermittelt, sodass man nach diesem Tutorial gleich damit starten kann, selbst zu zeichnen! </p>



</div>



</body>
</html>

Und das das CSS

Code: 
body{ background-image:url(images.jpg);}


#obencontainer {
  float:top;
  background-image:url(bilder/souls.jpg);
  background-repeat:no-repeat;
  width:100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  line-height:300px;
}

#textcontainer {
background-color:#FFE1FF;
width:1100px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  line-height:30px;
float:right;

}


#linkscontainer {
  background-color:#FFE1FF;
  width:125px;
  float:left;
  padding:0px;
  margin: 0px 0px 0px 0px;
  line-height:50px;
}


.ulmenuoben {
  list-style-type: none;
  float: right;
  text-align: left;
  margin: 0px 500px 5px 0px;
  padding: 0px;
}

.ulmenuunten {
  list-style-type: none;
  float: right;
  text-align: left;
  margin: 0px 0px 5px 0px;
  padding: 0px;
}
.lioben {
  display: inline;
  margin: 0px;
  padding: 0px;
  color: ORANGE;
}

.menuoben {
  margin:  0px;
  padding: 0px 0px 0px 40px;
  color:#330066;
  float: left;
  width: 6em;
  font-family:  Papyrus;
  text-decoration: none;
  font-size: 72px;
}

.menuunten {
  margin:  0px;
  padding: 0px 0px 0px 10px;
  color: #473C8B;
  float: left;
  width: 6em;
  font-family:  Arial;
  text-decoration: none;
  font-size: 10px;
}


.ulmenulinks {
  margin: 0px;
  padding: 0px;
  text-align: left;
}

.lilinks {
  list-style: none;
  margin: 0px;
  padding: 0px;
  color: ORANGE;
}

.menulinks {
  margin: 0px;
  padding: 0px;
  color: #EE82EE;
  float: left;
  width: auto;
  font-family:  Arial;
}


.texttitle {
  margin: 0px 0px 0px 0px;
  padding:20px;
  font-weight:bold;
  color:#000066;
  font-family: Century Gothic;
  font-style:italic;
  font-size:48px;
}


.textnormal {
  margin:0px 0px 0px 0px;
  padding:6px;
  color:#6600CC;
  font-size:16px;
  font-family: Century Gothic;
}
 
Hallo,

hm, wie sieht das mit groß/klein schreibung der bilder und css aus?
style.css heist auch genau so und ist im gleichen ordner wie die html datei?

Cheffchen
 
Die Namen von den Bildern ist soweit richtig, css auch
Alles ist im gleichen Ordner, Bilder in einem seperaten Ordner

...so sollte die Seite aussehen(phase5)
Seite1.jpg

Und so wird sie angezeigt( bei allen Browsern)
Seite2.jpg
komisch ist eben, dass das Menü verschoben ist und dass der obere Kasten bis auf die Überschrift verschwunden ist ...
 
Hallo,

dann hast wohl ein css oder html fehler drin.

mach das Online und zeige ein Link, dann sieht man so was sehr schnell, es gibt auch free hoster oder dropbox :O)

Cheffchen
 
background-image:url(images.jpg);}
background-image:url(bilder/souls.jpg);

Zwei Grafiken aber unterschiedliche Verzeichnisse? Ist das richtig?
 
@Cheffchen dann hätte es ja von Anfang an angezeigt werden können, es lief aber alles bis ich den ordner verschoben habe, ohne dass ich was an html oder css geändert habe
@bdt600 ja 2 verzeichnisse :)
 
@Nine916 du kannst jetzt entweder die Site auf irgendeinem Freehoster onlinestellen, oder uns alle Infos geben, die wir brauchen. Ordnerstruktur, exakte Dateinamen etc. Ersteres wäre einfacher und würde höchstwahrscheinlich schneller zum Ziel führen ;)
 
Guten Abend zusammen,
danke für eure Ratschläge usw.
Das Problem hat sich auf mysteriöse Weise selbst gelöst, habe die Datei einfach noch einmal neu gemacht (eigentlich das alte in eine neue css-Datei kopiert und die sogar gleich benannt) und nun läuft sie einwandfrei :)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben