Navi + Layout (verschmelzen)

  • Guten Tag,
    Ich bin ja grad an meiner Homepage rumfummeln und meine frage ist nun... kann ich für mein Navi ein gleiches Layout wie für mein Hintergrund wählen? das layout ist über Photoshop gemacht und bilder schwirren im Hintergrund herum... nur wie gestaltete ich das?


    Beispiel?


    #navi
    background-color(url) oder so?[/b]

  • ich hatte dir doch im Thread "Banner Tags" schon dazu geschrieben...


    Der Navi-Bereich nimmt doch für gewöhnlich eh den gleichen BG ein als wie der Rest der Seite.
    Allerdings sollte es bei dir sicher heissen: background-image


    Meine Anfrage wieweit du nun eine ausgelagerte, separate css-Datei für deine Formatierungen und Gestaltungen angelegt hast, blieb bislang leider unbeantwortet


    [Blockierte Grafik: http://www.pg-private-line.de/dateien/_Psign_trans_Epost.gif]



    PS: kann das sein, dass du hier nun zu fast einem und dem gleichen Thema - dein LAYOUT, dein BANNER etc. - mittlerweile das vierte Topic füllst, ohne dass aber mal nur eins davon auch korrekt als "verstanden" bzw. "nicht verstanden" - "geklappt" oder "nicht geklappt" o.ä. beendet wurde?

  • Hat alles wunderbar geklappt! Hab es auch verstanden!


    aber das ist nun meine letzte frage da hilft mir auch nicht das gekaufte buch!
    habe meine seite auf 900 px festgestellt... nun ich finde die ausfarbe ( also ca 200 px rand ziemlich düftig) kann ich die farbe irgendwie ändern... wenn ja mit welchem tag bin dann auch ruhig^^

  • Kann dir nur den Quellencode geben... da ich erst am Index schreiben bin...einfach mal beim Editor reinkopieren und angucken


    <head>
    <title>The Best Movie Source</title>
    <meta name="description" content="Movieland wir bieten die besten Kritiken.">
    <meta name="author" content="Nicky Kuprevicius">
    <meta name="keywords" content="Film, Filme, Kritiken, Datenbank, Horrorfilme, Movieland">
    <meta name="keywords" content="FilmDatenbank">
    <meta name="robots" content="noindex">


    </head>
    <body>
    <img style="border:1px solid red; padding-right:30px;" src="http://i1.tinypic.com/6k9klxe.gif" />



    <style type="text/css">
    <!--


    body {
    text-align: center; /* Zentrierung IE */
    }


    #seitenbereich {
    text-align:left; /* Inhalt wieder links */
    margin: 0 auto; /* Zentrierung mitte */
    width: 900px;
    background-color:silver;
    }


    #kopfzeile {
    background-color:lightskyblue;
    border-bottom:1px solid black;
    }


    #fusszeile {
    clear: both;
    background-color:lightskyblue;
    border-top:2px solid black;
    }


    #navi {
    float:left;
    width:13em;
    background-color:thistle;
    }


    #inhalte {
    margin-left: 14em;
    background-color:lightblue;
    }
    -->
    </style>


    <div id="seitenbereich">


    <div id="kopfzeile">
    Movieland... The Best... Movie Source!
    </div>


    <div id="navi">
    <ul>
    <li>Startseite</li>
    <li>Impressum</li>
    </ul>
    </div>


    <div id="inhalte">
    <h2> Movieland ist nun endlich Online </h2>


    </div>
    <div id="fusszeile">
    Kontakt über <!-- e --><a href="mailto:DeDavini@gmx.net">DeDavini@gmx.net</a><!-- e -->
    </div>
    </div>
    </body>


    Jetzt siehste glaube ich den Außen abstand oder? den möchte aber nicht im normalen Grau haben... mich würde schwarz z.B eher ansprechen


    PS: Den text z.B Movieland ist jetzt online nicht ernst nehmen kommt nochmehr brauchte erstmal nen Text zur Übersicht

  • schauste einfach mal hier zum Beispiel rein
    <!-- m --><a class="postlink" href="http://www.html-seminar.de/style-sheet.htm">http://www.html-seminar.de/style-sheet.htm</a><!-- m -->


    Ich helfe sehr gerne bei speziellen und gezielten Anfragen, kann hier aber nun wirklich nicht das komplette CSS runterbeten :wink:
    Bischen Eigenarbeit musste nun schon mal selber machen!


    Alleine die Kurzreferenz von css4you umfasst etwa um die 5 MB Download :roll:


  • 1 Sünde: - durch 2 x dasselbe metatag "keywords" geht je nach Suchmaschine eines verloren - das erste i.d.R.


    2 Sünde: Du möchtest, das Suchmaschinen deine Seite NICHT aufnehmen? Das sagst du mit noindex.


    Ich schätze, du möchtest in Suchmaschinen auftauchen, dann
    <meta name="robots" content="INDEX,FOLLOW" />


    Mehr Infos
    http://www.html-seminar.de/metatags.htm


    An deinem Titel der Seite solltest du noch arbeiten - irgendwas in der Richtung "Movieland bietet die besten Kritiken - The Best Movie Source</title>


    So, das war zwar nicht deine Frage, aber auch wichtig :)


    cu Axel

  • Guten Tag,
    Bitte denkt von mir jetzt nicht ich wäre einer der sich ebent schnell eine Homepage erstellen möchte und dafür nichts tun würde... Kurze Aufklärung gibt es!
    Habe immoment ziemlichen Streß und vergesse teilweise sehr viel... habe mir zwar alles durchgelesen aber vergesse auch teilweise alles!


    Danke aber die Sünden bearbeiten :D
    Trotzdem habe ich immer noch eine frage offen :D
    Wie kriege ich den außen Rand (nach 900 px) Schwarz?


    siehe z.B gruselseite.com

  • hallöchen,
    na ja - war ja auch nicht so arg von mir gemeint :lol: könntest dir aber gegen einen kleinen Obulus evtl. ja mal die ganze html-Seminar Hilfe als PDF zum laufenden offline-Gebrauch ordern:
    <!-- m --><a class="postlink" href="http://www.html-seminar.de/site_als_pdf.htm">http://www.html-seminar.de/site_als_pdf.htm</a><!-- m -->


    ZUR FRAGE:
    wenn ich dich richtig verstehe möchtest du deinen Background in einer bestimmten Farbe haben, der nach 900px rechts aussen in die Farbe schwarz übergehen soll???


    Machst du am besten mit deinem Grafikprogramm -
    wo du eine Datei von sagen wir mal 1300px Breite erstellst (schachtelt sich dann allerdings, sofern grössere Auflösung genutzt wird), Höhe genügt je nach Art von ca. 3-5px, und fügst dann am rechten Ende einen Farbverlauf von deiner Grundfarbe zu schwarz hin ein.


    ABER bedenke die unterschiedlichen Auflösungen der User...
    arbeitet jemand mit 1024 x 768px mag dein Mass noch OK sein - nur WAS, wenn jemand eine Auflösung von 1280x1024px nutzt? Wie sieht das dann aus?
    OK, generell gehe mal davon aus, dass deine Seite wohl nur in den seltensten Fällen bei einem Nutzer auch wirklich SO aussieht, als wie du sie bei deiner Erstellung auf deinem Monitor siehst.
    Ein Problem mit dem sich jeder Webseitenersteller abfinden muss, und jeder für sich beim Einsatz aller machbaren CSS-Möglichkeiten versucht entgegen zu wirken


    Nun gleich - entsprechend müssen dann in jedem Fall deine margin-Vorgaben so vorgenommen werden, dass deine evtl. dunkle Schriftfarbe nicht bis in den Schwarzbereich hineinreicht.


    Denke mal, es würde allen hier sehr helfen, könntest du deine Seite mal hier linken


    Gruss
    Peter

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!