Archief - Divs met ronde hoeken

Freakie42 · 29 dec 2009

Hoi,

Ik ben een simpele website aan het maken in een poging om wat bij te leren maar zit nu met een probleem waar ik maar geen oplossing voor vind.

Op deze link vind je wat ik tot nu toe heb, ik denk dat het vrij duidelijk is wat het probleem is

De berichtjes links en het menu rechts zouden dus allemaal in die witte div moeten komen natuurlijk maar ik weet echt niet wat er mis gaat.
Iemand die weet hoe ik dit op kan lossen?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Edith Freson</title>
<style type="text/css"> 
body {
	background-color: #999;
	font-family: "Times New Roman", Times, serif;
	color: #ACE228;
}
 
#wrapper {
	margin: 0 auto;
	width: 1000px;
}

	#wrapper .wrapper_roundedCorner_box {
		background-color: #FFFFFF;
	}
	
	#wrapper .wrapper_roundedCorner_top div {
   		background: url(img/wrapper_roundedCorner_TopLeft.png) no-repeat top left;
	}
	
	#wrapper .wrapper_roundedCorner_top {
   		background: url(img/wrapper_roundedCorner_TopRight.png) no-repeat top right;
	}
	
	#wrapper .wrapper_roundedCorner_bottom div {
   		background: url(img/wrapper_roundedCorner_BottomLeft.png) no-repeat bottom left;
	}
	
	#wrapper .wrapper_roundedCorner_bottom {
   		background: url(img/wrapper_roundedCorner_BottomRight.png) no-repeat bottom right;
	}
	
	#wrapper .wrapper_roundedCorner_top div, .wrapper_roundedCorner_top, .wrapper_roundedCorner_bottom div, .wrapper_roundedCorner_bottom {
   		width: 100%;
   		height: 30px;
   		font-size: 1px;
	}
	
	#wrapper .wrapper_roundedCorner_content{ 
		margin: 0 30px; 
	}
 
	#wrapper #title {
		font-size: 36px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#wrapper #content {
		float: left;
		width: 600px;
	}
	
		#wrapper #content .message {
			width: 600px;
		}
		
			#wrapper #content .message .message_roundedCorner_box {
				background: url(img/message_roundedCorner_TopLeft.png) no-repeat top left;
			}
 
			#wrapper #content .message .message_roundedCorner_top {
				background: url(img/message_roundedCorner_TopRight.png) no-repeat top right;
			}
 
			#wrapper #content .message .message_roundedCorner_bottom {
				background: url(img/message_roundedCorner_BottomLeft.png) no-repeat bottom left;
			}
		
			#wrapper #content .message .message_roundedCorner_bottom div {
				background: url(img/message_roundedCorner_BottomRight.png) no-repeat bottom right;
			}
 
			#wrapper #content .message .message_roundedCorner_content {
				background: url(img/message_roundedCorner_r.png) top right repeat-y;
			}
 
			#wrapper #content .message .message_roundedCorner_top div,.message_roundedCorner_top, .message_roundedCorner_bottom div,
			.message_roundedCorner_bottom {
				width: 100%;
				height: 15px;
				font-size: 1px;
			}
 
			#wrapper #content .message .message_roundedCorner_content, .message_roundedCorner_bottom {
				margin-top: -20px;
			}
 
			#wrapper #content .message .message_roundedCorner_content {
				padding: 0 15px;
			}
		
		#wrapper #content .betweenMessages {
			width: 600px;
			height: 30px;
		}
		
	#wrapper #menu {
		width: 250px;
		height: 600px;
		float: right;
	}
	
	#wrapper #menu .roundedCorner_box {
		background: url(img/menu_roundedCorner_TopLeft.png) no-repeat top left;
	}
	
	#wrapper #menu .roundedCorner_top {
		background: url(img/menu_roundedCorner_TopRight.png) no-repeat top right;
	}
	
	#wrapper #menu .roundedCorner_bottom {
		background: url(img/menu_roundedCorner_BottomLeft.png) no-repeat bottom left;
	}
	
	#wrapper #menu .roundedCorner_bottom div {
		background: url(img/menu_roundedCorner_BottomRight.png) no-repeat bottom right;
	}
	
	#wrapper #menu .roundedCorner_content {
		background: url(img/menu_roundedCorner_r.png) top right repeat-y;
	}
 
	#wrapper #menu .roundedCorner_top div,.roundedCorner_top, .roundedCorner_bottom div, .roundedCorner_bottom {
		width: 100%;
		height: 15px;
		font-size: 1px;
	}
	
	#wrapper #menu .roundedCorner_content, .roundedCorner_bottom {
		margin-top: -19px;
	}
	
	#wrapper #menu .roundedCorner_content {
		text-align: center;
	}
	
	#wrapper #menu .menuItem {
		border-bottom-width: 4px;
		border-bottom-color: #ACE228;
		border-bottom-style: solid;
		font-weight: bold;
	}
	
	#wrapper #menu #menuItemHome {
		border-top-width: 4px;
		border-top-color: #ACE228;
		border-top-style: solid;
		border-bottom-width: 4px;
		border-bottom-color: #ACE228;
		border-bottom-style: solid;
		font-weight: bold;
	}
	
	#wrapper #menu img {
		width: 160px;
		height: 120px;
		border: 4px solid #ACE228;
	}
</style>
</head>
 
<body>
	<div id="wrapper">
    	<div class="wrapper_roundedCorner_box">
            <div class="wrapper_roundedCorner_top"><div></div></div>
            <div class="wrapper_roundedCorner_content">
                <div id="title">Edith Freson</div>
                <div id="content">
                    <div class="betweenMessages" align="right">
                        <a>Vorige pagina</a> - <a>Volgende pagina</a>
                    </div>
                    <div class="message">
                        <div class="message_roundedCorner_box">
                            <div class="message_roundedCorner_top"><div></div></div>
                            <div class="message_roundedCorner_content">
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur 
                                    adipisicing elit, sed do eiusmod tempor incididunt 
                                    ut labore et dolore magna aliqua. Ut enim ad minim 
                                    veniam,	quis nostrud exercitation ullamco laboris 
                                    nisi ut aliquip ex ea commodo consequat. Duis aute 
                                    irure dolor in reprehenderit in voluptate velit esse 
                                    cillum dolore eu fugiat nulla pariatur. Excepteur 
                                    sint occaecat cupidatat non proident, sunt in culpa 
                                    qui officia deserunt mollit anim id est laborum.
                                </p>
                            </div>
                            <div class="message_roundedCorner_bottom"><div></div></div>
                        </div>
                    </div> <!-- end message -->
                    <div class="betweenMessages">
                    </div>
                    <div class="message">
                        <div class="message_roundedCorner_box">
                            <div class="message_roundedCorner_top"><div></div></div>
                            <div class="message_roundedCorner_content">
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur 
                                    adipisicing elit, sed do eiusmod tempor incididunt 
                                    ut labore et dolore magna aliqua. Ut enim ad minim 
                                    veniam, quis nostrud exercitation ullamco laboris 
                                    nisi ut aliquip ex ea commodo consequat. Duis aute 
                                    irure dolor in reprehenderit in voluptate velit esse 
                                    cillum dolore eu fugiat nulla pariatur. Excepteur 
                                    sint occaecat cupidatat non proident, sunt in culpa 
                                    qui officia deserunt mollit anim id est laborum.
                                </p>
                            </div>
                            <div class="message_roundedCorner_bottom"><div></div></div>
                        </div>
                    </div> <!-- end message -->
                    <div class="betweenMessages">
                    </div>
                    <div class="message">
                        <div class="message_roundedCorner_box">
                            <div class="message_roundedCorner_top"><div></div></div>
                            <div class="message_roundedCorner_content">
                                <p>
                                    Lorem ipsum dolor sit amet, consectetur 
                                    adipisicing elit, sed do eiusmod tempor incididunt 
                                    ut labore et dolore magna aliqua. Ut enim ad minim 
                                    veniam, quis nostrud exercitation ullamco laboris 
                                    nisi ut aliquip ex ea commodo consequat. Duis aute 
                                    irure dolor in reprehenderit in voluptate velit esse 
                                    cillum dolore eu fugiat nulla pariatur. Excepteur 
                                    sint occaecat cupidatat non proident, sunt in culpa 
                                    qui officia deserunt mollit anim id est laborum.
                                </p>
                            </div>
                            <div class="message_roundedCorner_bottom"><div></div></div>
                        </div>
                    </div> <!-- end message -->
                    <div class="betweenMessages">
                    </div>
                </div> <!-- end content-->
                <div id="menu">
                    <div class="roundedCorner_box">
                        <div class="roundedCorner_top"><div></div></div>
                        <div class="roundedCorner_content">
                            <p><img src="img/ik1.jpg" alt="Edith Freson" /></p>
                            <div id="menuItemHome">HOME</div>
                            <div class="menuItem">CV</div>
                            <div class="menuItem">PORTFOLIO</div>
                            <div class="menuItem">STAGE BLOG</div>
                            <div class="menuItem">CONTACT</div>
                            <p>&nbsp;</p>
                        </div>
                        <div class="roundedCorner_bottom"><div></div></div>
                    </div>
                </div> <!-- end menu -->    
                <!--<div id="footer"></div>-->
            </div> <!-- wrapper_roundedCorner_content -->    
            <div class="wrapper_roundedCorner_bottom"><div></div></div>
    	</div>     
    </div> <!-- end wrapper -->
</body>
</html>

brutal · 29 dec 2009

wrapper een witte achtergrond kleur geven en floaten.

regel: alles met een width moet floaten, alles meteen float moet een width hebben.

Freakie42 · 29 dec 2009

Ok na een aantal keren float: left erbij te zetten (daar waar ik width had gebruikt) werkt het al beter, maar ik snap dat floaten precies niet helemaal.. aangezien die wrapper gecentreerd moet staan op mijn pagina maar er enkel float: right en float: left bestaat snap ik niet goed wat ik dan moet doen om het gecentreerd te krijgen? Ook de margin werkt nu precies niet meer?

Code aangepast: (#wrapper vooral)

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Edith Freson</title>
<style type="text/css"> 
body {
	background-color: #999;
	font-family: "Times New Roman", Times, serif;
	color: #ACE228;
}
 
#wrapper {
	background-color: #FFFFFF;
	width: 1000px;
	float: left;
	margin: 30;	
}
	
	#wrapper .wrapper_roundedCorner_top div {
   		background: url(img/wrapper_roundedCorner_TopLeft.png) no-repeat top left;
	}
	
	#wrapper .wrapper_roundedCorner_top {
   		background: url(img/wrapper_roundedCorner_TopRight.png) no-repeat top right;
	}
	
	#wrapper .wrapper_roundedCorner_bottom div {
   		background: url(img/wrapper_roundedCorner_BottomLeft.png) no-repeat bottom left;
	}
	
	#wrapper .wrapper_roundedCorner_bottom {
   		background: url(img/wrapper_roundedCorner_BottomRight.png) no-repeat bottom right;
	}
	
	#wrapper .wrapper_roundedCorner_top div, .wrapper_roundedCorner_top, .wrapper_roundedCorner_bottom div, .wrapper_roundedCorner_bottom {
   		width: 100%;
   		height: 30px;
   		font-size: 1px;
		float: left;
	}
	
	#wrapper .wrapper_roundedCorner_content{ 
		margin: 0 30px; 
	}
 
	#wrapper #title {
		font-size: 36px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#wrapper #content {
		float: left;
		width: 600px;
	}
	
		#wrapper #content .message {
			width: 600px;
			float: left;
			color: #693;
		}
		
			#wrapper #content .message .message_roundedCorner_box {
				background: url(img/message_roundedCorner_TopLeft.png) no-repeat top left;
			}
 
			#wrapper #content .message .message_roundedCorner_top {
				background: url(img/message_roundedCorner_TopRight.png) no-repeat top right;
			}
 
			#wrapper #content .message .message_roundedCorner_bottom {
				background: url(img/message_roundedCorner_BottomLeft.png) no-repeat bottom left;
			}
		
			#wrapper #content .message .message_roundedCorner_bottom div {
				background: url(img/message_roundedCorner_BottomRight.png) no-repeat bottom right;
			}
 
			#wrapper #content .message .message_roundedCorner_content {
				background: url(img/message_roundedCorner_r.png) top right repeat-y;
			}
 
			#wrapper #content .message .message_roundedCorner_top div,.message_roundedCorner_top, .message_roundedCorner_bottom div,
			.message_roundedCorner_bottom {
				width: 100%;
				height: 15px;
				font-size: 1px;
			}
 
			#wrapper #content .message .message_roundedCorner_content, .message_roundedCorner_bottom {
				margin-top: -20px;
			}
 
			#wrapper #content .message .message_roundedCorner_content {
				padding: 0 15px;
			}
		
		#wrapper #content .betweenMessages {
			width: 600px;
			height: 30px;
			float: left;
		}
		
	#wrapper #menu {
		width: 250px;
		height: 600px;
		float: right;
	}
	
	#wrapper #menu .roundedCorner_box {
		background: url(img/menu_roundedCorner_TopLeft.png) no-repeat top left;
	}
	
	#wrapper #menu .roundedCorner_top {
		background: url(img/menu_roundedCorner_TopRight.png) no-repeat top right;
	}
	
	#wrapper #menu .roundedCorner_bottom {
		background: url(img/menu_roundedCorner_BottomLeft.png) no-repeat bottom left;
	}
	
	#wrapper #menu .roundedCorner_bottom div {
		background: url(img/menu_roundedCorner_BottomRight.png) no-repeat bottom right;
	}
	
	#wrapper #menu .roundedCorner_content {
		background: url(img/menu_roundedCorner_r.png) top right repeat-y;
	}
 
	#wrapper #menu .roundedCorner_top div,.roundedCorner_top, .roundedCorner_bottom div, .roundedCorner_bottom {
		width: 100%;
		height: 15px;
		font-size: 1px;
	}
	
	#wrapper #menu .roundedCorner_content, .roundedCorner_bottom {
		margin-top: -19px;
	}
	
	#wrapper #menu .roundedCorner_content {
		text-align: center;
	}
	
	#wrapper #menu .menuItem {
		border-bottom-width: 4px;
		border-bottom-color: #ACE228;
		border-bottom-style: solid;
		border-left-width: 4px;
		border-left-color: #ACE228;
		border-left-style: solid;
		border-right-width: 4px;
		border-right-color: #ACE228;
		border-right-style: solid;
		font-weight: bold;
		background-color: #693;
	}
	
	#wrapper #menu #menuItemHome {
		border-top-width: 4px;
		border-top-color: #ACE228;
		border-top-style: solid;
		border-bottom-width: 4px;
		border-bottom-color: #ACE228;
		border-bottom-style: solid;
		border-left-width: 4px;
		border-left-color: #ACE228;
		border-left-style: solid;
		border-right-width: 4px;
		border-right-color: #ACE228;
		border-right-style: solid;
		font-weight: bold;
		background-color: #693;
	}
	
	#wrapper #menu img {
		width: 160px;
		height: 120px;
		border: 4px solid #ACE228;
	}
</style>
</head>
 
<body>
	<div id="wrapper">
        <div class="wrapper_roundedCorner_top"><div></div></div>
        <div class="wrapper_roundedCorner_content">
            <div id="title">STAGE BLOG</div>
            <div id="content">
                <div class="betweenMessages" align="right">
                    <a>Vorige pagina</a> - <a>Volgende pagina</a>
                </div>
                <div class="message">
                    <div class="message_roundedCorner_box">
                        <div class="message_roundedCorner_top"><div></div></div>
                        <div class="message_roundedCorner_content">
                            <p>
                                Lorem ipsum dolor sit amet, consectetur 
                                adipisicing elit, sed do eiusmod tempor incididunt 
                                ut labore et dolore magna aliqua. Ut enim ad minim 
                                veniam,	quis nostrud exercitation ullamco laboris 
                                nisi ut aliquip ex ea commodo consequat. Duis aute 
                                irure dolor in reprehenderit in voluptate velit esse 
                                cillum dolore eu fugiat nulla pariatur. Excepteur 
                                sint occaecat cupidatat non proident, sunt in culpa 
                                qui officia deserunt mollit anim id est laborum.
                            </p>
                        </div>
                        <div class="message_roundedCorner_bottom"><div></div></div>
                    </div>
                </div> <!-- end message -->
                <div class="betweenMessages">
                </div>
                <div class="message">
                    <div class="message_roundedCorner_box">
                        <div class="message_roundedCorner_top"><div></div></div>
                        <div class="message_roundedCorner_content">
                            <p>
                                Lorem ipsum dolor sit amet, consectetur 
                                adipisicing elit, sed do eiusmod tempor incididunt 
                                ut labore et dolore magna aliqua. Ut enim ad minim 
                                veniam, quis nostrud exercitation ullamco laboris 
                                nisi ut aliquip ex ea commodo consequat. Duis aute 
                                irure dolor in reprehenderit in voluptate velit esse 
                                cillum dolore eu fugiat nulla pariatur. Excepteur 
                                sint occaecat cupidatat non proident, sunt in culpa 
                                qui officia deserunt mollit anim id est laborum.
                            </p>
                        </div>
                        <div class="message_roundedCorner_bottom"><div></div></div>
                    </div>
                </div> <!-- end message -->
                <div class="betweenMessages">
                </div>
                <div class="message">
                    <div class="message_roundedCorner_box">
                        <div class="message_roundedCorner_top"><div></div></div>
                        <div class="message_roundedCorner_content">
                            <p>
                                Lorem ipsum dolor sit amet, consectetur 
                                adipisicing elit, sed do eiusmod tempor incididunt 
                                ut labore et dolore magna aliqua. Ut enim ad minim 
                                veniam, quis nostrud exercitation ullamco laboris 
                                nisi ut aliquip ex ea commodo consequat. Duis aute 
                                irure dolor in reprehenderit in voluptate velit esse 
                                cillum dolore eu fugiat nulla pariatur. Excepteur 
                                sint occaecat cupidatat non proident, sunt in culpa 
                                qui officia deserunt mollit anim id est laborum.
                            </p>
                        </div>
                        <div class="message_roundedCorner_bottom"><div></div></div>
                    </div>
                </div> <!-- end message -->
                <div class="betweenMessages">
                </div>
            </div> <!-- end content-->
            <div id="menu">
                <div class="roundedCorner_box">
                    <div class="roundedCorner_top"><div></div></div>
                    <div class="roundedCorner_content">
                        <p><img src="img/ik1.jpg" alt="Edith Freson" /></p>
                        <div id="menuItemHome">HOME</div>
                        <div class="menuItem">CV</div>
                        <div class="menuItem">PORTFOLIO</div>
                        <div class="menuItem">STAGE BLOG</div>
                        <div class="menuItem">CONTACT</div>
                        <p>&nbsp;</p>
                    </div>
                    <div class="roundedCorner_bottom"><div></div></div>
                </div>
            </div> <!-- end menu -->    
            <!--<div id="footer"></div>-->
        </div> <!-- wrapper_roundedCorner_content -->    
        <div class="wrapper_roundedCorner_bottom"><div></div></div>    
    </div> <!-- end wrapper -->
</body>
</html>

bLaZeR · 29 dec 2009

#wrapper {
margin:auto;
}

Denk toch dat het zo is tenzij het margin:auto 0; is.

Drone · 29 dec 2009

Als je zoveel css moet schrijven om rounded corners te hebben gebruik dan gewoon CSS3.

Freakie42 · 29 dec 2009

bLaZeR zei:
#wrapper {
margin:auto;
}

Denk toch dat het zo is tenzij het margin:auto 0; is.

Had ik al geprobeerd maar werkte ook niet meer..

Freakie42 · 29 dec 2009

[drone]-[1.05];12675046 zei:
Als je zoveel css moet schrijven om rounded corners te hebben gebruik dan gewoon CSS3.

Ga ik eens bekijken dan want vond het inderdaad al een heel geprul met veel code tot nu toe voor gewoon ronde hoeken te hebben.

Metropolice · 29 dec 2009

Miss een handige tip. Je kan uw code ook inkorten. Bijvoorbeeld bij uw border, voor de breedte kan je dan { border-width: 4px 4px 4px 4px; } nemen. Zo heeft zowel uw top, bottom, right als left een breedte van 4px en spaar je veel regels schrijfwerk. Het werkt eigenlijk met de klok mee. De eerste 4px staat voor de top, de tweede voor de right en zo met de klok mee.

Dit werkt zowel op border als margin en padding bijvoorbeeld. Als je dit overal zo toepast dan gaat uw code er al veel overzichtelijker uitzien. Je moet er in het begin gewoon efkes aan wennen.

Veel succes !

dendaak · 29 dec 2009

Ik herinner mij nog vanalles van maanden/jaren terug van hier op het forum.

• Even More Rounded Corners (Fluid, Alpha-transparent, Single Image Approach) Using CSS
• CurvyCorners - Beautiful rounded corners for your HTML boxes

Freakie42 · 30 dec 2009

Die CSS3, moet je daar iets speciaal voor doen opdat dat werkt want Dreamweaver lijkt het niet te ondersteunen en in IE en Firefox lijkt het ook niet te werken?

Bram · 30 dec 2009

-moz-border-radius: 15px;
-webkit-border-radius: 15px;

Werkt enkel in firefox en webkit browsers

Metropolice · 30 dec 2009

Ja de meeste toepassingen worden spijtig genoeg nog niet ondersteund in alle browsers. IE is dus ook steeds één van de boosdoeners.

adrianhates · 30 dec 2009

je kan ook jquery gebruiken voor rounded corners..

Freakie42 · 30 dec 2009

adrianhates zei:
je kan ook jquery gebruiken voor rounded corners..

Ja, maar als ik het goed door heb dan werkt dat ook weer niet in IE en ik wil graag dat mijn website in elke browser ronde hoeken toont.

EDIT: Blijkbaar werkt het wel in alle browsers, maar enkel als de div zonder border is. Maar misschien als ik nog even verder zoek dat ik ook een alternatief vind voor met borders dan. Thx in elk geval.

Freakie42 · 5 jan 2010

Ik heb het nu met JQuery geprobeerd maar zit momenteel met het probleem dat het niet lukt voor mijn '.message' divs. Als ik mijn code test in een lege pagina dan werkt het wel (Untitled Document) maar als ik dezelfde code dan in mijn website plaats werkt ze niet meer (Untitled Document, enkel op de bovenste message uitgeprobeerd). Iemand die mij kan uitleggen waar dit aan ligt?

adrianhates · 5 jan 2010

Freakie42 zei:
Ik heb het nu met JQuery geprobeerd maar zit momenteel met het probleem dat het niet lukt voor mijn '.message' divs. Als ik mijn code test in een lege pagina dan werkt het wel (Untitled Document) maar als ik dezelfde code dan in mijn website plaats werkt ze niet meer (Untitled Document, enkel op de bovenste message uitgeprobeerd). Iemand die mij kan uitleggen waar dit aan ligt?

in welke browser bekijk je het?

Freakie42 · 10 jan 2010

adrianhates zei:
in welke browser bekijk je het?

Eender welke, geeft in elke browser hetzelfde resultaat.. En bedoeling is dat het uiteindelijk in elke browser werkt

Streetrunner · 10 jan 2010

- simpelste oplossing:
gebruik gewoon een volledige background-image voor je div !

- betere oplossing:
boven en onderrand afsnijden en boven en onder je div plakken + horizontale background-image voor je div zelf gebruiken !

- beste oplossing:
elk hoekje apart uitknippen en de horizontale en verticale stukken ertussen ook, zo ben je volledig flexibel wat betreft aanpassen van de tekst e.d.

profound · 10 jan 2010

Streetrunner zei:
- beste oplossing:
elk hoekje apart uitknippen en de horizontale en verticale stukken ertussen ook, zo ben je volledig flexibel wat betreft aanpassen van de tekst e.d.

Idd!

Al hoop ik dat de browsers wat meegaan met hun tijd en ze hun volgende versies direct volledig compatibel maken met CSS3. Is leuk om mee te werken vind ik.

Streetrunner · 11 jan 2010

CSS3 biedt inderdaad heel wat leuke nieuwtjes maar voor IE daarin zal meegaan ...
Dat wordt nog een jaartje wachten vrees ik

Zolang CSS3 de nieuwe standaard niet wordt, zullen we maar verder moeten prutsen om die rounded corners zelf te maken !

Archief - Divs met ronde hoeken

Freakie42

Legacy Member

brutal

Legacy Member

Freakie42

Legacy Member

bLaZeR

Legacy Member

Drone

Legacy Member

Freakie42

Legacy Member

Freakie42

Legacy Member

Metropolice

Legacy Member

dendaak

Legacy Member

Freakie42

Legacy Member

Bram

Legacy Member

Metropolice

Legacy Member

adrianhates

Legacy Member

Freakie42

Legacy Member

Freakie42

Legacy Member

adrianhates

Legacy Member

Freakie42

Legacy Member

Streetrunner

Legacy Member

profound

Legacy Member

Streetrunner

Legacy Member