Beiträge von HamsterPvP

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

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

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?

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

HamsterPvP · 15. August 2010

Naja ich fang halt einfach von vorne an und hoffe das es dann net wieder passiert...

HamsterPvP · 15. August 2010

das mit kopieren hatte ich einfach kb selba was zu tippen und mit der bunten seite naja mir war halt langweilig...

HamsterPvP · 15. August 2010

das zu den style
hab erst vor kurzen angefangen das zu lernen da ist es halt einfacher für mich also wenn ich alles in eine Zeile quetsche...
das zu alles auslagern
wenn ichs mache mach ich i-was falsch das ich dann gar kein design habe(halt außer der navi)

[Blockierte Grafik: http://a.imageshack.us/img695/3281/fehlerv.png]

das ist mein prob -.-

vorher war es halt zentriert

HamsterPvP · 15. August 2010

Der Css-code steht da ja
mit dem auf der html seite hab ich halt bissl experementiert
und sonst steht da ja auch nur müll drin^^
hier ist das was vllt wichtig ist

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>HamsterPvPs Website</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)" />




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




    <style type="text/css">
    <!--
    h1 {
        border-color:#FF00FF;
        border-width:1px;
        border-style:solid;
        color:orange;
        font-size:28pt;
        font-family:arial




    }
    --></style>




    <style>
    <!--
    h2 {
        border-top-width:10px;
        border-color:#BFBDBB;
        border-left-width:10px;
        border-right-width:0px;
        border-bottom-width:0px;
        border-style:solid;
        color: #800000;
        line-height: 2em;
        letter-spacing: 0.3em;
        word-spacing: 3.5em
    }
    --></style>
    <style>
    <!--
    p {
        border-color:#BFBDBB ;
        border-bottom-style:dotted;
        border-right-style:dotted;
        line-height: 2em;
        letter-spacing: 0.3em
    }
    --></style>







    <style>
    <!--
    body {
        border-color: #FFFFFF;
        border-width:15px;
        border-style:outset




    }
    --></style>




    <style>
    <!--
    body {
        background-image: url(http://a.imageshack.us/img121/7756/hamsterbl.jpg);
        background-position: center;
        background-repeat:repeat;
        padding-top:10%;
        padding-bottom:15%;
        padding-left:10%;
        padding-right:10%;
        margin-top:5%;
        margin-bottom:10%;
        margin-left:5%;
        margin-right:5%;
        background-color: #FF00FF;




        }
    --></style>










 <style>
 <!--
 body {
     text-align:center;
 }
 --></style>







</head>




<body>




<div id="kopfzeile">
HamsterPvP's Website-First Try
</div>







  <div id="navi">
 <ul>   <li><a target="_blank" href="http://www.hamsterpvp.de.tl">Startseite</a></li>
   <li><a target="_blank" href="http://www.hamsterpvp.de.tl/About-me.htm">Impressum</a></li>
 </ul>
 </div>




 <div id="inhalte">
 <big>Hier HTML und CSS lernen und die eigene Website erstellen - selbst ist der Mensch</big>
 </div>




<div id="seitenbereich">
<div style="background-color: #FFFF00;
            width:100%;
            height;50%;
            border: 10px green outset;
            border-top: dashed #ff0000 10px;
            border-bottom: groove #FFBCFF 5 px;
            border-left:inset red ;
            border-right: double black 11px">




</div></div>
  <div id="fusszeile">
  HamsterPvP's Website-Kontankt &uuml;ber Blablabla@gammel.de</div>
</body>
</html>

Alles anzeigen

wenns nicht das was du meinst dann weiss ich auch net

HamsterPvP · 15. August 2010

also sry

also das steht bei mir auf der html seite

Code

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

und das steht bei mir in design.css

Code

html, body
  #navi {
   width:200px;
   text-align:left;
   margin-top:10px;
   margin-bottom:10px;
   margin-left:20px;
   margin-right:15px;
 }




 #navi ul {
   list-style:none;
 }




 #navi li {
   background-color:silver;
   border-top:1px black solid;
   border-left:25px orange solid;
   border-bottom:1px red solid;
   border-right:2px blue solid;
   margin-top:10px;
   padding-top:8px;
   padding-bottom:8px;
   padding-left:8px;
   padding-right:8px;
 }

Alles anzeigen

weiß jetzt net ob du das meinst...

HamsterPvP · 15. August 2010

Tach an alle
also hab n prob
hab mir das tutorium auf der html-seminar.de durchgelesen und bei dem punkt Steuerung per Css steht da ja das man ne externe Datei machen soll
hab alles so gemacht wie es da steht und es hat ja auch geklappt also die Steuerung sah so aus wie gezeigt
nur besetz der text auf der "homepage" nur noch 1/10 des platzen rest ist leer und ich kriegs net hin es wirder zu zentrieren...
Bin ich einfach nur zu dumm oder was?
Danke im vorraus und sry für rechtschreibfehler

HamsterPvP

Beiträge von HamsterPvP

Schon wieder...

Schon wieder...

Schon wieder...

Schon wieder...

Hab ich etwas falsch gemacht?

Hab ich etwas falsch gemacht?

Hab ich etwas falsch gemacht?

Hab ich etwas falsch gemacht?

Hab ich etwas falsch gemacht?

Hab ich etwas falsch gemacht?