FAQ |
Kalender |
![]() |
#1 | |||
|
||||
Medlem
|
Tja, ville helt enkelt se efter om någon annan här på forumet,
har någon bättre lösning än den jag själv använder. Det finns ju självklart många lösningar på hur man definierar sina egna hörn på en <div> genom att använda CSS och fyra gif-bilder. Dock är jag ute efter att se vad som funkar bäst för er och/eller vad ni tycker är den bästa lösningen ur relevanta synvinklar som: seo, kodstruktur, kompabilitet etc... Här är mitt bidrag som funkat mycket bra i de flesta webbläsare: Kod:
<div class"contentw"> * *<div class"w"><div class"w"> * *<div class"w"><div class"w"> * *<content /> * *</div></div> * *</div></div> </div> Kod:
.contentw { background-color: #fff; } .contentw .w { background: url("img/corner_top_left.gif") top left no-repeat; } .contentw .w .w{ background: url("img/corner_bottom_left.gif") bottom left no-repeat; } .contentw .w .w .w{ background: url("img/corner_bottom_right.gif") bottom right no-repeat; } .contentw .w .w .w .w{ background: url("img/corner_top_right.gif") top right no-repeat; } |
|||
![]() |
![]() |
Ämnesverktyg | |
Visningsalternativ | |
|
|