-Runde Ecken Page-

  1. _julius

    _julius Thread StarterMacUser Mitglied

    Mitglied seit:
    11.10.2004
    Beiträge:
    722
    Zustimmungen:
    0
    Hey Leute,

    soll für eine Kundin eine Seite mit Runden Ecken machen. Klingt absurd aber die meisten wissen was ich meine. Nun mache ich mit HTML und CSS also das Gerüst und für jedes Element (Ecke, Obere Kante, Ecke, Linke Kante) und so weiter und habe die obere Seite schon fertig nur leider bleiben die Zellen bei mir in einer Zeile, ich möchte aber dass "leftborder" eine Zeile unter den "top..."-Elementen anfängt. Vllt. versteht ihr mich wenn ihr den Code gesehen habt. Danke für die Hilfe!!

    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Unbenanntes Dokument</title>
    <link href="design.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    	<div id="topleft"></div><div id="toptracer"></div><div id="topright"></div>
    	<div id="lefttracer"></div>
    </body>
    </html>
    
    CSS:

    HTML:
    body {
    	margin:0px;
    	}
    	
    #topleft {
    	height:18px;
    	width:19px;
    	float:left;
    	background-image:url(images/topleft.jpg)
    	}
    
    #toptracer {
    	height:18px;
    	width:650px;
    	float:left;
    	background-image:url(images/toptracer.jpg);
    	background-attachment: scroll;
    	background-repeat: repeat-x;
    	background-position: left;
    }
    
    #topright {
    	height:18px;
    	width:18px;
    	background-image:url(images/topright.jpg);
    	float:left;
    	}
    	
    #lefttracer {
    	height:19px;
    	width:35px;
    	background-image:url(images/lefttracer.jpg) ;
    	background-position:left;
    	background-repeat:repeat-y;
    	}
     
    _julius, 11.04.2006
  2. _julius

    _julius Thread StarterMacUser Mitglied

    Mitglied seit:
    11.10.2004
    Beiträge:
    722
    Zustimmungen:
    0
    so mir wurde grade verraten es sei quark wie ich versuchen würde runde pages zu machen, habt ihr gute alternativen? brauche die seite unbedingt "handlich" und rund. ne idee?
     
    _julius, 11.04.2006
  3. teejot

    teejotMacUser Mitglied

    Mitglied seit:
    27.12.2003
    Beiträge:
    29
    Zustimmungen:
    0
    teejot, 11.04.2006
  4. _julius

    _julius Thread StarterMacUser Mitglied

    Mitglied seit:
    11.10.2004
    Beiträge:
    722
    Zustimmungen:
    0
    das ist ja nun eine sehr aufwändige möglichkeit... wollte es gar nicht so komplex... :D
     
    _julius, 11.04.2006
  5. master_p

    master_pMacUser Mitglied

    Mitglied seit:
    31.01.2005
    Beiträge:
    1.063
    Zustimmungen:
    23
    Mach's am besten mit einem Bildchen, anststt einer CSS-Ecke. Es ist wirklich ziemlich kompliziert das ganze über CSS zu lösen.
     
    master_p, 11.04.2006
  6. Galanos

    GalanosMacUser Mitglied

    Mitglied seit:
    19.12.2005
    Beiträge:
    624
    Zustimmungen:
    23
    Die Bildchen in die aeussersten Ecken einer Tabelle zu packen (unter Umstaenden mit "table-layout:fixed"), waere nicht praktikabel?
    Vielleicht postest du einen Link zu der Seite, falls es schon was zu sehen gibt. Dann koennen wir uns das besser vorstellen.
     
    Galanos, 11.04.2006
  7. JohnP

    JohnPMacUser Mitglied

    Mitglied seit:
    12.10.2004
    Beiträge:
    471
    Zustimmungen:
    6
    Soviel ich weiß unterstützten nur Mozilla- Browser die runden Ecken mittles CSS.
    Am besten du machst ein paar runde Bildchen.
     
    JohnP, 11.04.2006
  8. pichfl

    pichflMacUser Mitglied

    Mitglied seit:
    03.08.2005
    Beiträge:
    134
    Zustimmungen:
    2
    in CSS klappts nur mit 4 Wrappern das ist soweit richtig.
    Aber du kannst diese auch per javascript einfügen, dann ist dein html-code nicht so vollgestopft.

    z.b. mit moo.DOM oder behaviour.js (googlen... hab die urls grad ned da)
     
    pichfl, 11.04.2006
  9. Superspacie

    SuperspacieMacUser Mitglied

    Mitglied seit:
    01.03.2006
    Beiträge:
    16
    Zustimmungen:
    0
    Auf http://www.lycos.de sind ja auch fast alle Ecken rund. Leider kenne ich mich nicht mit HTML oder CSS aus, aber vielleicht kannst Du dort im Quellcode was nützliches entdecken?
     
    Superspacie, 11.04.2006
  10. _julius

    _julius Thread StarterMacUser Mitglied

    Mitglied seit:
    11.10.2004
    Beiträge:
    722
    Zustimmungen:
    0
    soll ich dann eine grundzelle machen und die zellen mit den bildern dann "drauflegen" oder soll ich die "nebeneinanderreihen" also "oben links" dann "oben" dann "oben rechts" und dann wieder in der nächsten zeile beginnen?
     
    _julius, 11.04.2006
Die Seite wird geladen...
Ähnliche Themen - Runde Ecken Page
  1. Selket111
    Antworten:
    5
    Aufrufe:
    982
  2. StruppiMac
    Antworten:
    3
    Aufrufe:
    3.805
    /aquila
    03.06.2008
  3. maceis
    Antworten:
    2
    Aufrufe:
    963
    miss.moxy
    09.12.2006
  4. Zauberer Von OS
    Antworten:
    43
    Aufrufe:
    2.816
  5. *romy
    Antworten:
    8
    Aufrufe:
    3.577