+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Dopisał by ktoś kawałek kodu CSS? (/thread-dopisal-by-kto%C5%9B-kawalek-kodu-css)
Dopisał by ktoś kawałek kodu CSS? - norx - 02-06-2010
http://i47.tinypic.com/23jkaa.gif
Prosiłbym o dopisanie kodu tak by 4 białe kwadraty wyświetlały się jak na obrazku
plik html
Kod:
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<title>TEST :) </title>
<link rel="stylesheet" href="main.css" type="text/css" />
</head>
<body>
<div id="all">
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>
</div>
</body>
</html>CSS
Kod:
body
{background: url('tlo.jpg');
color: #FF4200;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
text-shadow: 0 1px 0 #FFFFFF;
}
*
{margin: 0px;
padding: 0px;
}
img
{border: 0px;
}
#all
{background-color: #a64747;
width: 600px;
height: 600px;
border-bottom: 5px solid #ffffff;
border-right: 5px solid #ffffff;
margin: 30px auto;
}Zrobiłbym to sam ale nie umiem. Z góry dziękuję za odpowiedź i pozdrawiam, Norx
RE: Dopisał by ktoś kawałek kodu CSS? - Dhofca - 03-06-2010
Proszę.
Kod:
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<title>TEST :) </title>
<style>
body
{background: url('tlo.jpg');
color: #FF4200;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
text-shadow: 0 1px 0 #FFFFFF;
}
*
{margin: 0px;
padding: 0px;
}
img
{border: 0px;
}
#all
{
background-color: #a64747;
width: 600px;
height: 600px;
border-bottom: 5px solid #ffffff;
border-right: 5px solid #ffffff;
margin: 30px auto;
}
.kwadrat {
float: left;
width: 270px;
height: 270px;
background: #fff;
margin: 20px 0 0 20px;
}
</style>
</head>
<body>
<div id="all">
<div class="kwadrat"></div>
<div class="kwadrat"></div>
<div class="kwadrat"></div>
<div class="kwadrat"></div>
</div>
</body>
</html>