Fejlécben "oldalak" szétcsúszása

Sziasztok!











Az alábbi problémám lenne, s hiába kerestem nem találtam ilyen jellegű hibát.





A weboldalamon - www.kolyokbirodalom.hu - felül az oldalak nevei, ha ráállok állandóan szétcsúszik, mi lehet a hiba? A sablon eredetileg teljesen más volt - renown - de szeretném, ha akár két-három sorban is lehetnének az oldalak, de ne csússzon szét, hanem maradjon fixen.











Ha extra dolgokat szeretnék, pl. ha ráállok pl. a kalandparkok fülre, ne csak simán vonal jelenjen meg alatta, hanem valami extra megjelenése legyen, azt milyen beállítással, pluginnal? lehet beállítani? Köszönöm előre is, de elsőkörben a szétcsúszás lenne S.O.S fontos.











Köszönöm a segítséget,











Boszimama

CSS beállítás a válasz minden kérdésedre.





A jelenlegi menüben a vonalazás miatt megnövekszik a div/li magassága, ezért dobja szét az alatta lévő sort.











Az extra effektet is legjobban css módosítással tudod megoldani. Sok sikert! :wink:

Szia!











Nagyon köszi a gyors választ:) Sajnos ez nekem olyan mintha kínaiul írtad volna:) teljesen kezdő vagyok.





Gondolom a sablonnak a style.css-re gondoltál. bemásolom a fejlécre vonatkozó paramétereket, mert már nagyon sokat szenvedtem vele, állítottam is, mert az eredeti sablon teljesen más volt, ebben segíts please, h mit kell átállítanom:



Code:

/* LAYOUT */



body {

background: #ffffff url(images/background.png);

}



#wrapper {

background: url(images/wrapper-bg.png) left top repeat-x;

}



#container {

}



#contentwrap {

background: #ffffcc url(images/contentwrap-line.png) left top repeat-x;;



}



a {

color: #115980;

text-decoration: none;

}



a:hover {

color: #115980;

text-decoration: underline;

}

/* HEADER */



#header {

background: url(images/header-bg.png) left top repeat-x;

height:90px;

margin-top: 8px;

}



#header h1 {

margin-bottom: 2px !important;

padding:18px 0 0 0;

font-weight: normal;

font-family: Verdana;

font-weight: bold;

font-size: 46px;

}



#header h1 a, #header h1 a:visited {

color: #333333;

text-decoration: none;

}





#header h2 {

color: #333333;

font-size: 14px;

line-height: 14px;

font-family: Verdana;

font-style: italic;

}



.logoimg {

margin: 10px 0 0 160px;

}



/* NAVIGATION MENUS */



#pagemenucontainer {

height: 50px;

padding: 0;

float: left;

margin-top: 10px;

background: url(images/pagemenu-bg.png) center top repeat-x;

-moz-border-radius: 0 0 5px 5px;

-khtml-border-radius: 0 0 5px 5px;

-webkit-border-radius: 0 0 5px 5px;

border-radius: 0 0 5px 5px;

}



#pagemenu {

height: 10px;

}



#pagemenu, #pagemenu ul {

padding: 1px;

margin: 0;

list-style: none;

line-height: 1;

}

#pagemenu {

margin-bottom: 1px;

}





Köszi:)


Boszimama

olyannyira kezdő vagy, hogy még az is hiányzik a belinkelt kódból, ami kellene! :wink:











ezekre cseréld css-ben:









Code:

border-bottom: 2px solid #B0B5AC;








erre:





Code:

border-bottom: 0px;








és nem lesz elcsúszás.

Hát igen, elég kezdő vagyok, de megcsináltam és örök hála:)és tanulom a dolgokat:):slight_smile:











ez belassíthatja, mert szerintem lassabban tölt be az oldal így.??











Ha szeretnék valami extrát, pl. hogy ne csak keret jelenjen meg, ha ráállok, hanem mondjuk más színű legyen, ha ráállok, akkor mit kell beírnom?











Köszi mégegyszer az eddigi segítséget:)











Boszimama

kizárt, hogy lassítsa.