Jako że w mniejszym bądź większym stopniu opanowałem html + CSS, postanowiełem zapoznać się z xhtml'em. Po przeczytaniu kilku artykułów na ten temat doszedłem do wniosku iż najlepiej i najnowocześniej będzie stworzyć stronę opartą na DIV'ach, lecz w przeszłości nie miałem zbyt wiele do czynienia z DIV'ami dlatego zaraz po rozpoczęciu pracy natkonołem się na problem. A mianowicie nie wiem jak wstawić grafikę tak aby była dopasowana do reszty. Nie potrafię tego także opisać w sensowny sposób dlatego dołanczam wszystkie moje żródła (nie są zbyt obszerne) i link do strony, aby można było dokładnie się dowiedzeć oco mich chodzi.
[xml]<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN"
"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3c.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="txt/html; charset=iso-8859-2" />
<meta name="language" content="pl" />
<title>Nauka xhtmla
</title> </head>
<?xml-stylesheet href="style.css" type="txt/css" ?>
<link rel="stylesheet" type="text/css" href="style.css" />
<body xml:lang="pl">
<div class="cent">
<div class="a"></div>
<div class="b">
<div class="b1"></div>
<div><img src="f.gif" alt="O firmie" style="display: block"></div>
<div class="universal"><img src="f1.gif" alt="" "></div>
<div class="b2"></div>
</div>
</div>
</body>
</html>[/xml]
Kod: Zaznacz cały
body {
background: #532423;
font-size: 20px;
}
div.cent {
border: 1px solid #FF0056;
width: 640px;
height: 480px;
}
div.a {
border: none;
width: 625px;
height: 110px;
background: url('lg.gif');
}
div.b {
border: none;
height: 47px;
width: 625px;
}
div.b1 {
height: 47px;
width: 50px;
background: url('p.gif');
float: left;
border: none;
border-collapse: collapse;
padding: 0px;
border-spacing: 0px;
}
div.b2 {
background: url('p1.gif');
width: 56px;
height: 47px;
float: left;
}
div.universal {
float: left;
}1) Między grafiką pierwszą z lewej strony, a z napisem 'o fimie' jest odstęp, ale tylko w IE. Co mam zrobić aby się tego pozbyć?
2) Pod obrazkiem z napisem 'o firmie' jest kolejna o takiej samej długości, a koło niej jest obrazek w kształcie kwadratu i właśnie chodzi mi oto aby on był na wysokości tego obrazka z napisem 'o firmie' (czyli przylegał do górnej grafiki)
Wiem że trochę niejasno napisałem, ale jakoś muzg odmawia mi posłuszeństwa i niemogę nic sensowniejszego wymyślić
Sorki za chaotyczność w wypowiedzi i bardzo proszę o jakąkolwiek pomoc za którą z góry dziękuje!