Question

как мне сделать чтобы левый блок не наезжал на меню

Answer 1

Перейдите в таблицу стилей CSS,  строка номер 46, найдите следующие стили:

.sidebar {float: left; width: 252px;margin-top: 20px;}

добавьте выделенное выше.

Comments

код меню /* --------------------------
AUTHOR : STYLED MENUS
URL : http://www.styledmenus.com
Copyrights by STYLED MENUS
----------------------------*/
*{
    margin:0;
    padding:0;
}
body{
    background:#fff;
    color:#fff;
    font:12px/16px Tahoma, Arial, Helvetica, sans-serif;
}
#menu{
    width:100%;
    margin:5px;
}
    #menu ul{
        list-style:none;
    }
        #menu li{
            list-style:none;
            display:block;
            float:left;
            height:40px;
            line-height:40px;
            text-align:center;
            margin:0 10px;
        }
            #menu li a{
                display:block;
                float:left;
                font-weight:bold;
                color:#fff;
                text-decoration:none;
                padding:5px 30px;
                text-transform:uppercase;
            }
                #menu li a:hover{
                    text-decoration:none;
                }
            #menu li a.red{
                background:#c40d0b url(images/r_f.gif) no-repeat left top;
            }
                #menu li a:hover.red{
                    background:#c40d0b none;
                }
            #menu li a.orange{
                background:#f26522 url(images/o_f.gif) no-repeat left top;
            }
                #menu li a:hover.orange{
                    background:#f26522 none;
                }
            #menu li a.yellow{
                background:#e4c016 url(images/y_f.gif) no-repeat left top;
            }
                #menu li a:hover.yellow{
                    background:#e4c016 none;
                }
            #menu li a.green{
                background:#219e0b url(images/g_f.gif) no-repeat left top;
            }
                #menu li a:hover.green{
                    background:#219e0b none;
                }
            #menu li a.blue{
                background:#2c88ce url(images/b_f.gif) no-repeat left top;
            }
                #menu li a:hover.blue{
                    background:#2c88ce none;
                }
            #menu li a.grey{
                background:#939393 url(images/gr_fold.gif) no-repeat left top;
            }
                #menu li a:hover.grey{
                    background:#939393 none;
                }

---

ширину блоков меню можно увеличить чтобы они на всю ширину были

---

иван новиков,

можно, но нужно перерисовывать изображения в стилях строки 48-50:

.sidebar-top {height: 5px; overflow: hidden; background: url(/.s/t/783/8.png);}
.sidebar-mid {background: url(/.s/t/783/9.png);padding: 10px 0px;}
.sidebar-bot {height: 5px; overflow: hidden; background: url(/.s/t/783/10.png);}

но это бред, так как боковой блок, контейнер для блоков должен быть фиксированной ширины как он сейчас и есть, если сделать на всю страницу, соответственно контент на странице уже не будет куда добавить.

Изображения перерисовывайте под размеры которые вам нужны, а далее в стилях выше:

.sidebar {float: left; width: 252px;margin-top: 20px;} 

размер 252 меняйте на новый размер под который будут перерисованы изображения.

---

а как мне вернуть так чтобы текст был виден