Трябва ми едно малко css

prima08

Registered
Намерих един темплейд но трябваше да го обработа със Slice tool защото е направен на Photoshop.Отскоро уча css и немога да направя тази кутия
template002.jpg

Ето и разрезите които направих
image_13.gif

http://img.zamunda.net/bitbucket/image_13.gif
image_24.gif

http://img.zamunda.net/bitbucket/image_24.gif

Можели някои да ми я направи чрез <div> или както можете
 
Погледни тия уроци и би трябвало да се справиш:
http://web-tourist.net/login/login/view.php?st=2123
http://web-tourist.net/login/login/view.php?st=2094
http://it-place.net/tutorial/HTML%20-%20CSS/dev/11/760/%D1%FA%E7%E4%E0%E2%E0%ED%E5+%ED%E0+%E7%E0%EE%E1%EB%E5%ED%E8+%FA%E3%EB%E8+%E1%E5%E7+%EA%E0%F0%F2%E8%ED%EA%E8
 
Ето, ама без css, понеже да създавам стил, за един див ми се строи безсмислено.

<div style="border: solid 1px #aeb7be; background: #e9eaec; width:; height:">Link1<br>link2<br>link3<br>link4</div>

Width е ширината на менюто (в случая колкото е широка картинката), а height е височината.

Над и под този код слагаш картинките.
 
Код:
<body bgcolor="#ffffff">
<div style='background-image:url(image_13.gif);width:153px;height:21px;'></div>
<div style="border: solid 1px #aeb7be;border-top:none;border-bottom:none; background: #e9eaec; width:151; height:">
Link1<br>
link2<br>
link3<br>
link4
</div>
<div style='background-image:url(image_24.gif);width:153px;height:21px;'></div>

demo: http://web-tourist.net/project/animatora/menu3.html
 

Back
Горе