Ecken abrunden

Fragen zu allen Themen rund ums Programmieren außerhalb von phpBB können hier gestellt werden - auch zu anderen Programmiersprachen oder Software wie Webservern und Editoren.
P7BB
Mitglied
Beiträge: 383
Registriert: 15.07.2008 19:40

Re: Ecken abrunden

Beitrag 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?
Boecki91
Ehemaliges Teammitglied
Beiträge: 4744
Registriert: 18.06.2006 15:21

Re: Ecken abrunden

Beitrag von Boecki91 »

Schildere doch erstmal was mit border passiert ist.
Standart: Am besten mit beiden Beinen auf dem Boden
Standardmäßig antworte ich nicht auf PMs
P7BB
Mitglied
Beiträge: 383
Registriert: 15.07.2008 19:40

Re: Ecken abrunden

Beitrag 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?
Boecki91
Ehemaliges Teammitglied
Beiträge: 4744
Registriert: 18.06.2006 15:21

Re: Ecken abrunden

Beitrag 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.
Standart: Am besten mit beiden Beinen auf dem Boden
Standardmäßig antworte ich nicht auf PMs
P7BB
Mitglied
Beiträge: 383
Registriert: 15.07.2008 19:40

Re: Ecken abrunden

Beitrag 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.
P7BB
Mitglied
Beiträge: 383
Registriert: 15.07.2008 19:40

Re: Ecken abrunden

Beitrag von P7BB »

Kann mir keiner helfen? :'(
4seven
Mitglied
Beiträge: 5869
Registriert: 21.04.2007 06:18

Re: Ecken abrunden

Beitrag 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)
P7BB
Mitglied
Beiträge: 383
Registriert: 15.07.2008 19:40

Re: Ecken abrunden

Beitrag 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... ;)
Antworten

Zurück zu „Coding & Technik“