Reikalinga pagalba su css

Susidūriau su keliomis prestashop template problemomis,jas išsisprendžiau kaip ir ,tačiau viena liko su css ir niekaip neišgalvoju kaip ją išspręsti.

Header'yje yra permanent links ir jos turi būti taip: [log in my account my wishlist]

http://www.part.lt/img/ee37dc6577bdad7000b90239986aa91a42.png

Dabar man yra taip:

http://www.part.lt/img/ded0cc930be1352066855237b314bc84610.png

Susiradau css ir padding,pakeičiau reikšmę,tačiau gaunasi taip:

http://www.part.lt/img/912751ab93108c9358a0c60d5683066f239.png

Turimas css kodas toks :

/* block top links */
.leo-button {display:none;}
#permanentlinks { 
float: left;
}
#permanentlinks .nav-item {
float: left;
padding: 8px 15px 10px 0;
}
#permanentlinks .nav-item .item-top a,
.item-top {
color: #5f5f5f;
}
.login {
   margin-left: 10px;
}
ul#header_links {
list-style-type: none;
float: right;
margin-top:5px
}
#header_links li {
float: left;
padding: 0 8px;
border-left:1px solid #333;
line-height:11px;
}
#header_links li:first-child {border:none;}
#header_links a {text-decoration: none}
#header_links a:hover {text-decoration:underline}

/*block permanent links right and left columns*/
#permanent_links div {border-bottom: 1px dotted #eee}
#permanent_links div a {
display: block;
padding: 7px 11px 5px 22px;
color: #333;
background:url(img/arrow_right_2.png) no-repeat 10px 10px;
}

/* block footer links */
ul#footer_links{
clear:both;
text-align: center;
padding-bottom:6px
}
ul#footer_links li{
display: inline;
padding:0 10px
}

Keičiu

padding: 8px 15px 10px 0;

šią eilutę,tačiau padarius nors ir -40px vistiek permanent link nekerta viršutinės linijos,kaip pirmame pavyzdyje,tačiau man išdarko ir paiešką...

Gal kas galit padėt išspręsti šia bėdą?

duok linką kur viskas yra

duok linką kur viskas yra

Aš išjungęs svetainę,tačiau įjungiau, čia

#permanentlinks { 
float: left;
margin-top: -20px;
}

#permanentlinks { 
float: left;
margin-top: -20px;
}

Pakelt į viršų pakėlė,viskas tvarkoje,tačiau 3 žodžiai į vieną sulipo :)

Viskas tvarkoje,susitvarkiau :) Didelis ačiū tau

Pakelt į viršų pakėlė,viskas tvarkoje,tačiau 3 žodžiai į vieną sulipo :)

nu tai judink su padding. O geriau išvis dėk su margin.

.item { margin-left: 5px; }
.item:first-child{ margin: 0; }

nu tai judink su padding. O geriau išvis dėk su margin.

 

.item { margin-left: 5px; }
.item:first-child{ margin: 0; }

Dar su css mėginu tik mokintis , pasidariau taip:

float: left;
padding: 0px 15px 10px 0;
margin-top: -20px;

tau padding reik mest ne ant parrento, o ant childo.

kol kas tiks ir taip :D jeigu kas bus vėliau blogai,tai žiūrėsiu kaip ten kas.

tai jeigu tu vadovaujiesi "laikys" principu, tai kodėl teiraujiesi pagalbos?

Todėl,jog noriu sutvarkyti problemas ir ateityje žinoti jeigu bus tokia situacija. Kaip ir minėjau dar su css esu žalias,tai man taip tiko kaip pasidariau + tavo duotasis kodas,jeigu viskas veikia,kodėl gi nenaudoti?

Todėl,jog noriu sutvarkyti problemas ir ateityje žinoti jeigu bus tokia situacija. Kaip ir minėjau dar su css esu žalias,tai man taip tiko kaip pasidariau + tavo duotasis kodas,jeigu viskas veikia,kodėl gi nenaudoti?

nes tau gerai, pabandyk su visom naršyklėm praeiti ir suprasi kas negerai :) taip pat su tabletais ir mobilekais

Na čia tavo tiesa,kadangi aš tik su FF naršaus,reikės pažiūrėti su kitomis tuomet.