Beiträge von AnonymusChaotic

  • Deckel, Boden und variabler Mittelteil

    Nein, das war nicht das was ich meinte.


    Idee war, Bilder wie diese (natürlich grafisch schöner, fürs zeigen aber sollten die reichen) zu verwenden:


    [Blockierte Grafik: http://img5.fotos-hochladen.net/uploads/deckelev2dmnbo08.gif]


    [Blockierte Grafik: http://img5.fotos-hochladen.net/uploads/mitte2w67hc2ji3p.gif]


    [Blockierte Grafik: http://img5.fotos-hochladen.net/uploads/boden17bmwe5poxa.gif]


    [Blockierte Grafik: http://img5.fotos-hochladen.net/uploads/bodenz15xfgy0b8.gif]
    (Ränder sind durchsichtig)
    Denen eine fixe breite geben, davor der Text, dahinter einfärbig oder ein Muster/Bild

  • Deckel, Boden und variabler Mittelteil

    Hallo,


    ein Freund hat mich gebeten, für Ihn ein Joomla-Teemplate zu erstellen. Das Joomla wird denke ich kein Problem, allerdings ist mir nicht klar wie ich das geplante aussehen verwirklichen soll.


    Beschreibung des Aussehens:


    Im Hintergrund erstreckt sich über die volle Breite eine Grafik, die nicht scrollbar ist (fest montiert)


    Davor befindet sich der Inhaltsteil. Dieser soll aus 3 Bildern bestehen, die sozusagen den Rahmen für den Text bilden:

    [Blockierte Grafik: http://img5.fotos-hochladen.net/uploads/webseiteschemarjfmlsz9t5.jpg]


    Ist der text nur wenige Zeilen lang, entfällt der Mittelteil. Wird der Text allerdings länger, wird, um zu verhindern dass derselbe unten übersteht, der Mittelteil ein- oder mehrmals eingesetzt.


    Wie gehe ich da am besten ran?


    ##########################


    Ist es auch möglich, verschiedeme Mittelteile reihum einsetzen zu lassen, beispielsweise so:
    Hallo,


    ein Freund hat mich gebeten, für Ihn ein Joomla-Teemplate zu erstellen. Das Joomla wird denke ich kein Problem, allerdings ist mir nicht klar wie ich das geplante aussehen verwirklichen soll.


    Beschreibung des Aussehens:


    Im Hintergrund erstreckt sich über die volle Breite eine Grafik, die nicht scrollbar ist (fest montiert)


    Davor befindet sich der Inhaltsteil. Dieser soll aus 3 Bildern bestehen, die sozusagen den Rahmen für den Text bilden:

    [Blockierte Grafik: http://img5.fotos-hochladen.net/uploads/webseiteschemarjfmlsz9t5.jpg]


    Ist der text nur wenige Zeilen lang, entfällt der Mittelteil. Wird der Text allerdings länger, wird, um zu verhindern dass derselbe unten übersteht, der Mittelteil ein- oder mehrmals eingesetzt.


    Wie gehe ich da am besten ran?


    ##########################


    Ist es auch möglich, verschiedeme Mittelteile reihum einsetzen zu lassen, beispielsweise so:
    [Blockierte Grafik: http://img5.fotos-hochladen.net/uploads/webseiteschemaz297ekrh0a.jpg]


    Freue mich auf Antworten,
    lg. Anonymuschaotic

  • Problem mit Header-Navigation

    1.) Warum gibt es hier keine Spoiler???
    2.) Mein Code:
    Ist sonst auch noch verändert worden, beispielsweise eine dritte Spalte, aber trotzdem mal mein Code ;)





    als dritte Frage habe ich noch:


    in http://www.html-seminar.de/sti…fussleiste-ganz-unten.htm lernt man, wie man den Sticky footer macht. Soweit alles hinbekommen.
    Allerdings möchte ich jetzt auch noch ein Hintergundbild, das sich wie in http://www.html-seminar.de/bei…intergrund_aufspannen.htm bzw. http://www.html-seminar.de/css…und_hintergrundbilder.htm (ganz unten) über die ganze Seite aufspannt und NICHT! mitscrollt, unterbringen.


    Problematik: Nach den Ergebnissen, die ich aus dem Studium des Quellcodes habe, muss ich das Hintergrundbild position:absolute setzen. Das funktioniert aber nicht. Setze ich das position relative im Code auf absolute, funktionierts auch nicht :(
    Ev. hat da jmd einen Lösungsvorschlag?
    Hier mal der verwendete Code:


    Das Testbild: http://image.excite.de/lifesty…ilder-default-61371-0.jpg

  • Problem mit Header-Navigation

    Hallo,
    folgendes Problem beschäftigt mich seit ein paar Stunden:
    Rahmenbedingungen:
    Ich bin gerade dabei, CSS (und HTML) zu lernen. Zwecks dessen arbeite ich an einer Testwebseite.
    zusätzliche Techniken:
    HTML und CSS, die HTML-Datei ist aber als PHP abgespeichert, da ich vorhabe, auch PHP-Elemente einzubauen.
    Einschränkungen:
    ???
    Browser & Betriebssystem:
    Windows 8, Google Chrome
    Editor:
    Webocton/Scriptly
    Problembeschreibung
    Der Header [ id="kopfzeile" ], wie auf http://www.html-seminar.de/kopfzeile-im-css-design.htm beschrieben, soll durch einzelne, waagrecht angeordnete Felder [<div class="kopfzeileelement"> <p>Lorem Ipsum</p></div>] ersetzt werden. Darunter sollen sich dann die Navigationsspalte [id="navleiste" ], die eine zweite Navigation und eine Infobox enthält.
    Fehlermeldung/-beschreibung:
    Fehler: Die Navigationsspalte rutscht nach, steht dann ganz oben in der Leiste. Interessanterweise geschieht dies in der Probeansicht von Webocton/Scriptly nicht.
    bisherige Lösungsversuche:
    Verbreitern der Felder führt teilweise zu einem Umbruch
    Code:



    ----------------
    Ansicht im Vorschaubrowser von Scriptly:
    [Blockierte Grafik: http://www.fotos-hochladen.net/uploads/lsungsbild1aohjpy9n1c.png]
    Ansicht in Chrome, im Normalen IE ist es ähnlich:
    [Blockierte Grafik: http://www.fotos-hochladen.net/uploads/problembild1wfhy389n4u.png]


    Ich hoffe nun alle nötigen Informationen zur Verfügung gestellt zu haben,
    mfg. Harald