alebo

, je cierna....no momentalne biela, ale nieco mi to overriduje a neviem co */ } /*-------------------------------------------------------------------------------------------*/ /* HEADER */ #header { width: 750px; /* rozmer obrazka */ height: 45px; margin: 0 auto; /* ziadny okraj a auto-zarovnanie na stred...funguje v mozille */ padding: 0px; background: url('http://www.korinka.net/sitepics/darknavyblue_layout/linkaHeaderDarkNavyBlue45.png'); } /*-------------------------------------------------------------------------------------------*/ /* HORNE MENU */ /*- to je to, kde su plyse a pristav */ #menu { width: 750px; height: 28px; margin: 0 auto; text-align: justify; background: url("http://www.korinka.net/sitepics/skyblue_layout/pozadieHorneMenuSkyBlue.png"); } #menu li { display: inline; } #menu a { display: block; float: left; width: 124px; height: 28px; text-align: center; text-decoration: none; text-transform: none; font-family: "Trebuchet MS",Tahoma ; font-style: italic; font-size: 20px; font-weight: none; color: #535491; background: url('http://www.korinka.net/sitepics/skyblue_layout/pozadieHorneMenuSkyBlue.png'); } #menu a:hover, #menu .active a { color: #05a1ff; } #hore { margin: 0px; /* ked tam dam auto tak sa to napise do dalsieho riadka*/ padding: 0px; list-style: none; } /*-------------------------------------------------------------------------------------------*/ /* OBRAZOK */ /*- to je asi obrazok, ze. */ #obrazok { width: 750px; height: 193px; margin: 0 auto; padding: 0px; background: url('http://www.korinka.net/sitepics/darknavyblue_layout/titlePikcrDarkNavyBlue2011sept.png'); border: none; } /*-------------------------------------------------------------------------------------------*/ /* SPODNE MENU */ /*- to je to, kde je info a akcie a tak */ #menicko { clear: both; /*toto ked nedam v mozille tak to urobi medzeru*/ width: 750px; height: 28px; margin: 0 auto; text-align: justify; background: url("http://www.korinka.net/sitepics/skyblue_layout/pozadieHorneMenuSkyBlue.png"); } #menicko li { display: inline; } #menicko a { display: block; float: left; width: 124px; height: 28px; text-align: center; text-decoration: none; text-transform: none; font-family: "Trebuchet MS",Tahoma ; font-style: italic; font-size: 20px; font-weight: none; color: #535491; background: url('http://www.korinka.net/sitepics/skyblue_layout/pozadieHorneMenuSkyBlue.png'); } #menicko a:hover, #menu .active a { color: #05a1ff; } #dole { margin: 0px; /* ked tam dam auto tak sa to napise do dalsieho riadka*/ padding: 0px; list-style: none; } /*-------------------------------------------------------------------------------------------*/ * TELO STRANKY */ /* vseobecne */ #wrap { /*ten class ktory musim hodit jednemu divu nad div #telo, aby sa text nerozdrapoval kam chce...zaujimave, ze musi byt specifikovany, ale v html ho nemam pouzity*/ background: url('http://www.korinka.net/sitepics/darknavyblue_layout/linkaStredDarkNavyBlue.png'); /*margin: 0 auto;*/ width: 750px; text-align: justify; } #telo { /*ten class divu, v ktorom su vclenene lavy a pravy sptlpcek */ width: 750px; margin: 0 auto; /*toto tu musi byt, inac firefoks nezvlada vycentrovanie*/ padding: 0px; background: url('http://www.korinka.net/sitepics/darknavyblue_layout/linkaStredDarkNavyBlue.png'); text-align: justify; /*aj toto tu bolo abych sa zbavila toho blbeho okraja vpravo, ale evidentne to nebolo ono, zato to pomohlo IEcku vo vycentrovavani*/ } /* vclenene v tele + positioning */ #prvystlpcek { float: left; clear: left; width: 555px; /*padding-left: 22px; padding-right: 30px;*/ /* toto tu je aby sa pismo nelepilo uplne na okraje*/ background: url('http://www.korinka.net/sitepics/darknavyblue_layout/linkaStredDarkNavyBlue555.png'); text-align: justify; /* toto tu je, lebo v je taka ficuria ze text-align: center;, aby bola stranka na stred aj v IE, krepe IE. no a to je vlastnost co sa dedi z body tak to tu musim vlastne znegovat, aby vsetky clanky neboli na stred. */ color: white; } #prvypokec { width: 555px; height:490px; overflow: auto; padding-right: 5px; text-align: justify; /* toto tu je, lebo v je taka ficuria ze text-align: center;, aby bola stranka na stred aj v IE, krepe IE. no a to je vlastnost co sa dedi z body tak to tu musim vlastne znegovat, aby vsetky clanky neboli na stred. */ position:relative; left: 25px; color: #7676a4; } #druhystlpcek { float: right; /*clear: left;*/ width: 195px; height:490px; /*toto je tu aby pozadie menu dosahovalo az dolu k okraju divu, aj ked v nom nie je skoro nic napisane. rozhasovalo sa mi to pri prejavoch.*/ background: url('http://www.korinka.net/sitepics/darknavyblue_layout/linkaStredDarkNavyBlue195.png'); text-align: center; /*toto tu ani nemusi byt, lebo v body je ten text align: center;, ale radsej nech je */ color: white; } #druhypokec { width: 175px; height:490px; text-align: right; /* toto tu je, lebo v je taka ficuria ze text-align: center;, aby bola stranka na stred aj v IE, krepe IE. no a to je vlastnost co sa dedi z body tak to tu musim vlastne znegovat, aby vsetky clanky neboli na stred. */ /* position:relative; right: 3px;*/ color: #7676a4; } /*-------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ * TELO STRANKY KORINKA INFO */ /* vseobecne */ #wrap { /*ten class ktory musim hodit jednemu divu nad div #telo, aby sa text nerozdrapoval kam chce...zaujimave, ze musi byt specifikovany, ale v html ho nemam pouzity*/ background: url('http://www.korinka.net/sitepics/darknavyblue_layout/linkaStredDarknavyBlue.png'); /*margin: 0 auto;*/ width: 750px; text-align: justify; } #teloinfo { /*ten class divu, v ktorom su vclenene lavy a pravy sptlpcek */ width: 750px; margin: 0 auto; /*toto tu musi byt, inac firefoks nezvlada vycentrovanie*/ padding: 0px; background: url('http://www.korinka.net/sitepics/darknavyblue_layout/linkaStredDarkNavyBlue.png'); text-align: justify; /*aj toto tu bolo abych sa zbavila toho blbeho okraja vpravo, ale evidentne to nebolo ono, zato to pomohlo IEcku vo vycentrovavani*/ } /* vclenene v tele + positioning */ #prvystlpcekinfo { float: left; clear: left; width: 555px; /*padding-left: 22px; padding-right: 30px;*/ /* toto tu je aby sa pismo nelepilo uplne na okraje*/ background: url('http://www.korinka.net/sitepics/darknavyblue_layout/linkaStredDarkNavyBlue555.png'); text-align: justify; /* toto tu je, lebo v je taka ficuria ze text-align: center;, aby bola stranka na stred aj v IE, krepe IE. no a to je vlastnost co sa dedi z body tak to tu musim vlastne znegovat, aby vsetky clanky neboli na stred. */ } #prvypokecinfo { width: 555px; height:490px; /* height:870px; */ overflow: auto; padding-right: 5px; text-align: justify; /* toto tu je, lebo v je taka ficuria ze text-align: center;, aby bola stranka na stred aj v IE, krepe IE. no a to je vlastnost co sa dedi z body tak to tu musim vlastne znegovat, aby vsetky clanky neboli na stred. */ position:relative; left: 25px; color: #7676a4; } #druhystlpcekinfo { float: right; /*clear: left;*/ width: 195px; background: url('http://www.korinka.net/sitepics/darknavyblue_layout/linkaStredDarkNavyBlue195.png'); text-align: center; /* toto tu ani nemusi byt, lebo v body je ten text align: center;, ale radsej nech je */ } #druhypokecinfo { width: 175px; height:490px; /* height:870px; */ text-align: right; /* toto tu je, lebo v je taka ficuria ze text-align: center;, aby bola stranka na stred aj v IE, krepe IE. no a to je vlastnost co sa dedi z body tak to tu musim vlastne znegovat, aby vsetky clanky neboli na stred. */ /*position:relative; right: 3px;*/ color: #7676a4; } /*-------------------------------------------------------------------------------------------*/ /* PRVYSTLPCEK defin NADPISY, ODSTAVCE, SKUPINY */ .datum { /* toto je vyzor datumu, to je snad jasne*/ font-size: 14px; color: #7676a4; border-top: 2px dotted #e4e4e4; border-bottom: 2px dotted #e4e4e4; /*border-left: 2px solid #e4e4e4;*/ } /*-------------------------------------------------------------------------------------------*/ /* DRUHYSTLPCEK defin NADPISY, ODSTAVCE, SKUPINY */ .datumymale { /*position:relative; left: 20px; top: 5px; */ font-size: 11px; color: white; } #plushieslist { text-align: left; text-transform: uppercase; } #korinkathumbnails { text-transform: uppercase; } /*-------------------------------------------------------------------------------------------*/ /* PISMO a classy BASIC PRIKAZOV */ h1, h2 { margin: 0; padding: 0; text-transform: uppercase; font-family: "Trebuchet MS",Tahoma; color: #7676a4; } h3, h5, h6 { margin: 0; padding: 0; text-transform: uppercase; font-style: italic; font-family: "Trebuchet MS",Tahoma; color: #7676a4; } h4 { font-size: 12px; text-transform: uppercase; font-family: "Trebuchet MS",Tahoma; color: white; } p { font-size: 13px; color: #7676a4; } em { font-weight: bold; font-size: 14px; color: #7676a4; } li { /*neznasam ked sa mi v zoznamoch liniek robia bodky, tak toto je ficuria na nerobenie bodiek.*/ list-style: none; color: #7676a4; } .boldom { font-weight: bold; } /*-------------------------------------------------------------------------------------------*/ /* LINKY */ a { /*ako vyzera basic linka*/ color: white; border: none; text-decoration: none; } a:hover { /*...alebo co sa stane ked podrzim kurzor nad linkou*/ color: #05a1ff; border: none; text-decoration: none; } img { border: none; /*aby sa mi nalinkovane obrazky neoramcekovavali*/ } /*-------------------------------------------------------------------------------------------*/ /* FOOTER */ #footer { width: 750px; height: 56px; clear:both; margin: 0 auto; background: url('http://www.korinka.net/sitepics/darknavyblue_layout/linkaFooterDarkNavyBlue.png'); text-align: center; /*text je na stred*/ font-size: 12px; color: #7676a4; } /*-------------------------------------------------------------------------------------------*/ /* KVOLI PREJAVOM 2 DIVY VEDLA SEBA */ #wrapper { width: 535px; border: none; overflow: auto; /*so the size of the wrapper is alway the size of the longest content */ } #first { float: left; width: 250px; border: 1px solid grey; } #second { border: none; margin: 0 0 0 260px; /* considering the border you need to use a margin so the content does not float under the first div*/ }