2 Border

[sadcrow]

huhu

Also ich bin ja im CSS überhaupt kein Hirsch...

Nun meine Frage. Gibt es irgendeine Möglichkeit., einem Bild oder z.b. Thumb 2 Border zu vergeben?

zb.

border:3px solid black;
und
border:1px soldi white;

damit das dann so aussehen würde:

thumb_20080318202017_bluecrush.jpg (40.55 KiB) 163-mal betrachtet

[Manuel]

Wenns so wie du es sagst nicht funktioniert hätte ich direkt mal nen div-Layer drum rum gelegt, diesem dann den weißen Rand, dem Bild den schwarzen Rand oder den Hintergrund des div-Layers schwarz und schon hast du den Effekt. Obs jetzt effektiver und besser geht weiss ich nicht.

Lg,
Manuel

[sadcrow]

habs wie folgt gelöst:

Code: Alles auswählen

   .thumbnails {
   background-color:#000000;
   padding:3px 3px 3px 3px;
   border:1px solid grey;
   margin:2px 2px 0px 0px;

dAnke trotzdem

[Guillermo]

Ich würde es so machen, dass du ein div layer oder eine tabelle hast, und diesem dann einen abstand zum rand gibst, dass ist dann die 1. Umrandung, und dann halt noch den ganz normalen Rand.
z.b. so

Code: Alles auswählen

<DIV id=rand style="WIDTH: 100px; HEIGHT: 100px">
<TABLE style="WIDTH: 100px; HEIGHT: 100px" bgColor=#ffffff>
  <TBODY>
  <TR>
    <TD></TD></TR></TBODY></TABLE>
<DIV>
<STYLE type=text/css>
#rand
{
border:2px solid #ff0000;
padding:2px;
background-color:#b00000;
}

</STYLE>


Also die tabelle is jetzt nur provisorisch, die soll dann halt das Bild sein, und padding is halt der eine Rand in Kombination mit background-color, und der zweite Rand ist der normale border

//EDIT Achso :D du hast ja fast das gleiche :D

[Eyecatcher]

Ne Guillermo das mit dem DIV ist nur Platzverschwendung
sadcrow hats schon besser gelöst, da das Image ja selber einen Background haben kann und mit den Padding- Werten kannste dann den Border verschieben, ist schon richtig so!
Ausserdem siehts dann besser aus, wenn du nen Link ums Bild legst, und damit dann bei Hover den Border und BG änderst. Da kommen tolle Effekte zu Stande =)

[sadcrow]

Resultat gibts hier zu sehen:

http://markusbalbi.ch/index.php?x=browse

[Eyecatcher]

Sieht wirklich schick aus, nur 2 Sachen:
1. Ich kann jetzt nirgendwo den "zweiten Border" finden, ist doch einfach nur weißer Padding? ^^
2. Soll das so sein, ich kann die Links nicht anklicken / siehe Screenshot

[Matthias]

@Eyecatcher
Sind doch 2, ein schwarzer und ein weißer. Sieht gut aus

[Eyecatcher]

Das kapier jetzt nicht? Hab ich zuviel Kaffee getrunken oder was? Ich seh sowohl im FF, wie im IE7 nur weiß

[sadcrow]

drück mal F5 wenn du auf der Page bist.

[Eyecatcher]

Auch auf die Gefahr hin, dass wir jetzt komplett aneinander vorbeireden: Ich seh nichts
Hab 10 mal Refreshed und Cache gelöscht, aber Resultat ist immer s. Screen!

[sadcrow]

keine Ahnung was du da siehst.

so sollte es auf jeden Fall aussehen. http://markusbalbi.ch/screen.jpg

[Eyecatcher]

Hexerei!
Ich kann machen was ich will, habs im IE aufgerufen und im FF tausend mal Refreshed!
Dann die URL gecheckt aber ist identisch!

Mein Hintergrund bleibt weiß!!!

[Ingo]

Ja, ich würde das auch gern in der neuen Fassung live sehen - als Bild sieht's wirklich gut aus.
Ich krieg's aber auch nicht hin (3 Browser, frischer Cache).

[sadcrow]

Hab jetzt mal den Templateordner umbenannt. Versuchts jetzt mal...