Ankündigung

Einklappen
Keine Ankündigung bisher.

Div mit CSS designen

Einklappen

Neue Werbung 2019

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

  • Div mit CSS designen

    Hey Leute,

    ich bin fast am verzweifeln.
    Ich möchte ein Div mit der weite von 1000 px und automatischer höhe erstellen.
    Soweit kein Problem!
    Nur möchte ich jetzt das dort herum ein zackiger Rand ist. (siehe Bild)

    Habe es jetzt mal so versucht.
    PHP-Code:
    htmlbody {
      
    margin0px;
      
    background-position:-192px 0%;
    }

    div {
        
    border15px solid transparent;
        
    width1000px;
        
    padding10px 20px;
    }

    #content {
      
    positionabsolute;
      
    background-imageURL('../pics/contentbg.gif');
      
    background-size100100%;
      
    background-position: -8px -8px;
      
    background-repeatno-repeat;
      
    margin-left: -120px;
      
    heightauto;
      
    width1000px;
      
    left50%;
      
    margin-left: -500px;
      
    top230px;
      -
    webkit-border-imageurl(../pics/border.png30 30 round/* Safari 3.1-5 */
      
    -o-border-imageurl(../pics/border.png30 30 round/* Opera 11-12.1 */
      
    border-imageurl(../pics/border.png30 30 round;

    aber das funktioniert auch nicht so wie gewünscht. (siehe Bild2)





  • #2
    1. ist das kein PHP
    und
    2. liegt das daran, dass du das von w3schools kopiert hast
    Die mysql_* Erweiterung ist veraltet!
    Besser: mysqli_* oder (noch besser) PDO

    Kommentar


    • #3
      1. deswegen steht im Titel das Wort CSS drin.. aber ja habe keine passende Kategorie gefunden.

      2. nein das habe ich nicht von dort kopiert

      Kommentar


      • #4
        Die Definition vom <div> ist schonmal merkwürdig.
        Dann stimmen die width von div und content mitsamt margins und paddings nicht wirklich überein, und dass mit monströsen Minuswerten im margin (es gibt margin-left zwei mal?) zu reparieren ist irgendwie auch keine Lösung.
        Die mysql_* Erweiterung ist veraltet!
        Besser: mysqli_* oder (noch besser) PDO

        Kommentar


        • #5
          Zitat von Laminator-Berli Beitrag anzeigen
          2. nein das habe ich nicht von dort kopiert
          Das hätte mich auch gewundert.

          So kann man das machen: jsfiddle.net

          Kommentar


          • #6
            Zitat von Laminator-Berli Beitrag anzeigen
            2. nein das habe ich nicht von dort kopiert
            Sah dann wohl nur so aus.

            Der w3schools Code:
            Code:
            -webkit-border-image:url(border.png) 30 30 round; /* Safari 3.1-5 */
            -o-border-image:url(border.png) 30 30 round; /* Opera 11-12.1 */
            border-image:url(border.png) 30 30 round;
            Die Comments haben mich stutzig gemacht
            Die mysql_* Erweiterung ist veraltet!
            Besser: mysqli_* oder (noch besser) PDO

            Kommentar


            • #7
              Das ist vielleicht sogar kopiert oder von einem Generator. Aber der Rest würde mich wunder, wenn das jemand veröffentlicht.

              Kommentar


              • #8
                Ich meinte auch nur die border-image Zeilen. Das sieht so aus als wären die zusätzlich so dareinkopiert worden, in der Hoffnung das Ergebnis würde passen.
                Die mysql_* Erweiterung ist veraltet!
                Besser: mysqli_* oder (noch besser) PDO

                Kommentar

                Lädt...
                X