3 svar · 395 visningar · startad av Obbelix
Hur ska jag göra för att denna ruta (se bifogad fil) ska bli "rätt" gjort i XHTML? det går ju att göra den med en tabell + massa celler å så, men det kanske finns nåt smartare sätt som inte jag känner till...
Här finns det idéer och exempel: http://www.456bereastreet.com/archive/200505/transparent_custom_corners_and_borders/
Ett jätteenkelt exempel (i XHTML):
<!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>
<title>Sweden Water</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style_sw.css" rel="stylesheet" type="text/css" />
<style type="text/css">
* {margin:0;padding:0;}
div {
margin:2em;
background:#000;
width:200px;
}
p {
padding:2px;
border:2px solid #090;
background:#eee;
position:relative;
right:2px;
bottom:2px;
</style>
</head>
<body>
<div>
<p>asdasdasdasd asdasd asdasdas asdasdas dasdasda sddasda dasdasdasda sdasdas asdasd asdasdas asdasd.
asdasdasdasd asdasd asdasdas asdasdas dasdasda sddasda dasdasdasda sdasdas asdasd asdasdas asdasd.
asdasdasdasd asdasd asdasdas asdasdas dasdasda sddasda dasdasdasda sdasdas asdasd asdasdas asdasd.
</p>
</div>
</body>
</html>
Perfekt!