Ecken abrunden

H1&Bigmisse

Anfänger

Beiträge: 46

Wohnort: 46282 Dorsten

Beruf: Schüler

1

Sonntag, 31. Januar 2010, 17:30

Hallo User's

ich hab mal ne Frage mit welchen befhel kann man die Ecken abruden dass man es auch mitz Internet Explorer sehen kann weil ich suche da nach
schon ein Monat und finde einfach nix und dachte mal ich schreibe jetzt hier rein für die andern browser weiß ich aber mit Internet Explorer weiß ich
den nicht aber wer nett wen einer mir den sagen würde

Freundliche Grüße H1&Bigmiss

NoX

Anfänger

Beiträge: 2

Danksagungen: 1

2

Sonntag, 31. Januar 2010, 17:37

Hey,

ich mach abgerundete Ecken immer mit CSS

HTML Teil:

Quellcode

<div class="rundung">
		<b class="b1">&nbsp;</b><b class="b2">&nbsp;</b><b class="b3">&nbsp;</b><b class="b4">&nbsp;</b>
		<div class="boxcontent">
			<!-- Box Text -->
			ddsdsds
			<!-- Box Text -->
		</div>
		<b class="b4b">&nbsp;</b><b class="b3b">&nbsp;</b><b class="b2b">&nbsp;</b><b class="b1b">&nbsp;</b>
	</div><br />

CSS Teil:

Quellcode

.rundung {
  background:transparent; 
  width:100%;
  }
.rundung h1, .rundung p {
  margin:0 10px;
  }
.rundung h1 {
  font-size:2em; 
  color:#000000;
  }
.rundung p {
  padding-bottom:0.5em;
  }
.rundung .b1, .rundung .b2, .rundung .b3, .rundung .b4, .rundung .b1b, .rundung .b2b, .rundung .b3b, .rundung .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.rundung .b1, .rundung .b2, .rundung .b3, .rundung .b1b, .rundung .b2b, .rundung .b3b {
  height:1px;
  }
.rundung .b2 {
  background:#fcfcfc; 
  border-left:1px solid #ACB9C2; 
  border-right:1px solid #ACB9C2;
  }
.rundung .b3 {
  background:#fcfcfc; 
  border-left:1px solid #ACB9C2; 
  border-right:1px solid #ACB9C2;
  }
.rundung .b4 {
  background:#fcfcfc; 
  border-left:1px solid #ACB9C2; 
  border-right:1px solid #ACB9C2;
  }
.rundung .b4b {
  background:#fcfcfc; 
  border-left:1px solid #ACB9C2; 
  border-right:1px solid #ACB9C2;
  }
.rundung .b3b {
  background:#fcfcfc; 
  border-left:1px solid #ACB9C2; 
  border-right:1px solid #ACB9C2;
  }
.rundung .b2b {
  background:#fcfcfc; 
  border-left:1px solid #ACB9C2; 
  border-right:1px solid #ACB9C2;
  }
.rundung .b1 {
  margin:0 5px; 
  background:#ACB9C2;
  }
.rundung .b2, .rundung .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.rundung .b3, .rundung .b3b {
  margin:0 2px;
  }
.rundung .b4, .rundung .b4b {
  height:2px; margin:0 1px;
  }
.rundung .b1b {
  margin:0 5px; background:#999;
  }
.rundung .boxcontent {
  display:block;  
  background:#fcfcfc; 
  border-left:1px solid #ACB9C2; 
  border-right:1px solid #ACB9C2;
  }

Vielleicht hilfts ja

funktioniert auch in allen Browsern

Gruss
Marcus

Es hat sich bereits 1 registrierter Benutzer bedankt.

Benutzer die sich bedankten:

H1&Bigmisse (31.01.2010)

H1&Bigmisse

Anfänger

Beiträge: 46

Wohnort: 46282 Dorsten

Beruf: Schüler

3

Sonntag, 31. Januar 2010, 17:42

dass ist mir zu viel es soll ein Befhel sein weil so viel aufe Homepae klatschen ist scheiße ich muss shcon übersicht haben

Monday

Administrator

Beiträge: 18

Danksagungen: 7

4

Sonntag, 31. Januar 2010, 17:45

Bemühe dich mal bitte so zu schreiben, dass man es auch lesen kann

Satzzeichen haben schon ihren Sinn.

Es gibt einen CSS Befehl, funktioniert jedoch nur im Firefox:

	Quellcode
1 2 3 4	-moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomleft -moz-border-radius-bottomright

Friday

Anfänger

Beiträge: 28

Wohnort: Wolnzach

Danksagungen: 1

5

Sonntag, 31. Januar 2010, 17:46

Zitat von »H1&Bigmisse«

dass ist mir zu viel es soll ein Befhel sein weil so viel aufe Homepae klatschen ist scheiße ich muss shcon übersicht haben

Also so ne "klickrundunganfunktion" wirst Du nicht bekommen. Das CSS ist doch übersichtlich :huh:

Du gibst als Hobby "Programmieren" an, da frag ich mich, was Du da so programmierst

... hier könnte Ihre Werbung stehen ...

H1&Bigmisse

Anfänger

Beiträge: 46

Wohnort: 46282 Dorsten

Beruf: Schüler

6

Sonntag, 31. Januar 2010, 17:47

okay den Firefox habe ich schon
aber den für den
Internet Explorer
brauch ich nur
aber ich versuche jetzt mal den von
NoX

Monday

Administrator

Beiträge: 18

Danksagungen: 7

7

Sonntag, 31. Januar 2010, 17:50

Für den Internet Explorer gibt es da leider keine einfache Lösung.
Entweder man arbeitet mit Bildern oder wendet solche Tricks wie der von NoX an.

H1&Bigmisse

Anfänger

Beiträge: 46

Wohnort: 46282 Dorsten

Beruf: Schüler

8

Sonntag, 31. Januar 2010, 17:54

habe mich schon bedankt

aber des wegen sollte man Internet Explorer Verbieten der Viren kack

stoffl

Schüler

Beiträge: 60

Wohnort: Bludenz

Beruf: EHZ

Danksagungen: 2

9

Donnerstag, 4. Februar 2010, 05:51

Zitat von »Monday«

Für den Internet Explorer gibt es da leider keine einfache Lösung.
Entweder man arbeitet mit Bildern oder wendet solche Tricks wie der von NoX an.

Ich habe bei meinen ersten Homepage Projekte auch immer die Bildvariante genommen, aber dass der IE das abrunden nicht kann wusste ich nicht, bin immer mit dem Safari online, der Rundet auch Sachen ab, die nicht abgerundet werden sollen....

Wenn 4 Personen in einem Raum sind und 5 wieder raus gehen, muss 1 reingehen, damit niemand drinnen ist. Ja, das ist Mathematik...
(die 4 Personen waren 3 Ärzte und eine Schwangere ;-) am Rande)

Basti

Co-Administrator

Beiträge: 34

Wohnort: Berlin

Beruf: Mediengestalter

Danksagungen: 2

10

Montag, 8. Februar 2010, 00:07

Zitat von »H1&Bigmisse«

okay den Firefox habe ich schon
aber den für den
Internet Explorer
brauch ich nur
aber ich versuche jetzt mal den von
NoX

Es wird immer und immer wieder Probleme mit dem IE geben. Entweder trickst man eine Runde, oder benutzt den einfachsten und "bug"freisten Weg => Cascading Style Sheet.

Mit freundlichen Grüßen
Sebastian 'xtraz' P.
Ehem. Admin von WebmasterNet - Xtraz

Citruzmedia | Medienservice aus Berlin
Internet: www.Citruzmedia.de -/- mail@citruzmedia.de