Вапрос за CSS меню

[lubo91]

Несам се занимавал с CSS а си харесах това менюhttp://www.dynamicdrive.com/style/csslibrary/item/solid-block-menu/
та вапроса ми е как да си го сложа в саита.

 

[animatora]

ами предполагам слагаш цсс в <head> и в <body> html кода и си праиш папка media и в нея слага6 ония 2 картинки 4ерната и 4ервената

 

[lubo91]

Ясно ще пробвам ако стане печелиш голямата награда.

 

[animatora]

ето ти го ако не стане:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251"/>
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(media/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(blockactive.gif) center center repeat-x;
}

</style>
</head>

<ul class="solidblockmenu">
<li><a href="http://www.dynamicdrive.com/">Home</a></li>
<li><a href="http://www.dynamicdrive.com/style/" class="current">CSS Examples</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com">Webmaster Tools</a></li>
<li><a href="http://www.javascriptkit.com/">JavaScript</a></li>
<li><a href="http://www.cssdrive.com">Gallery</a></li>
</ul>
<br style="clear: left" />
</body>
</html>

 

[lubo91]

Стана , но как мога да реголирам колко да е далга лентата защото ми е прекалено далга пробвам дая намаля малко но немога гледам кода но невиждам размери. :?

 

[animatora]

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 50 %;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(media/blockdefault.gif) center center repeat-x;
}
мое и px да слоиш пример
width: 400 px;

 

[lubo91]

О браво човек златен си хем ми помогна хем ме научи на нещо :?:
+1