mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 03.12.2016 01:25 Benutzername: Passwort: Auto-Login

Thema: CSS: Div - ecken Abrunden vom 19.01.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> CSS: Div - ecken Abrunden
Seite: 1, 2  Weiter
Autor Nachricht
schattenjaeger
Threadersteller

Dabei seit: 03.11.2005
Ort: Kiel
Alter: 27
Geschlecht: Männlich
Verfasst Do 19.01.2006 21:18
Titel

CSS: Div - ecken Abrunden

Antworten mit Zitat Zum Seitenanfang

ich habe da ein Problem ... www.keona.org/index1.php

wie kann ich das anstendig machen?


Zuletzt bearbeitet von schattenjaeger am Sa 21.01.2006 00:29, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
gtz

Dabei seit: 15.04.2002
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst Do 19.01.2006 21:27
Titel

Antworten mit Zitat Zum Seitenanfang

ordentlich passende bilder verwenden.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
schattenjaeger
Threadersteller

Dabei seit: 03.11.2005
Ort: Kiel
Alter: 27
Geschlecht: Männlich
Verfasst Do 19.01.2006 21:32
Titel

Antworten mit Zitat Zum Seitenanfang

.... also die bilder sind passend,... aber da stimmt was mit der tabelle
  View user's profile Private Nachricht senden
Sidschei

Dabei seit: 20.06.2003
Ort: Ponyhof
Alter: 108
Geschlecht: Männlich
Verfasst Do 19.01.2006 21:35
Titel

Antworten mit Zitat Zum Seitenanfang

Ich weiß ja nicht mal was Du willst...

Und laut Deinem letzten Post "stimmt was mit der Tabelle"...

* Keine Ahnung... *

So wird das hier wohl nix...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
JanG

Dabei seit: 13.10.2002
Ort: Köln/Düsseldorf
Alter: -
Geschlecht: Männlich
Verfasst Do 19.01.2006 22:12
Titel

Antworten mit Zitat Zum Seitenanfang

Ist das hier dein Ernst, oder nur die Jacke vom Ernst:

Code:
file:///E:/Webs/keona.org%20v1%202006/bilder/links-oben.gif


Peaze!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
schattenjaeger
Threadersteller

Dabei seit: 03.11.2005
Ort: Kiel
Alter: 27
Geschlecht: Männlich
Verfasst Sa 21.01.2006 00:31
Titel

Antworten mit Zitat Zum Seitenanfang

Ich habe es mir mal formulieren lassen. Sorry, ich verliere langsam die nerven.

Hallo Leute,
ich ärger mich jetzt seit zwei tagen mit abgerundeten Ecken herum. Ich habe mitlerweile was brauchbares gefunden. http://www.webreference.com/programming/css_borders/index.html

So, das habe ich alles feini gemacht und jetzt brauch ich die höhe auf 90% der Monitorgröße. Im Grunde weis ich ja wie das geht, bloß das ding weigert sich das anzunehmen.

Im CSS siehts so aus:
Code:
.raised {
  background:transparent;
  width:20%;
  margin-left:5%;
  margin-top:5%;
  margin-bottom:5%;
  }
.raised h1, .raised p {
  margin:0 10px;
  }
.raised h1 {
  font-size:2em;
  color:#fff;
  }
.raised p {
  padding-bottom:0.5em;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
  display:block;
  overflow:hidden;
  font-size:1px;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {
  height:1px;
  }
.raised .b2 {
  background:#ccc;
  border-left:1px solid #fff;
  border-right:1px solid #eee;
  }
.raised .b3 {
  background:#ccc;
  border-left:1px solid #fff;
  border-right:1px solid #ddd;
  }
.raised .b4 {
  background:#ccc;
  border-left:1px solid #fff;
  border-right:1px solid #aaa;
  }
.raised .b4b {
  background:#ccc;
  border-left:1px solid #eee;
  border-right:1px solid #999;
  }
.raised .b3b {
  background:#ccc;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  }
.raised .b2b {
  background:#ccc;
  border-left:1px solid #aaa;
  border-right:1px solid #999;
  }
.raised .b1 {
  margin:0 5px;
  background:#fff;
  }
.raised .b2, .raised .b2b {
  margin:0 3px;
  border-width:0 2px;
  }
.raised .b3, .raised .b3b {
  margin:0 2px;
  }
.raised .b4, .raised .b4b {
  height:2px; margin:0 1px;
  }
.raised .b1b {
  margin:0 5px; background:#999;
  }
.raised .boxcontent {
  display:block; 
  background:#ccc;
  border-left:1px solid #fff;
  border-right:1px solid #999;
  }


im Html so:

Code:
<div class="raised">
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div class="boxcontent">
<h1>Example 4</h1>
<p>Rounded corners with raised borders</p>
</div>
<b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b>
</div>


Ich dachte mir eigentlich, dass ich dann einfach height:90%; im CSS eintragen kann, hat aber nicht die gewünschte wirkung. Ich bin echt am verzweifeln und ich würde es voll super finden. Link zu der Testseite: www.keona.org/index2.php

Ich arbeite mit Dreamweaver. Wenn jemand eine berierefreie Lösung hat, bitte posten. Grafik fallen schon einmal raus. Bei einer auflösung von 2048 x 1536 die optimiert werden soll, kann man zwar schon große grafiken anfertigen, aber es sieht nicht gut aus und es soll auf größer noch gut aussehen.

Danke schoneinmal im vorraus.
  View user's profile Private Nachricht senden
burnout

Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 36
Geschlecht: Männlich
Verfasst Sa 21.01.2006 09:05
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
body, html {
   margin: 0;
   padding: 0;
   height: 100%;
   }
   
.raised {
  background:transparent;
  width:20%;
  margin-left:5%;
  margin-top:5%;
  margin-bottom:5%;
  height:90%
  }

.raised .boxcontent {
  display:block;
  background:#ccc;
  border-left:1px solid #fff;
  border-right:1px solid #999;
  height: 90%
  }



Ohne Höhenangaben kann so'n DIV auch schlecht 90% hoch werden...


Zuletzt bearbeitet von burnout am Sa 21.01.2006 09:05, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
schattenjaeger
Threadersteller

Dabei seit: 03.11.2005
Ort: Kiel
Alter: 27
Geschlecht: Männlich
Verfasst Sa 21.01.2006 12:51
Titel

Antworten mit Zitat Zum Seitenanfang

Wenn ich das drin habe tut sich ja nichts.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Ecken eines abgerundeten Ecken-Rechtecks abrunden. :)
[Illustrator] Einzelne Ecken abrunden
CSS Frage : Body div /div div ?
[CSS] DIV im DIV - Grafik rechts unten postionieren?
glatte border ecken mit css?
css 2 hintergrundbilder mit runden ecken
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.