__pat__: Layout mit Rahmen und dynamischem Inhalt erstellen (~Blog)

Hallo,

ich möchte ein Layout mit Rahmen erstellen, ähnlich wie dies in den Blogs gesehen werden kann. Dabei sind die Rahmen Bilder und der Inhalt wird mit einem Script hineingeschrieben, die CSS-Werte bleiben immer gleich (oder?).
Wie bringe ich das nun fertig, das meine Rahmen-Bilder immer am richtigen Ort sind? Die Inhalte werden per PHP hinzugefügt.

Vielen Dank für eure Hilfe. Ein Code habe ich noch keinen, würde ja auch nicht weiterhelfen.

Gruss

patrick

  1. hei,

    verstehst du selber was du da geschrieben hast ? :]

    LG

    1. hei,

      verstehst du selber was du da geschrieben hast ? :]

      LG

      hallo,

      versteht man es nicht? Dann muss ich es wohl noch genauer erklären...

      Also, was ich eigentlich will ist folgendes:
      Ich möchte eine CSS erstellen, die es mir ermöglicht, an jeden Ecken, egal wie hoch oder breit, eine Bild einzufügen. Dies würde mir erlauben, beispielsweise Gästebucheinträge oder Was-weiss-ich-wass in einen abgerundeten Rahmen zu setzen. Das mit dem Blog habe ich erwähnt, weil diese ebenfalls per Script (quasi CMS) erweitert werden und ebenfalls solche Rahmen haben (so dachte ich jedenfalls...).

      Hoffe, das ist klar, sonst meldet euch, brauche eure HILFE.

      lg
      pat

      1. hei,

        also du moechtest ein bild mit zB runden ecken machen?

        :/

        1. hei 2,

          http://webpage.anazana.com/en/ da ist zB im Inhalt die alle blocks mit runden rahmen gemacht, das block kann vertical oder horisontal hoeher oder breiter sein. Und das CSS ist das selber fuer alle blocks. Sowas koennte man auch fur ein bild machen.

          LG

          1. hei 2,

            http://webpage.anazana.com/en/ da ist zB im Inhalt die alle blocks mit runden rahmen gemacht, das block kann vertical oder horisontal hoeher oder breiter sein. Und das CSS ist das selber fuer alle blocks. Sowas koennte man auch fur ein bild machen.

            LG

            Hey,

            Danke für eure Antworten, aber:
            Sorry, ich komm nicht ganz nach was du meinst.

            lg
            pat

            1. 'ǝɯɐu$ ıɥ

              Danke für eure Antworten, aber:
              Sorry, ich komm nicht ganz nach was du meinst.

              du brauchst dringend grundkentnisse in html/css und ich denke da der inhalt aus einer db kommt wäre ein template system eine gute wahl...ansonsten irgend ein css layout nehmen (zb aus selfhtml), anpassen und inhalt reinflanschen. das it es doch was du suchst: das grundgerüst einer website?

              ssnɹƃ
              ʍopɐɥs

              --
              Answers: $1, Short: $5, Correct: $25, dumb looks are still free ...
              1. 'ǝɯɐu$ ıɥ

                Danke für eure Antworten, aber:
                Sorry, ich komm nicht ganz nach was du meinst.

                du brauchst dringend grundkentnisse in html/css und ich denke da der inhalt aus einer db kommt wäre ein template system eine gute wahl...ansonsten irgend ein css layout nehmen (zb aus selfhtml), anpassen und inhalt reinflanschen. das it es doch was du suchst: das grundgerüst einer website?

                ssnɹƃ
                ʍopɐɥs

                hallo,
                es geht mir darum, dass die Bilder im Ecken angezeigt werden, dass es einen vollständigen Rahmen gibt, unabhängig von der Grösse.

                http://www.deepdish.ch/test/CSS-test/html.html

                Dachte es sollte so funktionieren:

                  
                <html>  
                <head>  
                <style type="text/css">
                ~~~~~~css
                  
                body {  
                	text-align:center;  
                	vertical-align:middle;  
                }  
                .all {  
                	width:500px;  
                	position:relative;  
                	text-align:center;  
                	vertical-align:middle;	  
                }  
                .left-top {  
                	background-image:"./left-top.jpg";  
                	left:0px;  
                	top:0px;  
                	position:absolute;  
                	height:100px;  
                	width:100px;  
                }  
                .right-top {  
                	background-image:"./right-top.jpg";  
                	right:0px;  
                	top:0px;  
                	position:absolute;  
                	height:100px;  
                	width:100px;  
                }.border-top {  
                	background-image:"./border-top.jpg";  
                	top:0px;  
                	position:absolute;  
                	background-repeat:repeat-x;  
                	height:100px;  
                }.border-left {  
                	background-image:"./border-left.jpg";  
                	left:0px;  
                	position:absolute;  
                	background-repeat:repeat-y;  
                	width:100px;  
                }  
                .border-right {  
                	background-image:"./border-right.jpg";  
                	right:0px;  
                	position:absolute;  
                	background-repeat:repeat-y;  
                	width:100px;  
                }  
                .border-bottom {  
                	background-image:"./border-bottom.jpg";  
                	bottom:0px;  
                	position:absolute;  
                	background-repeat:repeat-x;  
                	height:100px;  
                }  
                .left-bottom {  
                	background-image:"./left-bottom.jpg";  
                	bottom:0px;  
                	left:0px;  
                	position:absolute;  
                	height:100px;  
                	width:100px;  
                }  
                .right-bottom {  
                	background-image:"./right-bottom.jpg";  
                	bottom:0px;  
                	right:0px;  
                	position:absolute;  
                	height:100px;  
                	width:100px;  
                }  
                .content {  
                	color:#000000;  
                	background-color:#FFFFFF;  
                }
                ~~~~~~html
                  
                </style>  
                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
                <title>Untitled Document</title>  
                </head>  
                  
                <body>  
                <div class="all">  
                	<div class="left-top"></div>  
                	<div class="border-top"></div>  
                	<div class="right-top"></div>  
                	<div class="border-left"></div>  
                	<div class="border-right"></div>  
                	<div class="left-bottom"></div>  
                	<div class="border-bottom"></div>  
                	<div class="right-bottom"></div>  
                	<div class="content">Hier steht ganz viel Text</div>  
                </div>  
                </body>  
                </html>  
                
                

                Was ich mir vorstellte:
                Bild
                Und was raus kam:
                BildBild

                Was mache ich falsch?

                Vielen Dank für eure Hilfe.

                1. Was ich mir vorstellte:
                  Bild

                  Und was raus kam:
                  Bild

                  Bild

                  sry

                2. 'ǝɯɐu$ ıɥ

                  es geht mir darum, dass die Bilder im Ecken angezeigt werden, dass es einen vollständigen Rahmen gibt, unabhängig von der Grösse.

                  hättest du das gleich so geposted, hätten wir dir auch früher helfen können....

                  wenn du auf alte browser verzichten kannst dann benutze CSS3 für die runden ecken (damit sparst du dir die divsuppe) und den text zentrierst du so.

                  ssnɹƃ
                  ʍopɐɥs

                  --
                  Answers: $1, Short: $5, Correct: $25, dumb looks are still free ...