Kom ihåg mig?
Home Menu

Menu


Egendefinerade hörn/kanter på en div

 
Ämnesverktyg Visningsalternativ
Oläst 2005-12-05, 11:54 #1
Rinkles avatar
Rinkle Rinkle är inte uppkopplad
Medlem
 
Reg.datum: Jul 2003
Inlägg: 238
Rinkle Rinkle är inte uppkopplad
Medlem
Rinkles avatar
 
Reg.datum: Jul 2003
Inlägg: 238
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;
	}
Rinkle är inte uppkopplad   Svara med citatSvara med citat
 


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 00:18.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017