Homepage / HTML/CSS Grundkurs

  • So, hatte endlich mal etwas Zeit gefunden um etwas zu basteln. Das Oms ist nun schonmal online.


    Ein dickes Dankeschön geht an Odio, Hänsl und an UdZero raus dass ich überhaupt mal was online bekommen habe :love:


    Kämpfe mich atm immernoch durch den XTML und vorallem CSS Code in dem ich "etwas" durcheinander gebracht hatte und nun den Überblick verloren habe :cursing:
    Das die Seite im momentanen Zustand ein..Zustand ist... weiß ich :thumbdown:


    PS: Scheisse.. wo issn das Menu bei euch? Links oben, oder Links mittig? ?(

  • dann gibste dem menü am besten ne prozentuale höhe und die abstände auch prozentual.
    also height:50%;margin-top:25%;margin-bottom:25%;
    Geht auch ohne feste Größen, aber wird etwas umständlicher und nur mit workarounds für die jeweiligen browser, gibt wohl keine mustergültige Lösung leider


    *edit
    Außer natürlich tabellenlayout

  • Egal wie ich was einbaue... es passiert nichts, ausser dass vll die Schrift sich nach unten versetzt ?(

  • OMG! Vor lauter Bäumen den Wald nicht gesehen :ohoh:


    danke ^^


    €:


    Code
    #main-right {
    position: fixed;
    top: 40px;
    left: 30px;
    background: #222;
    width: 150px;

    Sobald ich da was änder zerpflückt es mit das Menu


    Entweder es verschwindet ganz, oder die Ecken verteilen sich auf die des Bildschirmes...
    Aber ich glaube der Fehler liegt woanders vergraben, das hatte ich nämlich schonmal als ich es nach links und dort fixiert habe.

  • übrigens ists im IE unten links und nur sichtbar wenn man runterscrollt, auch das Headerbild ist nicht zu sehen.
    evtl min-width, max-width verwenden, falls das auch nichts hilft, entweder das Bild direkt anzeigen(nicht als Hintergrund) oder den container mit ner transparenten gif strecken.


    das menu:
    <div style="position:fixed;">
    <div style="position:absolute;top:30%;left:20px;">
    <!--DEIN MENU-->
    </div>
    </div>


    damit funktionierts
    zumindest im FF ist es fixiert am linken Rand, im IE scrollt es mit.
    Außerdem solltest du es an den Anfang von <body> packen und nicht ganz ans ende.



    *EDIT auf deinen letzen post:
    Dass es komplett verschwindet liegt tatsächlich daran, dass es nicht am Anfang sondern am Ende von <body> steht.
    warum genau, kann ich dir auf die schnelle auch nicht sagen, dein Code ist eh ziehmlich umständlich, wie ich finde.

  • Hmm
    Der Code ist echt etwas umständlich :-/


    Werde mich morgen mal daran machen den neu zu schreiben, zuminderst den umständlichen Teil.
    Den Blog möchte ich dann eh nicht über das normale HTML/CSS sondern über Wordpress machen da mir das so zu dumm ist ^^


    Nun aber erstmal n bissl Sport machen und dann evtl schwimmen gehen :D
    Kann keine Pixel mehr sehen und es ist Wochenende ( WTB Smiley mit Bierflasche! )

  • Bin grad dabei das komplette Layout zu ändern..und bekomme zwei Sachen ums Verrecken nicht übereinander.


    SelfHTML & Co hilft mir nicht weiter.. ich weiß dass es voll die Kidnerkacke ist und ich stehe derbst auf dem Schlauch :cursing:


    So solls aussehen:



    so siehts aus:






    Muss ich das scheiss Teil wirklich als Ganzes uppen oder wie?!
    Wollte nur das "Logo" uppen, den Rest "reineditieren" ( ausser natürlich die Schrift... scheiss Einschränkungen im Web :die: )