Rahmen abrunden

Gehe zu Seite:

Geschlossen

Fr. 01.10.2010 20:53 Uhr #1

Gerni Mitglied

Registriert seit
10.08.2006

Beiträge
874

Beitragswertungen

Hi Zusammen,

ich habe um einen Banner einen Rahmen gesetzt und würde gerne diesen Rahmen abrunden. Geht das überhaupt und wenn ja wie??? Habe schon gegoogelt wie ein Wahnsinniger... nur leider nix gefunden.
Ich hoffe einer von Euch kann mir helfen.
DANKE schon mal

kleinere geänderte Module für Ilch auf unserer HP: externer Link
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 01.10.2010 20:57 Uhr #2

Lord|Schirmer Administrator

Registriert seit
21.03.2007

Beiträge
7.680

Beitragswertungen

www.css4you.de/trickkiste/tr00012.html

rules :: doku :: faq :: linkus
0 Mitglieder finden den Beitrag gut.
- zitieren

Sa. 02.10.2010 09:19 Uhr #3

Gerni Mitglied

jo soweit habe ich das auch schon gefunden Lord, nur mein Problem ist, dass der Rahmen den Banner nicht komplett umschließt. Es sind vielleicht grad mal 40% vom Rahmen wo ich sehe... hmm...
ich will es halt auch so machen, dass es bei jedem Browser gleich angezeigt wird lächeln

aktuell schaut mein Style so aus:

<style type="text/css">
.rahmen
{
border:3px solid;
left:10px;top:50px;
border-radius: 10px 5px;
-moz-border-radius: 10px 5px;
-khtml-border-radius: 10px 5px;
}
</style>

und so schaut es beim Banner aus:

1 2	`<div class="rahmen" align="left" style=" width: 400px; float: left;">` `<img style="position: top; margin-top: -25px; margin-right: -10px; " src="/wp-content/uploads/2010/09/Banner2_cz_de_en.gif" alt="" border="0" hspace="0" vspace="0" /></div>`

kleinere geänderte Module für Ilch auf unserer HP: externer Link

0 Mitglieder finden den Beitrag gut.

zitieren

Sa. 02.10.2010 09:53 Uhr #4

Lord|Schirmer Administrator

In deinem Fall müsste es so aussehen:

<head>
<style type="text/css">
.rahmen
{
border:3px solid;
left:10px;top:50px;
border-radius: 10px 5px;
-moz-border-radius: 10px 5px;
-khtml-border-radius: 10px 5px;
padding: 5px 5px;
width:468px;
}
</style>
</head>
<body>
<div class="rahmen"><img src="http://www.ilch.de/images/banner/468x60ilch.gif" border="0"></div>
</body>

Da habe mal was gebastelt was in FF & IE und ohne JS funzt!

<head>
<style type="text/css">
div#round{ margin: 0 10%;background: #CCC; width:488px}
h5{margin: 2px 10px}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #CCC}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
</style>
</head>
 
<body>
<div id="round">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<h5><img src="http://www.ilch.de/images/banner/468x60ilch.gif" alt="" style="border:0" /></h5>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
</body>
 
</html>

Es gibt aber auch dynamische JS & JQuery Möglichkeiten!

Zuletzt modifiziert von Lord|Schirmer am 02.10.2010 - 09:59:07

rules :: doku :: faq :: linkus

0 Mitglieder finden den Beitrag gut.

zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » Rahmen abrunden