Seite 3 von 3
Re: Ecken abrunden
Verfasst: 19.01.2009 12:15
von P7BB
Boecki91 hat geschrieben:Border?
Musst allerdings noch etwas Testen wie du die ecken wieder aussparen kannst, vielleicht dem span auch einen border geben und den in Hintergrundfarbe zu gestallten.
Wie meinst du das mit ecken aussparen?
Re: Ecken abrunden
Verfasst: 19.01.2009 12:26
von Boecki91
Schildere doch erstmal was mit border passiert ist.
Re: Ecken abrunden
Verfasst: 19.01.2009 12:31
von P7BB
Mit Border bekomme ich einen (in diesem fall) blauen rand... allerdings habe ich bei der runden ecke trotzdem noch den rand so, wie er ohne das bild, was für die rundung sorgt, ist. also hab ich eine eckige ecke und eine runde ecke in einem.
Ich denke das ist das problem, was du meintest, oder? Wie kann ich das nun beheben?
Re: Ecken abrunden
Verfasst: 19.01.2009 12:41
von Boecki91
genau, versuche mal um diese n Klassen einen Border in weiß zu machen der genauso groß ist wie der von der box/top eventuell margin o. padding bedenken.
Re: Ecken abrunden
Verfasst: 19.01.2009 12:44
von P7BB
Also so?
Code: Alles auswählen
<html>
<head>
<style type='text/css'>
#bla {
border: 1px solid blue;
margin: 0;
padding: 0;
}
#bla2 {
background:url(bg.png) top left no-repeat;
width: 100%;
height: 100%;
border: 1px solid white;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id='bla'>
<spawn id='bla2'>
blablabla
</spawn>
</div>
</body>
</head>
Oder hab ich jetz mal wieder was nicht richtig verstanden?
Edit: Vergessen zu erwähnen: Bei mir funktioniert der gepostete code nicht.
Re: Ecken abrunden
Verfasst: 20.01.2009 20:19
von P7BB
Kann mir keiner helfen? :'(
Re: Ecken abrunden
Verfasst: 22.01.2009 01:08
von 4seven
Füge das in beliebiges Prosilver-Template ein
Code: Alles auswählen
<div class="navbar"><div class="inner"><span class="corners-top"><span></span></span>
Hier dein cooler Text in einer Box mit runden Ecken *g
<span class="corners-bottom"><span></span></span></div></div>
Dazu in das theme-Verzeichnis von prosilver schauen und nach den Style-Definitionen von
navbar,
inner und
corners-top gucken. Da steht dann exakt, wie das funktioniert.
siehe dazu auch Boecki91's gut erklärenden Beitrag
http://www.phpbb.de/community/viewtopic ... 4#p1068834
Mit ohne etwas html/css-Wissen wirds natürlich dünn. Einfachste Variante: Einfach ohne Nachdenken die Funktion kopieren und anpassen. Das verstehen kommt dann beim dran-arbeiten (Der Mensch wächst mit den Anforderungen)
Re: Ecken abrunden
Verfasst: 24.01.2009 17:10
von P7BB
Danke... aber ich habe eigentlich mehr nach einer Erklärung gesucht, was genau wofür verantwortlich ist... naja ich hab es nun so gelöst:
Code: Alles auswählen
.menu {
background: #9D9D9D;
border: 1px solid #ffffff;
margin-left: 50px;
margin-top: 20px;
min-height: 500px;
width: 20%;
-moz-border-radius:10px;
-khtml-border-radius:10px;
}
Wer den IE benutzt hat eben pech gehabt... Auch wenn der ein oder andere jetzt "beleidigt" ist...
