Meniu de navigatie pe bara

Cum pot pune meniu de navigatie pe acea bara rosie ?

Imagine : http://postimage.org/image/trrdcnoab/

Adăugaţi în foaia de stil css:

Cod:


#page-header .navbar {
background: url(LINKIMAGINE) no-repeat center;
margin-left: -35px;
margin-right: -35px;
}


Trebuie să adăugaţi imaginea de fundal şi să modificaţi 35 cu valorea dorită.

Uiteti cum a-mi apare ..

Imagine : http://postimage.org/image/edtjuumln/

Imagine cu bara rosie ( poate va ajuta la ceva ) : https://i.servimg.com/u/f42/16/52/46/02/fotofl10.png

Puneţi în css:

Cod:


#page-header .navbar {
background: url(http://i42.servimg.com/u/f42/16/52/46/02/fotofl10.png) no-repeat center;
margin-left: -35px;
margin-right: -35px;
}


Acest cod lam adaugat de prima data in CSS

Cod:

#page-header .navbar {
background: url(http://i42.servimg.com/u/f42/16/52/46/02/fotofl10.png) no-repeat center;
margin-left: -35px;
margin-right: -35px;
}

Nici o schimbare

Bună seara,

Am să vă rog să postaţi aici foaia de stil CSS. Din câte observ în imagine aveţi mai multe coduri care deformează meniul de navigare.

Cod:

#page-header {
background: url(http://i43.servimg.com/u/f43/17/43/53/81/sus11.png) center;
height: 290px;
width: 1030px;
background-repeat: no-repeat;
}

#page-header .navbar a{
position: relative;
margin-left: 10px;
font-size: 12px;}

#page-header .navbar {
background: url(http://i42.servimg.com/u/f42/16/52/46/02/fotofl10.png) no-repeat center;
margin-left: -35px;
margin-right: -35px;
}

acesta este tot Css'u

Condul acesta se bate cap în cap:

Cod:

#page-header .navbar {
background: url(http://i42.servimg.com/u/f42/16/52/46/02/fotofl10.png) no-repeat center;
margin-left: -35px;
margin-right: -35px;
}

Ori personalizaţi margin-left, ori margin-right. Încercaţi aşa:

Cod:

#page-header .navbar {
background: url(http://i42.servimg.com/u/f42/16/52/46/02/fotofl10.png) no-repeat center;
margin-left: -35px;
}

Fara nici un efect, la fel ca inainte.

Păi normal că este ca înainte dacă nu aţi modificat valoarea de "-35 px". Adăugaţi una mai mica. Cu cât valoarea va fi mai mică, cu atât se va apropia mai mult de #wrap, cu cât va fi mai mare, cu atât se va depărta.

Ştergeţi din css acest cod:

Cod:


#page-header {
background: url(http://i43.servimg.com/u/f43/17/43/53/81/sus11.png) center;
height: 290px;
width: 1030px;
background-repeat: no-repeat;
}


Uitati css'ul

Cod:

#page-header .navbar a{
position: relative;
margin-left: 10px;
font-size: 12px;}

#page-header .navbar {
background: url(http://i42.servimg.com/u/f42/16/52/46/02/fotofl10.png) no-repeat center;
margin-left: -1px;
margin-right: -1px;
}

am modificat pana am ajuns la -1 px si nam vazut nici o schimbare.