Css frage

07/26/2013 17:50 Cyperghost#1
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
07/26/2013 19:04 MrPuschel#2
[Only registered and activated users can see links. Click Here To Register...]
07/26/2013 21:47 Cyperghost#3
das ist aber nicht das was ich suche verwende ja schon "border"
07/26/2013 22:17 MrPuschel#4
Es gibt mehrere Möglichkeiten. Aber ich verstehe dein Problem gerade nicht so ganz.

[Only registered and activated users can see links. Click Here To Register...]

Ideal wäre natürlich ein Hintergrundbild und background-position zu benutzen.
07/27/2013 01:32 Thr!ce#5
Gibt viele Wege die nach Rom führen.
[Only registered and activated users can see links. Click Here To Register...]

Ansonsten Background-Image, Linear-Gradient, oder ne Div (Die dann so ähnlich platziert wäre wie im oberen Beispiel).
07/27/2013 03:40 Meliō.#6
Quote:
Originally Posted by Thr!ce View Post
Gibt viele Wege die nach Rom führen.
[Only registered and activated users can see links. Click Here To Register...]

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> :D
07/27/2013 09:50 Cyperghost#7
Ok danke
Habe gedacht in Css gibt es schon so etwas ähnliches
07/27/2013 11:18 conceptone#8
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 */
07/27/2013 11:36 Cyperghost#9
danke dir genau das habe ich gesucht:)
07/27/2013 13:05 MrPuschel#10
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.
07/27/2013 13:11 Cyperghost#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:D
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:)
07/30/2013 05:30 'Ownii#12
Falls das Problem noch nicht gelöst ist:
Outline ist vielleicht das, was du suchst
[Only registered and activated users can see links. Click Here To Register...]