Css frage

Cyperghost · 07/26/2013, 17:50

ich hätte da mal eine frage zu Css
mir fällt jetzt leider nicht ein wie das genau heißt weiß nur das es irgent was mit Background war

Mein div sieht im moment so aus

Code:

.category
{
    margin-left: auto;
    margin-right: auto;
    border-color: #909090;
    border-width: 2px;
    border-style: solid;
    width: 98%;
    background-color: #7287aa;
}

Jetzt möchte ich aber das meine Hintergrund meines div oben in einer andere farbe ist also die ersten 5 oder 6 px und zwar in der farbe

Code:

#57688f

wie kann ich das machen?

hoffe da auf hilfe danke schon mal

MrPuschel · 07/26/2013, 19:04

Cyperghost · 07/26/2013, 21:47

das ist aber nicht das was ich suche verwende ja schon "border"

MrPuschel · 07/26/2013, 22:17

Es gibt mehrere Möglichkeiten. Aber ich verstehe dein Problem gerade nicht so ganz.

Ideal wäre natürlich ein Hintergrundbild und background-position zu benutzen.

Thr!ce · 07/27/2013, 01:32

Gibt viele Wege die nach Rom führen.

Ansonsten Background-Image, Linear-Gradient, oder ne Div (Die dann so ähnlich platziert wäre wie im oberen Beispiel).

Meliō. · 07/27/2013, 03:40

Quote:

Originally Posted by Thr!ce

Gibt viele Wege die nach Rom führen.

Ansonsten Background-Image, Linear-Gradient, oder ne Div (Die dann so ähnlich platziert wäre wie im oberen Beispiel).

ich wurd auch sagen mach einfach ne andere <div>

Cyperghost · 07/27/2013, 09:50

Ok danke
Habe gedacht in Css gibt es schon so etwas ähnliches

conceptone · 07/27/2013, 11:18

Man kann es mit dem Farbverlauf machen (hald ohne Verlauf^^)

sollte dann so ungefähr aussehen

Code:

background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(top,  #57688f 5px, #7287aa 5px); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5px,#57688f), color-stop(5px,#7287aa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #57688f 5px,#7287aa 5px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #57688f 5px,#7287aa 5px); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #57688f 5px,#7287aa 5px); /* IE10+ */
background: linear-gradient(to bottom,  #57688f 5px,#7287aa 5px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57688f', endColorstr='#7287aa',GradientType=0 ); /* IE6-9 */

Cyperghost · 07/27/2013, 11:36

danke dir genau das habe ich gesucht

MrPuschel · 07/27/2013, 13:05

Es ist immer wieder schön zu sehen wie Leute sich die fiddles nicht mal mit Verstand anschauen sondern nur auf C&P code warten ohne verstehen zu müssen was sie eigentlich tun. Insbesondere eine gute Einstellung wenn man in der Signatur "Websiteerstellung" anbietet.

Cyperghost · 07/27/2013, 13:11

Was soll das heißen?
Mir viel nur gerade nicht ein wie das hieß das ist alles da brauche ich keinen blöden Kommentare wie deinen.
Und C&P mache ich sehr seltene

Da ich eher alles selber schreibe und sehr selten nach frage in der Regel das war jetzt nur eine Ausnahme
aber ist ja auch egal
und deinen Link habe ich noch garnicht angesehen weil ich keine Zeit hatte nur mal über flogen mehr nicht
Daher bitte ich dich solche Kommentare demnächst zu unterlassen.
Danke

'Ownii · 07/30/2013, 05:30

Falls das Problem noch nicht gelöst ist:
Outline ist vielleicht das, was du suchst