Здраствуйте, не подскажете мне одну вещь.
Мне дали задание разбить картинку в формате psd
я разбил её в ImageReady в виде таблицы, мне надо сделать тоже само только не в виде таблицы, а с помощью Div (это делается тоже в ImageReady или нет?) , например вот так мне надо сделать
| Код |
<div id="b">
<div id="head">
<div id="logo"><a href="#"><img src="images/logo.gif" width="168" height="137" border="0"></a></div>
<div id="tmenu">
<div id="serv">
<a href="#"><span id="s1"><div><b>Wallpaper</b><br>more than <br>10000 <br>pictures</div></span></a>
<a href="#"><span id="s2"><div><b>Postcard</b><br>more than <br>10000 <br>pictures</div></span></a>
<a href="#"><span id="s3"><div><b>Poster</b><br>more than <br>10000 <br>pictures</div></span></a>
<a href="#"><span id="s4"><div><b>High resolution<br>photo</b><br>more than 10000 <br>pictures</div></span></a>
</div>
<div id="tm_r1">
<div><a href="#">About us</a></div>
<div><a href="#">Testimonials</a></div>
<div><a href="#">For photografs</a></div>
<div><a href="#">For customers</a></div>
<div><a href="#">Contact us</a></div>
<div><a href="#">Photoforum</a></div>
</div>
<div id="tm_r2">
<div><a href="#">News</a></div>
<div><a href="#">News Photoforum</a></div>
</div>
<div id="tm_r3">
<div><a href="#">Photoforum</a></div>
</div>
</div>
</div>
|
и файл CSS
| Код |
#logo {float:left; width:194px; text-align:right}
#tmenu {float:left; height:137px}
#serv div{float:left}
#serv {height:71px}
#serv a{width:198px; height:68px;color:#FFFFFF; cursor:pointer; text-decoration:none}
#serv span{ width:198px; height:68px;float:left;margin:1px;text-align:right;}
#serv b{font-size:12px}
#serv div{margin:5px 2px 5px 0; float:right}
#serv #s1 {background:#98DAFD url(images/ser1_1.gif) no-repeat left;color:#4072A5;}
#serv #s2 {background:#4072A5 url(images/ser2_1.gif) no-repeat left;}
#serv #s3 {background:#79B621 url(images/ser3_1.gif) no-repeat left;}
#serv #s4 {background:#FBB60F url(images/ser4_1.gif) no-repeat left;}
|
это CSS2?
или может у кого есть ссылки на литературу где об этом можно почитать.
Спасибо. |