Schon wieder...

HamsterPvP · 21. August 2010

So tach...
hab wieder das gleiche prob wie vorher also das:
[Blockierte Grafik: http://img844.imageshack.us/img844/5020/fehler2.png]
das passiert immer wenn ich versuche style in ne andere datei zu verlagern...
das ist der code von der css datei

Code

html, body
    #navi li {
        background-color:silver;
        border-left:30px solid black;
        border-right: 5px solid red;
        border-top: 10px double green;
        border-bottom: 10px double green;
        width:120px;
        height:50px;
    }
    #navi {
        float:left;
        background-color:silver;
    }




    #navi a:link{color:blue; text-decoration: underline}
    #navi a:visited{color:red; text-decoration: line-through}




    #kopfzeile {
        border: solid blue;
        background-color: #FFFF00;
     }
     body{
        background-color: #FF00FF;
        text-align:center;
        border: double 10px green;
        height: 75%;
        width:75%;
        padding:0%;
        margin-left:10%;
        margin-right:10%;
        margin-top:0%;
        margin-bottom:10%;
        padding-bottom:0%;
        background-color: #808000;
        background-image: url(http://a.imageshack.us/img121/7756/hamsterbl.jpg);
    }

Alles anzeigen

und das ist der code mit dem ichs verlinke

Code

<link type="text/css" rel="stylesheet" href="design.css" media="screen" />

der rest des codes ist der Inhalt der glaub ich nix damit zu tun hat und der code oben:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">




<head>
    <title>HamsterPvP's Website-Secont Try</title>




    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />







    <title>HamsterPvP's Website Secont try</title>

Alles anzeigen

Hoffe das ich diesmal ne Antwort bekomme...

Danke im Vorraus
HamsterPvP

Basi · 21. August 2010

So können wir dir nicht helfen.

Wir müssen wissen wie deine Dateien heißen, ob sie in Unterverzeichnissen liegen, wir brauchen deinen kompletten HTML Code, nicht nur den oberen Teil, der ist hier für ziemlich unwichtig.

HamsterPvP · 21. August 2010

Noch mehr code??
das einzigste was da noch übrig ist ist mein alberner inhalt^^
die css datei heißt design.css
die html datei HamsterPvP's Website Secont try.htm
die beiden datei befinden sich in C:/xampp/htdocs
wenn du den inhalt auch noch haben willst bitte schön^^
der ganze html code^^

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">




<head>
    <title>HamsterPvP's Website-Secont Try</title>




    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />







    <title>HamsterPvP's Website Secont try</title>




    <link type="text/css" rel="stylesheet" href="design.css" media="screen" />













</head>




<body>
<img id="kopfzeile" src="http://a.imageshack.us/img839/5730/hamsterpvp.png" height="400" width="930" alt="Metin2" />
<div style="background-color: #FFFF00;">
<a href="http://www.hamsterpvp.de.tl"><img style="border-color: #0000FF; alt=HamsterPvP; border-style: outset; float:right; width: 300px; height: 400 px;" src="http://a.imageshack.us/img291/8688/hamster01.jpg" /></a>
<ul id="navi">
<li><h2><a href="http://hamsterpvp.cwsurf.de/index.html">Startseite</a></h2></li>
<li><h2><a href="http://hamsterpvp.cwsurf.de/unbenannt.htm">About me</a></h2></li>
<li><h2><a href="http://www.hamsterpvp.de.tl/G.ae.stebuch.htm">G&auml;stebuch</a></h2></li>
<li><h2><a href="http://www.hamsterpvp.de.tl/forum/index.htm">Forum</a></h2></li>
</ul>
<h1><span style="background-color: #00FF00;">Herzlich Willkommen auf die Zweite Hamster's Website</span></h1>
<p>Hier finden die Meine Erste Startseite einer Homepage.<br />Ich hoffe es gef&auml;llt euch und wenn nicht dann habt ihr halt pech!!!!!
G&auml;stebuch,Forum,About me und Linkliste kommen noch. Auch wenn der Text Sinnlos ist hauptsache ich schreibe was...<br />Hm mal sehen ob ich ne Tabelle mit Design hinkriege :D</p>
<ul style="background-color: #FF0000; border: dotted 10px; width: 200px">
<li style="color: #00FFFF;"><h3>Das ist Punkt 1 der wichtigste Punkt</h3></li>
<li style="color: #00FF00;"><h4>Das ist Punkt 2 der nicht so wichtig ist</h4></li>
<li style="color: #C0C0C0;"><h5>Das ist Punkt 3 der kleiner als ein Absatz ist...</h5></li>
</ul>
<p>Mission successful :D</p>
<form action="http://www.hamsterpvp.de.tl/forum/index.htm" method="get">
<h1>
Ihrer Vorname
<input type="text" name="vorname" />
</h1>
<h1>
<input type="submit" value="Absenden" />
</h1>
</form>
<hr /><h2><span style="color: #FF0000;background-color: #00FF00; border-color: #0000F0 ; border-top:5px dotted; border-bottom:5px double; border-left:10px outset; border-right:10px solid;">CSS+HTML Experimente</span></h2>
<b><big><p style="font-size:large; font-family: fantasy; letter-spacing: 10px; background-color: #800080;">Also dann...<br />Experementieren wir mal mit den ganzen m&uuml;ll hier^^.
Also i-wie hab ich das gef&uuml;ll das der <span style="background-color: #000000; color:#FFFFFF;">Head-abschnitt</span>um einiges gr&ouml;&szlig;er ist als der <span style="background-color: #000000; color:#FFFFFF">Body-abschnitt</span>.
Oder etwa <span style="background-color: #FF0000;">nicht?</span>Also ich meine in <span style="background-color: #000000; color:#ffffff">Body-abschnitt</span> steht vllt der Inhalt
der meist nicht mal die H&auml;lfte so lang ist wie die ganzen Codes von Css im<span style="background-color: #000000;color:#ffffff">Head-bereich</span>.
</p></big></b><p style="font-family: monospace; font-size: x-large; letter-spacing:15px; color::orange; background-color:#ffffff">Naja ich wei&szlig; ja nicht was ihr denkt aber ich bin einfach nur dagegen!!!!
<span style="background-color: #000000;color:#ffffff">Warum soll man f&uuml;r ein Bild 10 Zeilen volltippen damits dann nicht angezeigt wird?!!?!!?!!?</span>Das ist doch <b>Quatsch!!!!</b>
Also ich bin  <b><big><span style="font-size: xx-large; font-family: Courier; letter-spacing: 30px;"><u>DAGEGEN</u>!!!!!!</span></big></b></p>
<p>Danke f&uuml;r ihr <b>Aufmerksamkeit.</b><br />Gru&szlig;<br /><big><b>HamsterPvP.</b></big></p><hr />
<br /><br /><h2><span style="background-color: #0000FF;color: #FF0000; letter-spacing:30px; border-bottom: outset 10px black; border-top: dotted 5px #ffffff; line-height: 2em;">Fehler bei FireFox<br />Erfolg bei Internet Exploder...</span></h2><br />
<p><big><b style="background-color: #C0C0C0; color: #FF0000; letter-spacing:10px; word-spacing:20px; font-family: sans-serif; font-size: large;">
<div style="border: inset; border-color: #0000FF; border-top: dotted; border-left:  groove; border-right: groove; width:700px">Also wie der <i>Titel</i> schon sagt, gehts hier um ein problem das keine seltenheit ist... Firefox vs. Internet Exploder!<br />Also i-wie wird die Seite bei Firefox ganz anders als bei
Internet Exploder angezeigt...</div></b></big></p>




<form action="hamsterpvp.cwsurf.de" method="get" style="text-align: left;">
<p>Nick:
<input type="text" name="ID" value="hier bitte ihr id eingeben" size="20" maxlength="60" /></p>
<p>Passwort:<input type="password" name="Passwort" value="passwort" size="20" maxlength="60" /></p>
<p>E-mail:
<input type="text" name="email" value="Hier bitte ihre email eingeben" size="20" maxlength="60" /></p>
<p>Betreff:<br />
<input type="radio" name="Betreff" value="v" />Beschwerde
<input type="radio" name="Betreff" value="v" />Kontakt
<input type="radio" name="Betreff" value="v" />Sonstiges
</p>
<p>Inhalt:<br />
<textarea name="Betreff" rows="7" cols="20">
 Hier ihren Text eingeben
</textarea></p></form>
<p align="left">An Wem schicken:
  <select name="Auswahl" size="">
<option value="Auswahl 1">Mich</option>
<option value="Auswahl 2">Dich</option>
<option value="Auswahl 3">Sich</option>
<option value="Auswahl 4">Sie</option>
</select>
</p>
<p style="text-align: left;"><input type="submit" name="Senden" value="Absenden" /></p>







</div>
</body>
</html>

Alles anzeigen

Was noch?

Sarkkan · 21. August 2010

Als erstes empfehle ich dir mal das "html, body" in deiner CSS-Datei zu entfernen.
Oder was versuchtest du damit zu erreichen?
Damit sollten theoretisch schon mal einige deiner Probleme sich auflösen.

Dann noch etwas, verlagere bitte ALLES in deine CSS Datei, also ohne jede style="#" Angabe, benutze dafür stattdessen die id="#" und class="#" Attribute (=

Und dann melde dich bitte noch mal^^

HamsterPvP · 21. August 2010

Ich hoffe ma es klappt sonst wäre so viel mühe alles zu entfernen und neuzucodieren umsonst

HamsterPvP · 21. August 2010

Lol hat wirklich geklappt also das mit html, body zu entfernen
habs doch letzes mal auch versucht... aba egal
DANKE!!!!!:D

Basi · 21. August 2010

Bitte statt Doppelpost die Edit Funktion nutzen [Blockierte Grafik: http://www.webdesign.sarkkan.de/smilie/zwinker.png]

Sarkkan · 21. August 2010

Kein Problem

Kurz zur Erklärung:

Code

html, body
    #navi li {
        background-color:silver;
        border-left:30px solid black;
        border-right: 5px solid red;
        border-top: 10px double green;
        border-bottom: 10px double green;
        width:120px;
        height:50px;
    }




Ist das selbe wie




html, body #navi li { background-color:silver; border-left:30px solid black; border-right: 5px solid red; border-top: 10px double green; border-bottom: 10px double green; width:120px; height:50px; }

Alles anzeigen

wie du siehst hast du dem html genau wie dem li, welches sich in dem Element mit der ID navi, welches sich in dem Element Body befindet, die selbe breite (120px) zugewiesen. (siehe Verschachteln von Elemente)
Dadurch wurde deine komplette Seite auf nur 120px Breite verkleinert, da dass html-Element ja alles umschließt (=

Schon wieder...

Jetzt mitmachen!

Teilen