TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Duch
Poradte mi prosim ako spravim layout s funkcim menu v ktorom ma nevyhodi po kliknuti na odkaz na novu stranku ale mi ho pekne vypise na hlavnu stranku vedla menu.
Fórum › CSS
Layout v css
Nahlásit jako SPAM
IP: ...–
Stálý člennevim moc co chceš, ale přijde mi že chceš něco jako rámy v css? to ale nepůjde tak úplně, bez rámů musíš vždycky načítat celou stránku ne jen kousek (rámec).
BossJde to, ale to si chce privolat na pomoc javascript :sport:
Já mám problém zase s tímto už si nad tím lámu hlavu asi 3 hodiny
<style type="text/css">
#sidebar-a {
float: left;
width: 138px;
margin: 0;
margin-right: ;
padding: 0px;
background-color: white;
}
#nl {
float: left;
width: 12px;
height: 12px;
margin: 0;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/nlokraj.gif);
}
#ns {
float: center;
width: 126px;
height: 12px;
margin: 0;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/ncara.gif);
}
#np {
float: right;
width: 12px;
height: 12px;
margin: 0;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/npokraj.gif);
}
#sl {
float: left;
width: 12px;
margin: 0;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/lcara.gif);
}
#ss {
float: center;
width: 126px;
margin: 0;
padding: 0px;
background-color: white;
}
#sp {
float: right;
width: 12px;
margin: 0;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/pcara.gif);
}
#dl {
float: left;
width: 12px;
height: 12px;
margin: 0;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/dlokraj.gif);
}
#ds {
float: center;
width: 126px;
height: 12px;
margin: 0;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/dcara.gif);
}
#dp {
float: right;
width: 12px;
height: 12px;
margin: 0;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/dpokraj.gif);
}
</style>
<div id="sidebar-a">
<div id="nl"></div>
<div id="ns"></div>
<div id="np"></div>
<div id="sl"></div>
<div id="ss">ahoj</div>
<div id="sp"></div>
<div id="dl"></div>
<div id="ds"></div>
<div id="dp"></div>
</div>
EDIT: Je tu někdo kdo by mi pomohl? :((
Super členMno tak ten by se hodil určitě promiň asi nějak takhle
EDIT: + ten text ahoj
ctvr hodiny jsem se s tim pral a dostal jsem tohle:
<style type="text/css">
#sidebar-a {
float: left;
width: 138px;
margin: 0px;
margin-right: 0px;
padding: 0px;
background-color: white;
line-height: 0px;
}
#nl {
float: left;
width: 12px;
height: 12px;
margin: 0px;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/nlokraj.gif);
}
#ns {
float: left;
width: 126px;
height: 12px;
margin: 0px;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/ncara.gif);
}
#np {
float: right;
width: 12px;
height: 12px;
margin: 0px;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/npokraj.gif);
}
#sl {
float: left;
width: 12px;
margin: 0;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/lcara.gif);
}
#ss {
/* float: center;*/
width: 126px;
margin: 0;
padding: 0px;
background-color: white;
}
#sp {
float: right;
width: 12px;
margin: 0;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/pcara.gif);
}
#dl {
float: left;
width: 12px;
height: 12px;
margin: 0;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/dlokraj.gif);
}
#ds {
float: left;
width: 126px;
height: 12px;
margin: 0;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/dcara.gif);
}
#dp {
float: left;
width: 12px;
height: 12px;
margin: 0;
padding: 0px;
background-image: url(http://dragon.profitux.cz/images/tabulky/dpokraj.gif);
}
</style>
<div id="sidebar-a">
<div id="nl"> </div>
<div id="ns"> </div>
<div id="np"> </div>
<div id="sl"> </div>
<div id="ss">aho2j</div>
<div id="sp"> </div>
<div id="dl"> </div>
<div id="ds"> </div>
<div id="dp"> </div>
</div>
neni to uplne 100%, ale alespon je to trochu lepsi :D
btw, doporucuju si radsi udelat nejakej DIV o fixnich rozmerech a hodit to cele jako obrazek na pozadi (protoze to co se snazis vytvorit ma az na vysku take fixni rozmery)
šlo by nějak udělat aby zarovnání v CSS layoutu bylo tvrdči ve FF?
Zde je jednoduchý příklad:
<div style="width: 100px" height: 100px>-------------------------------------------------------------------------------------------------------------------------------</div>V IE se to zobrazí normálně jako:
----------------
----------------
----------------
----------------
----------------
----------------
----------------
---------------
Zatám co ve FF:
-------------------------------------------------------------------------------------------------------------------------------
FF zjevne neni schopen prelomit jedno slovo (celek mezi mezerami) na vice radku. I kdyz to asi neni to co hledas, tak muzes zkusit dat do stylu owerflow:hidden. to alespon skryje ten presah.
CommanderZ napsal:
FF zjevne neni schopen prelomit jedno slovo (celek mezi mezerami) na vice radku. I kdyz to asi neni to co hledas, tak muzes zkusit dat do stylu owerflow:hidden. to alespon skryje ten presah.
Mno zrovna tohle jsem nemyslel. Cht?l jsem zkusit ud?lat knihu n?v?t?v trochu jin?m stylem.
Ale d?k.
Btw ten k?d by m?l b?t asi overflow: hidden
Dragon napsal:
Btw ten kód by měl být asi overflow: hidden
Sorry :ehh:
Věrný členDalo by sa to uprait cez worwrap v php-ecku. Rozdelil by si dlhe slova na kratsie aby ich mohol IE normalne zarovnat do divu ako chces ty.
Tu mas odkaz na manual http://sk.php.net/manual/cs/function.wordwrap.php
Zjistit počet nových příspěvků
Přidej příspěvek
Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
Uživatelé prohlížející si toto vlákno
Uživatelé on-line: 0 registrovaných, 5 hostů
Podobná vlákna
Css layout — založil 1923
CSS layout — založil olgo
Css layout presah textu — založil mav
Konkretny problem s CSS layout — založil greppi
Rozdielne zobrazenie CSS layout v OPERE a explorer — založil Gressik
Moderátoři diskuze
