Kann man mit CSS weiche Kanten machen?

2 Antworten

Hi, unter http://www.slogr.de (einem meiner Projekte) habe ich solch eine CSS/Javascript-Funktion integriert. Kannst Dir gerne den Quellcode ansehen.

http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/

Webdesign: CSS Frage zu selbstlrierten Buttons in Stempelform

Hallo Leute, kreiere ne Webpage

Als Buttons möchte ich große selbstgezeichnete Stempel verwenden. Schwarzer Stempel auf gleichem Hintergrund wie der Header. (wie ein Stempel auf der Urkunde halt)

im HTML einen Div machen und Link zum Bild einfügen? Oder in CSS verlinken? Wo richtet man denn grundsätzlich man am einfachsten die Lage des DIVs aus: In HTML oder CSS?

Meine Idee ist: Die große Buttons soll als Fläche bestehen aus dem Begriff z.B. Impressum und einem Stempel neben oder drüber. Weil ich denke, der Begriff "Impressum" gut lesbar innerhalb des Stempels - da würde der Stempel zu groß...........

http://t1.ftcdn.net/jpg/00/39/60/52/400_F_39605218_hTiabjLm1D26QEh2gIaEOGDZU1BJfHzC.jpg

Ich will aber eine VEränderung entweder beim klicken oder hovern. Welche Varianten sind gutaussehend und leicht umzusetzen?

1) Erst nur die Schrift des Buttons, geht man mit der Maus drüber - kommt ein Stempel drüber oder daneben?

2) den Stempel beim Hovern oder klicken tiefer setzen, wie ein Schalter, der bei drücken unterhalb der Oberfläche gedrückt wird....... Bloß das zu erstellen traue ich mir kaum zu, Schlagschatten, Kanten, Schatten nach innen oder außen

Größer oder andere Farbe per hover oder klicken will ich eigentlich nicht - gefällt mir nicht!

ODer gern weitere Vorschläge, die mit meinen beschränkten Bildbearbeitungskenntnissen (und nur mit gimp - habe nicht mal PS) umsetzen kann. Vielen Dank!

...zur Frage

Bild oder Elemente unter Div Bereich anordnen

Hallo, ich möchte ein Bild in einem Div Container immer horizontal und vertikal zentriert haben. Der Div Container hat eine feste Höhe und eine variable Breite (z.B 30%). Somit muss das Bild größer als der Div Container sein. Die Zentreirung funktioniert nur das Problem ist das das Bild nicht an den Kanten des Div´s abgeschnitten wird sondern man das ganze Bild sieht. Meine Frage ist nun wie kann ich größere Bilder oder Elemente nicht außerhalb des div´s anzeigen lassen, wenn ich sie in den div-bereich setzte ?

<div id="kasten">   <- nur sichtbarer Bereich des darunter
                        liegendem divs (z.B. width: 30%;
                        height: 500px; )
<div id="größeresbild">  <- übernimmt die Positionierung des Bildes
<img .... das Bild >
</div>
</div>) 
...zur Frage

HTML/CSS/JS: Mit Element interagieren, dass hinter div liegt?

Hallo. ist es möglich, mit einem oObjekt zu interagieren, welches hinter einem div liegt? Also ich habe beispielsweise einen button. Und wenn ich über diesen Button fahre, dann wird ein Mouseover Effekt erzeugt. Über der ganzen Webseite liegt aber ein div. Ist es möglich es trotzdem so hin zu kriegen, dass ich den mouseover Effekt auslösen kann. Also kann ich das div irgendwie für so etwas "durchlässig" machen?

Danke!

PS: Über den Z-Index ist das nicht möglich! Der 'Button' (es ist nicht wirklich ein button) füllt den Gesammten Bildschirm aus und würde alles andere verdecken.

...zur Frage

Wie greife ich bei Css auf das Unterelement von #div zu?

Zum Beispiel möchte ich p

von einer Tabelle in div#navi einen Rand geben, wie greife ich in Css darauf zu?

...zur Frage

Wie zentriert man in HTML/CSS ein mehrspaltiges Layout?

Hallo an alle,

ich habe eben mit HTML & CSS ein zweispaltiges Layout erstellt, dieses lässt sich allerdings nicht in die Mitte der Website zentrieren!

Weiß jemand, wie das funktioniert? Habe ich etwas vergessen?

Normalerweise klappt das ja mit dieser Anweisung:

margin {0 auto;}

Das tut es aber nicht, der Text "klebt" nach wie vor am linken Rand.

Hier die entsprechenden Code-Schnipsel:

HTML

<div class="spalten">
    <div class="clearfix">  
        <div class="left">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</div>
        <div class="left">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</div>
    </div>  
</div>

CSS

.left
{
    float: left;
    width: 20%;
    margin-right: 20px;
}

.clearfix:before,
.clearfix:after
{
    content: " ";
    display: table;
}

.clearfix:after
{
    clear: both;
}

.clearfix
{
    *zoom: 1;
}

Dankeschön!
Die hilfreichste Antwort zeichne ich wie immer aus.

VG,
Savix

...zur Frage

Was möchtest Du wissen?