Ankündigung

Einklappen
Keine Ankündigung bisher.

völlig variabler Rahmen mit Bildelementen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • völlig variabler Rahmen mit Bildelementen

    Hallo ihr,
    ich möchte gerne einen Rahmen aus acht Elementen bauen (vier Ecken und vier Seitenteile). Eine Grundidee habe ich schon, nur leider haperts jetzt bei den Seitenteilen.

    Hier die Idee und ein Stück Quellcode: html-Datei
    Code:
    <div id="con">
    
    <div class="mo">
        <div class="mu">
            <div class="mr">
                <div class="ml">
                    <div class="ro">
                        <div class="lo">
                            <div class="ru">
    			    <div class="lu">
    				<div class="inhalt">
    				    Eine Box mit variablem Rahmen und viel Text...
    				</div>
    			    </div>
    			</div>
    	            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    </div>
    Ist zwar nicht sonderlich schön, aber es funktioniert

    Die css-Datei für die Rahmen befindet sich hier: css-Datei

    Nach meiner Überlegung müsste es mit einer for-Schleife realisierbar sein. Jedoch weiß ich nicht, wie ich es umsetzten soll... Habt ihr einen guten Einfall bzw. ein kleines Beispiel dafür?
    Zuletzt geändert von ; 28.09.2007, 12:28. Grund: neue "Fakten" ;)

  • #2
    AW: völlig variabler Rahmen mit Bildelementen

    Hi,
    Zitat von Zembris Beitrag anzeigen
    Nach meiner Überlegung müsste es mit einer for-Schleife realisierbar sein.
    wie kommst Du nur auf so eine merkwürdige Idee?
    Du musst nur das CSS entsprechend ändern:

    HTML-Code:
    .mo {
            background:url("mittel_oben.gif") top center repeat-x;
    }
    .mu {
            background:url("mittel_unten.gif") bottom center repeat-x;
    }
    .mr {
            background:url("mittel_rechts.gif") center left repeat-y;
    }
    .ml {
            background:url("mittel_links.gif") center right repeat-y;
    }
    Gruß
    Ingo
    Ingo Webdesign

    Kommentar


    • #3
      AW: völlig variabler Rahmen mit Bildelementen

      Ähm… glaube, dass ich so etwas ähnliches bei Java oder C++ mal gemacht habe.
      Aber Danke, muss ich nachher mal umsetzten!

      Kommentar


      • #4
        AW: völlig variabler Rahmen mit Bildelementen

        Echt witzig, aber genau das gleiche Problem hat mich mind. einen Monat beschäftigt.
        Alle Lösungen, die irgendwo geschrieben wurden, funktionieren nämlich nicht.
        Die von Selfhtml ist Mist, da man eine riesige Grafik für den Hintergrund + Ecke braucht.
        Die Lösung, dass man die Ecken mit "top left" positioniert ist auch Mist, da der Internet-Explorer (6), eben das Problemkind, immer ein oder zwei Pixel meist unterhalb der Grafik einen Strich mit dranpappt.
        Die Lösung, die bei wirklich allen Browsern funktioniert ist die:

        Code:
        #top {margin-bottom:1em; line-height:1em; font-size:1em; color:#000000; background:#ccdceb url(images/top.gif) top right no-repeat;}
        #bottom {display:block; padding:1em; background:url(images/bottom.gif) bottom left no-repeat;}
        HTML-Code:
        <div id="top"><div id="bottom">
        wichtig, und der Trick ist eben, das die Ecken "innen" transparent sind und "außen" die Hintergrundfarbe haben:
        http://cms.mi-schi.com/cms/images/top.gif
        </div></div>
        Wer noch mehr wissen möchte, oder eine andere Lösung hat, ich kann natürlich auch noch ausführlicher beschreiben. Ich denke mal, ich habe alle Varianten ausprobiert.

        Kommentar


        • #5
          AW: völlig variabler Rahmen mit Bildelementen

          google mal nach "css + sliding doors"

          Kommentar

          homepage-forum.de - Hilfe für Webmaster! Statistiken

          Einklappen

          Themen: 57.075   Beiträge: 431.983   Mitglieder: 29.242   Aktive Mitglieder: 49
          Willkommen an unser neuestes Mitglied, personike.

          Online-Benutzer

          Einklappen

          268 Benutzer sind jetzt online. Registrierte Benutzer: 4, Gäste: 264.

          Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

          Die neuesten Themen

          Einklappen

          • croxxx69
            Seite nicht von Google indexiert?
            Hallo, wenn ich site:meineseite in google eintippe, ist leider immer noch kein Resultat in Google, also nicht indexiert. Die Seite ist schon paar Monate online, auch in Search Console angemeldet... Kann mir bitte einer helfen? Was kann ich tun? Wenn ich darf, kann ich auch meine Seite hier posten
            18.05.2022, 21:21
          • daniel5959
            Überdachte Pedelecs
            Hallo,

            nachdem ich gut 40 Jahre lang Auto gefahren bin, habe ich seit einigen Jahren kein Auto mehr.

            Für die kurzen Strecken alle 2 Wochen zum Supermarkt oder auch mal in die nächste Stadt (ca. 3,5 km bis zum Stadtrand mit Bau- und Garten- sowie Supermärkten oder ca. 5 km...
            15.05.2022, 21:12
          • eisbär
            html und css homepage ohne Javascript
            Hallo,
            ich möchte nur in html und css ohne Javascript eine Website erstellen , die laut Anhang ungefähr so aussehen soll. Content diverse Themenbereiche als Blog. Ich habe auch schon angefangen, hochgeladen, das würde eigentlich schon reichen. Aber ich bin haltrnicht zufrieden. Als Hilfe hatte...
            14.05.2022, 09:22
          • daniel5959
            Heizölpreis
            Hallo,

            viele Häuser werden ja mit Heizöl beheizt und manche jammern etwas von unbezahlbar, aber wie sieht es wirklich aus.





            Ein Haus mit 150 m² und Baujahr 1970 bis 1980 braucht etwa 3.000 Liter im Jahr - Kosten:

            2019 >> 2.077,50...
            11.05.2022, 02:00
          • bodan
            Verlängern des eines SSL-Zertifikats vergessen - muss das dann neu beantragt werden!?
            Tach Community,

            wenn man das rechtzeitige Verlängern des eines SSL-Zertifikats vergessen hat- muss das dann neu beantragt werden!?

            VG Bodan...
            09.05.2022, 19:08

          Die neuesten Beiträge

          Einklappen

          Lädt...
          X