- Hozzászólások: 28
- Köszönetek: 0
Fejléc rögzítése
- KJoo
-
Témaindító
- Nem elérhető
- Junior Member
-
Kevesebb Több
2016 szept. 05 14:50 - 2016 szept. 05 16:18 #1 Írta: KJoo
Fejléc rögzítése téma létrehozva KJoo által
Sziasztok!
Reszelgetem a sablonomat. Próbáltam rögzíteni a fejlécet, de nem akar sikerülni.
Az index.php-ban ez van:
A hozzá tartozó css pedig:
Ha kikommentelem a headerben a "position:fixed;" sort, akkor eltűnik teljes fejléc. Gondolom, hogy valami alapdologgal bénázok már megint, de nem jövök rá
Segítsetek kérlek.
Köszi:
KJoo
Reszelgetem a sablonomat. Próbáltam rögzíteni a fejlécet, de nem akar sikerülni.
Az index.php-ban ez van:
<div id="header">
<div id="head">
<table border="0" width="100%">
<tr>
<td>
<div id="head_logo">
<jdoc:include type="modules" name="head_logo" style="xhtml" />
</div>
</td>
<td align="right">
<div id="nav-main">
<jdoc:include type="modules" name="nav-main" style="xhtml" />
</div>
</td>
<td align="right">
<div id="head_search">
<jdoc:include type="modules" name="head_search" style="xhtml" />
</div>
</td>
</tr>
</table>
</div>
</div>
A hozzá tartozó css pedig:
#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height:50px;
background: #FFFFFF url(../images/menu_back.jpg) repeat-y;
background-size: 100% 100%;
overflow: hidden;
display: table;
/*border-bottom: 10px solid #FFFFFF;*/
}
#head{
overflow: hidden; /* for float containment */
width: 90%;
min-width: 40em;
max-width: 80em;
margin: 0 auto;
}
#head_logo {
float: left;
}
#head img{
float: left;
}
#head ul {
float:right;
list-style: none;
margin: 0px;
padding: 18px 0px 0px 0px;
}
#head li {
float: right;
padding-right: 1em;
}
#head a:link, #head a:visited {
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
font: 0.95em Arial, Tahoma, geneva, sans-serif;
}
Ha kikommentelem a headerben a "position:fixed;" sort, akkor eltűnik teljes fejléc. Gondolom, hogy valami alapdologgal bénázok már megint, de nem jövök rá

Segítsetek kérlek.
Köszi:
KJoo
Utolsó szerkesztés: 2016 szept. 05 16:18 Balázs által.
Jelentkezz be, hogy te is részt vehess beszélgetésben!
- Balázs
-
- Nem elérhető
- Adminisztrátor
-
2016 szept. 05 16:18 - 2016 szept. 05 16:19 #2 Írta: Balázs
Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).
Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu
Balázs válaszolt a következő témában: Fejléc rögzítése
Van esetleg link az élő oldalról?
Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).
Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu
Utolsó szerkesztés: 2016 szept. 05 16:19 Balázs által.
Jelentkezz be, hogy te is részt vehess beszélgetésben!
- KJoo
-
Témaindító
- Nem elérhető
- Junior Member
-
Kevesebb Több
- Hozzászólások: 28
- Köszönetek: 0
2016 szept. 05 19:25 #3 Írta: KJoo
KJoo válaszolt a következő témában: Fejléc rögzítése
Sajnos nincs még

Jelentkezz be, hogy te is részt vehess beszélgetésben!
- KJoo
-
Témaindító
- Nem elérhető
- Junior Member
-
Kevesebb Több
- Hozzászólások: 28
- Köszönetek: 0
2016 szept. 06 11:00 #4 Írta: KJoo
KJoo válaszolt a következő témában: Fejléc rögzítése
Hali!
Kicsit próbálgattam és az történik, hogy a fixálás után a következő elemek "felcsúsznak" és eltakarják.
A megoldás a
z-index:999;
sor lett
. Amint mondtam, megint egy alapdologgal bénáztam ...
Köszi
KJoo
Kicsit próbálgattam és az történik, hogy a fixálás után a következő elemek "felcsúsznak" és eltakarják.
A megoldás a
z-index:999;
sor lett

Köszi
KJoo
Jelentkezz be, hogy te is részt vehess beszélgetésben!
- KJoo
-
Témaindító
- Nem elérhető
- Junior Member
-
Kevesebb Több
- Hozzászólások: 28
- Köszönetek: 0
2016 szept. 06 11:14 #5 Írta: KJoo
KJoo válaszolt a következő témában: Fejléc rögzítése
Na, most meg a cikkek eleje, a breadcrumb és a bal oldali menü alácsúszik a fejlécnek és nem látszik a teteje. De elég sok div van ott egymás után, amik közül különbözőek látszanak az egyes menüpontoknál, így nem adhatok mindnek egy felső poziciós távot (position: relative; top:80px;).
Ilyenkor mi a teendő?
Köszi:
KJoo
Ilyenkor mi a teendő?
Köszi:
KJoo
Jelentkezz be, hogy te is részt vehess beszélgetésben!