Hab ich etwas falsch gemacht?

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

Basi · 15. August 2010

Um dir helfen zu können brauchen wir deinen Quelltext, sowie den HTML, als auch den CSS Quelltext, erst dann können wir helfen.

Denke bitte auch daran die [ CODE ] Funktion hier im Board zu nutzen um deine Codes zu highlighten.

NeoAramis · 15. August 2010

Zitat von "Basiii"

... um deine Codes zu highlighten.

Der Code wird nicht "gehighlightet". Ist leider nur bei PHP der Fall.

Basi · 15. August 2010

Hat jetzt überhaupt nichts mit dem Thema zu tun, ich habe nur darauf hingewiesen das er/sie das bitte machen soll...

Man kann da auch echt kleinlich sein, du liest das also auch lieber ohne Kästchen drum?

Des weiteren bedeutet 'highlighten' nichts anderes als hervorheben / markieren, und keineswegs bunt gestalten für bessere Lesbarkeit.

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...

Basi · 15. August 2010

Also es ist einfacher wenn du deinen gesamten Code posten würdest, daraus können wir jetzt auch nicht viel sehen, wir brauchen auf jeden Fall deine Navigation und deinen CSS Code.

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

Basi · 15. August 2010

Ich verstehe jetzt leider dein Problem nicht mehr so ganz.

Aber du solltest nicht für jede Style Angabe einen neuen <style> Tag benutzen, und vor allem hast du doch gesagt das du das auslagern willst? Warum lagerst du dann nicht alles aus?

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

Basi · 15. August 2010

Ich rate dir noch einmal von vorne anzufangen (mit deiner schön bunten Webseite), und dich dabei auf CSS konzentrierst, und tu dir selbst den Gefallen:

Kopiere nicht einfach alles.

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...

Basi · 15. August 2010

Gerade durch das selber tippen lernst du es doch!

Das mit der bunten Seite ist ja nicht schlimm, aber der Code ist genau so 'bunt', der ist viel zu wild durcheinander.

HamsterPvP · 15. August 2010

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

Basi · 15. August 2010

Und wenn du jetzt Hilfe brauchst dann meldest du dich hier wieder ja?

NeoAramis · 15. August 2010

Zitat von "Basiii"

Hat jetzt überhaupt nichts mit dem Thema zu tun, ich habe nur darauf hingewiesen das er/sie das bitte machen soll...

Man kann da auch echt kleinlich sein, du liest das also auch lieber ohne Kästchen drum?

Des weiteren bedeutet 'highlighten' nichts anderes als hervorheben / markieren, und keineswegs bunt gestalten für bessere Lesbarkeit.

Geh mal zu einem Nervendoktor...

Und die Farbe spielt sehr wohl eine Rolle: <a class="postlink" href="http://de.wikipedia.org/wiki/Syntaxhervorhebung">http://de.wikipedia.org/wiki/Syntaxhervorhebung</a>

Basi · 15. August 2010

Wie dir sicher aufgefallen ist habe ich keineswegs das Wort "Syntaxhervorhebung" genutzt, ich sprach grundsätzlich von keiner "Syntax", sondern nur von einem "Highlighting", dabei ging es mir nicht um die Syntax.

Kläre uns doch bitte mal auf was genau du unter "Syntax" verstehst.

Und was hat das ganze jetzt mit einem Nervendoktor zu tun?

lauras · 15. August 2010

Versteh ich ehrlich gesagt auch nicht.
Ich muss aber mal darum bitten, bitte auf der sachlichen Ebene zu bleiben. Das hat nichts mit dem Thema zu tun, das könnt ihr in Zukunft bitte per PN klären.

Gruß
Laura

PS: (to highlight [engl.] = markieren, hervorheben. Damit muss nicht unbedingt Syntaxhighlighting gemeint sein, auch wenn es in den meisten Fällen so verwendet wird.)

NeoAramis · 15. August 2010

Zitat von "Basiii"

Wie dir sicher aufgefallen ist habe ich keineswegs das Wort "Syntaxhervorhebung" genutzt, ich sprach grundsätzlich von keiner "Syntax", sondern nur von einem "Highlighting", dabei ging es mir nicht um die Syntax.

Kläre uns doch bitte mal auf was genau du unter "Syntax" verstehst.

Von welchem Highlightning sprechen wir dann? Von der Syntax einer Sprache: HTML, CSS etc.

Zitat von "Basiii"

Und was hat das ganze jetzt mit einem Nervendoktor zu tun?

Weil Du so genervt reagiert hast.

Basi · 15. August 2010

Ich habe von Anfang an nur darauf hingewiesen das HamsterPvP seinen / ihren Code mit dem dafür vorgesehenen BB-Code versehen sollte.

feinshdens · 16. August 2010

HamsterPvP

Sauberer Code ist das um und auf, und ist auch sehr hilfreich beim debugging!

Zitat von "hamsterPvP"

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...

gute Idee , du musst jedoch nicht immer ein neues <style> Tag verwenden.
Das Anfangs und Ende <style> Tag markiert den Bereich des Stylesheets.
Ob du nun den Code in einer Zeile oder gegliedert zeichnest, macht für die Ausführung des Codes keinen Unterschied.....
...für die Lesbarkeit jedoch einen erheblichen^^

Hab ich etwas falsch gemacht?

Jetzt mitmachen!

Teilen