Dreamweaver - runde Ecken

  1. *romy

    *romy Thread StarterMacUser Mitglied

    Mitglied seit:
    27.06.2005
    Beiträge:
    221
    Zustimmungen:
    0
    Hallo ihr Lieben,
    weiss jemand von euch, wie ich in Dreamweaver MX eine Layoutzelle mit runden Ecken versehen kann?
    Und noch eine: Wenn ich in eine Zelle ein Bild einlade, vergrößert sich diese, obwohl das Bild größenmäßig bestens hinein passt.

    Leider habe ich in meinem Freundeskreis niemanden, der Dreamweaver kann und in den 1200 Büchern, die um mich herum liegen finde ich auch keine Antwort. :(

    Viele Grüße
    *romy
     
    *romy, 07.07.2005
  2. Dirk Levy

    Dirk LevyMacUser Mitglied

    Mitglied seit:
    03.02.2002
    Beiträge:
    606
    Zustimmungen:
    0
    Runde Ecken gibt es im Internet nicht,
    dafür mußt Du Bilder erzeugen die das
    dann vorgeben....

    Gruß

    Dirk
     
    Dirk Levy, 07.07.2005
  3. HAL

    HAL

    Das ist so nicht ganz korrekt. Man kann z.B. mit CSS in kleinen
    Abstufungen Ecken erzeugen, die einen abgerundeten Charakter
    haben.


    Hier haben wir den CSS Style...

    PHP:
    b.rtopb.rbottom{display:block;background#D8D8D8}

    b.rtop bb.rbottom b{display:block;height1pxoverflowhiddenbackground#596F80;
        
    text-alignleft;
    }

    b.r1{margin0 5px}

    b.r2{margin0 3px}

    b.r3{margin0 2px}

    b.rtop b.r4b.rbottom b.r4{margin0 1px;height2px}

    ...und die Anwendung im Quelltext:

    PHP:
        <!-- anfang top runde ecken style -->

        <
    class="rtop"><class="r1"></b><class="r2"></b> <class="r3"></b> <class="r4"></b></b>

        <!-- 
    ende top runde ecken style -->



        <!-- 
    anfang unten runde ecken style -->

        <
    class="rbottom"><class="r4"></b> <class="r3"></b> <class="r2"></b> <class="r1"></b></b>

        <!-- 
    ende unten runde ecken style -->

    Das Resultat dieser Trickserei kann man sich im Anhang anschauen.
     

    Anhänge:

    • Dateigröße:
      41,5 KB
      Aufrufe:
      93
  4. arne1900

    arne1900MacUser Mitglied

    Mitglied seit:
    28.09.2004
    Beiträge:
    1.454
    Zustimmungen:
    14
    Wie schon erwähnt, gibt es in Internet runde Ecken nur als Grafiken.
    Du könntest z.B. eine Ebene mit height:auto; erstellen und dort eine Tabelle mit drei zeilen machen. In die oberste und in die unterste kommen dann die ecken und in die mittlere der Seiteninhalt.
    So mache ich das auch auf meiner Homepage:
    www.arne-junker.de.vu
     
    arne1900, 07.07.2005
  5. Dirk Levy

    Dirk LevyMacUser Mitglied

    Mitglied seit:
    03.02.2002
    Beiträge:
    606
    Zustimmungen:
    0
    @HAL: Und das soll in jedem Browser gehen?
    Und schön sind die Ecken auch nicht,
    ist ziemlich pixelig....

    Gruß

    Dirk
     
    Dirk Levy, 08.07.2005
  6. *romy

    *romy Thread StarterMacUser Mitglied

    Mitglied seit:
    27.06.2005
    Beiträge:
    221
    Zustimmungen:
    0
    hmmm, ich denke das mit dem css-style ist schon die sauberste lösung. allerdings...hüstel...muss ich zugeben, dass ich noch gar keine ahnung habe, wie ich das anlegen kann. ich erstelle gerade meine allererste seite in dreamweaver und traue mich auch noch nicht in den quellcode zu gehen....kannst du mir einen tipp geben?
    vielen dank!

    und hat jemand eine lösung für mich bezüglich dieser dämlichen vergrößerung der zellen?

    viele liebe grüße
    *romy
     
    *romy, 08.07.2005
  7. arne1900

    arne1900MacUser Mitglied

    Mitglied seit:
    28.09.2004
    Beiträge:
    1.454
    Zustimmungen:
    14
    Grundlegendes Know-How zu HTML und CSS findest du unter http://de.selfhtml.org
     
    arne1900, 10.07.2005
  8. Krest

    KrestMacUser Mitglied

    Mitglied seit:
    02.05.2005
    Beiträge:
    1.132
    Zustimmungen:
    4
    Na ja... letztendlich kann man es drehen und wenden wie man will, wirkliche runde ecken gibt es weder mit HTML noch CSS... es gibt nur diverse Tricks... der beste ist ihmo der mit Bildern...
     
    Krest, 10.07.2005
  9. joerns

    joernsMacUser Mitglied

    Mitglied seit:
    27.08.2004
    Beiträge:
    215
    Zustimmungen:
    3
    hier mal ein link, der die technik besser beschreibt, als ich das auf die schnelle hinbekommen würde.

    http://www.456bereastreet.com/archive/200506/customising_custom_corners_and_borders/

    funktioniert halt auch für container, die sowohl in breite, als auch in länge flexibel sein sollen. stichwort: "liquid layout"

    wenn es darum geht, container zu haben, die sich nur in der länge anpassen sollen, ist die lösung mit dem dreigeteilten div definitiv die einfachste und wenn ohnehin mit hintergrundbildern gearbeitet wird auch eine "relativ" elegante lösung. habe das auf meiner folio seite selbst genutzt, weil ich dort einfach kein vollständig liquides layout brauche , falls es interessiert schau in den quelltext).

    die oben genannte möglichkeit ist aber sonst eine sehr elegante lösung.
     
    joerns, 10.07.2005
Die Seite wird geladen...
Ähnliche Themen - Dreamweaver runde Ecken
  1. Maren
    Antworten:
    5
    Aufrufe:
    475
    MacMac512
    12.02.2017
  2. El-Gerto
    Antworten:
    0
    Aufrufe:
    307
    El-Gerto
    03.07.2016
  3. happyharry
    Antworten:
    0
    Aufrufe:
    358
    happyharry
    18.08.2015
  4. AndyD
    Antworten:
    9
    Aufrufe:
    2.394
    Ozzfeed
    26.04.2015
  5. Selket111
    Antworten:
    5
    Aufrufe:
    982