Diskuze: Patička

KiRoS

Člen

KiRoS:30.7.2013 10:05

Ahoj. Potřeboval bych poradit s patičkou na webu http://coursinglovcistrapce.cz/
Patička je třeba zde takhle http://coursinglovcistrapce.cz/treninky.php ale tady je to takhle http://coursinglovcistrapce.cz/uspechy.php Nevíte někdo co s tím?? Moc díky

Odpovědět

30.7.2013 10:05

Programování a informační technologie má budoucnost.

Benjibs

Člen

Benjibs:30.7.2013 10:16

Mal by si ten footer. v tom druhom prípade dat dovnútra divu, kde je oznámenie, že na stránke sa pracuje

(mimocohodom, firebug mi zaplakal, 13 chýb v skriptoch len pri zobrazení stránky - s tým by si mal čosi urobit.)

<div id="text_hlavni">
        <h1>Úspěchy</h1>
        <p><b>Na stránkách se pracuje. Vše bude brzy doplněno.</b></p>
        <footer>
           <p><b>Copyright &copy; 2013 By Pavel Šafařík</b></p>
        </footer>
      </div>
    </div>




  </div>

odstráň ten posledný </div>. Nemá tam čo hladat.

Editováno 30.7.2013 10:18

Nahoru Odpovědět

30.7.2013 10:16

1 + 1 = 2

KiRoS

Člen

KiRoS:30.7.2013 10:19

Neboj stránky ještě nejsou hotové. Pořád na tom pracuji. S tou patičkou to jde. Díky

Editováno 30.7.2013 10:21

Nahoru Odpovědět

30.7.2013 10:19

Programování a informační technologie má budoucnost.

KiRoS

Člen

KiRoS:30.7.2013 11:40

A nevíš jak dostat aby to bylo na pravo. Chyba je na tomto obrázku zvýrazněna. Z FTP jsem stránky odstranil abych na nich mohl pracovat takže pokud budeš potřebovat nějaký kód tak ho sem dám. Dávám sem pouze té patičky. Takhle je to to jak je na levo

</div>
   </div>


    <footer>
          <p><b>Copyright &copy; 2013 By Pavel Šafařík</b></p>
       </footer>

A tady když je to ve vnitř

<footer>
            <p><b>Copyright &copy; 2013 By Pavel Šafařík</b></p>
         </footer>
       </div>
     </div>

Nevím co s tím. V CSS mám pozice nastavené na right a nefunguje. Díky za radu.

Nahoru Odpovědět

30.7.2013 11:40

Programování a informační technologie má budoucnost.

Honza Bittner

Tvůrce

Honza Bittner:30.7.2013 11:52

pošli css kde máš stylování footeru, p a b

Nahoru Odpovědět

30.7.2013 11:52

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

KiRoS

Člen

KiRoS:30.7.2013 12:01

Tady celé CSS

@font-face {
  font-family: Yanone Kaffeesatz;
    src: url('../fonts/YanoneKaffeesatz-Regular.eot');
    src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf');
}

@font-face {
  font-family: News Cycle;
    src: url('../fonts/NewsCycle-Regular.eot');
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf');
}

html {
  height: 200%;}

  header {background: url('back.jpg'); }

* {
  margin: 0;
  padding: 0;}

article, aside, figure, footer, header, hgroup, nav, section {
  display:block;}

body {
  font: normal .80em arial, sans-serif;}
  margin:0; padding:0; text-align:center; }
#wrapper { margin:0 auto; padding:0; width:760px; text-align:left; }

p {
  padding: 0 0 25px 0;
  line-height: 1.7em;
  color: #FFFFFF;}

img {
  border: 0;}

h1, h2, h3, h4, h5, h6, h8 {
  font: normal 200% 'Yanone Kaffeesatz', arial, sans-serif;
  margin: 0 0 15px 0;
  padding: 0 0 5px 0;}


h2 {
  font: normal 170% 'Yanone Kaffeesatz', arial, sans-serif;
  margin: 0;
  padding: 0 0 8px 0;}

h3 {
  font: normal 150% arial, sans-serif;}

h4, h5, h6 {
  margin: 0;
  padding: 0 0 5px 0;
  font: normal 110% arial, sans-serif;
  line-height: 1.5em;}

h5, h6 {
  font: italic 95% arial, sans-serif;
  padding-bottom: 15px;}

a, a:hover {
  outline: none;
  text-decoration: none;}

a:hover {
  text-decoration: none;}

ul {
  margin: 2px 0 22px 17px;}

ul li {
  list-style-type: circle;
  margin: 0 0 0 0;
  padding: 0 0 4px 5px;}

ol {
  margin: 8px 0 22px 20px;}

ol li {
  margin: 0 0 11px 0;}

#main, #header, #logo, #menubar, #site_content, #footer {
  margin-left: auto;
  margin-right: auto;}

#main {
  width: 950px;
  margin: 20px auto;}

header {
  width: 950px;
  height: 105px;}

#logo {
  width: 950px;
  float: left ;
  height: 128px;
  background: transparent;
  padding: 0 0 0px 0px;
  text-align: center;
  position: relative; }

#logo h1 {
  font: normal 350% 'Yanone Kaffeesatz', arial, sans-serif;
  padding: 45px 0 0 17px;}

#logo h1 a:hover {
  text-decoration: none;}

#site_content {
  width: 950px;
  overflow: hidden;
  margin: 4px auto 0 auto;
  padding: 2;}

 #text_hlavni {
  float: none;
  text-align: center;
  width: 950px;
  overflow: hidden;
  margin: 4px auto 0 auto;
  padding: 2;}

#left_content {
  float: left;
  text-align: justify;
  width: 444px;
  padding: 20px 0 5px 25px;
  margin: 0;}

#left_content ul {
  margin: 2px 0 22px 0px;}

#left_content ul li {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 2px 0 2px 28px;
  line-height: 1.5em;}

#right_content {
  float: right;
  width: 450px;
  padding: 0;
  min-height: 450px;}

#right_content img {
  float: left;}

footer {
  width: 930px;
  font: normal 100% arial, sans-serif;
  padding: 50px 20px 5px 0;
  text-align: right;
   position: right;
  background: transparent;}

footer p {
  padding: 0 0 10px 0;}

footer a, footer a:hover {
  text-decoration: right;}

ul.slideshow {
  width: 950px;
  height: 450px;
    overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;}

ul.slideshow li {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;
  list-style: none;}

ul.slideshow li.show {
  z-index: 500;}

ul img {
  border: none;}


.form_settings {
  margin: 5;
  text-align: center;
   position: none;}


.form_settings p {
  padding: 0 0 10px 0;}

.form_settings span {
  padding: 5px 0;
  float: left;
  width: 170px;
  text-align: left;}

.form_settings input, .form_settings textarea {
  padding: 4px;
  width: 252px;
  font: 100% 'trebuchet ms', arial, sans-serif;
  border: 2;
  border-bottom: 1px solid;
  background: transparent;}

.form_settings .submit {
  font: 170% 'Yanone Kaffeesatz', arial, sans-serif;
  border: 2;
  width: 100px;
  margin: 5 162px;
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer;
  border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;}

.form_settings textarea, .form_settings select {
  font: 100% 'trebuchet ms', arial, sans-serif;
  border: 1px solid;
  border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  width: 250px;
  overflow: auto;}

.form_settings select {
  width: 304px;}

.form_settings .checkbox {
  margin: 4px 0;
  padding: 0;
  width: 14px;
  border: 0;
  background: none;}


#blog_container h4 {
  font: normal 200% 'Yanone Kaffeesatz', arial, sans-serif;
  margin: 0 0 15px 0;
  padding: 5px 0;}

#blog_container h4.select {
  width: 475px;}

.blog {
  background: url(../images/calendar.png) no-repeat;
  width: 54px;
  height: 46px;
  float: left;
  margin: 0 15px 0 0;}

.blog h2 {
  font: bold 90% arial, sans-serif;
  text-shadow: none;
  text-align: center;
  margin: 0;
  padding: 4px 0 0 0;}

.blog h3 {
  font: 140% arial, sans-serif;
  text-shadow: none;
  margin: 0;
  text-align: center;
  padding: -10px 0 0 0;}

#blog_text {
  padding: 20px;
  overflow: auto;
  height: 100%;}

#blog_text h1 {
  font: normal 190% 'Yanone Kaffeesatz', arial, sans-serif;;
  margin: 0 0 15px 0;
  padding: 5px 0;}

html body ul.sf-menu ul,html body ul.sf-menu ul li {
  width: 180px;}

html body ul.sf-menu ul ul {
  margin: 0 0 0 180px;}

ul.sf-menu,ul.sf-menu * {
  margin: 0;
  padding: 0;}

ul.sf-menu {
  display: block;
  position: relative;}

ul.sf-menu li {
  display: block;
  list-style: none;
  float: left;
  position: relative;}

ul.sf-menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */ }

ul.sf-menu a {
  display: block;
  position: relative;}

ul.sf-menu ul {
  position: absolute;
  left: 0;
  width: 150px;
  top: auto;
  left: -999999px;}

ul.sf-menu ul a {
  zoom: 1; /* IE6/7 fix */ }

ul.sf-menu ul li {
  float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  width: 150px;}

ul.sf-menu ul ul {
  top: 0;
  margin: 0 0 0 150px;}

ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul,
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul {
  left: auto;}

ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul {
  left: -999999px;}


nav {
  width: 900px;
  margin: 1px auto 0 auto;
  float: right;
  padding: 0px 0 0 0;}


ul#nav {
  float: right;
  margin: 25px 10px 0 0;}

ul#nav li a {
  font: normal 150% 'News Cycle', sans-serif;
  text-decoration: center;
  outline: none;
  text-align: center;
  z-index: 10;
  display: inline-block;
  float: left;
  height: 30px;
  padding:5px 14px 6px 15px;
  position: relative;
  overflow: hidden;}

ul#nav ul {
  margin-top: 40px;
  padding-bottom: 10px;}

.centrovan {
        text-align: center;}

Nahoru Odpovědět

30.7.2013 12:01

Programování a informační technologie má budoucnost.

Honza Bittner

Tvůrce

Honza Bittner:30.7.2013 12:17

ach jo ... tady někdo neumí poslat jen to co chci ...

každopádně, position:right; neexistuje ... oprav si to na float: right;

Nahoru Odpovědět

30.7.2013 12:17

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Benjibs

Člen

Benjibs:30.7.2013 12:19

Skús odstrániť

position: right

EDIT:

Float:right podla mna netreba. Footer by sa mal roztiahnut na celú width rodičovského elementu. Mal by stačit text-align

Editováno 30.7.2013 12:21

Nahoru Odpovědět

30.7.2013 12:19

1 + 1 = 2

Kit

Tvůrce

Kit:30.7.2013 12:21

Pro vložení dlouhého zdrojáku tady máme
http://www.itnetwork.cz/dev-lighter
Odkaz máš hned pod okénkem, do kterého píšeš.

Nahoru Odpovědět

30.7.2013 12:21

Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.

KiRoS

Člen

KiRoS:30.7.2013 12:32

Moc díky všem za radu :-) Devbook je prostě super.

Nahoru Odpovědět

30.7.2013 12:32

Programování a informační technologie má budoucnost.

Kit

Tvůrce

Kit:30.7.2013 13:00

Máš tam rozsypané kódování češtiny.

Nahoru Odpovědět

30.7.2013 13:00

Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.

KiRoS

Člen

KiRoS:30.7.2013 13:03

Já vim. Stránky jsou teď mimo provoz do dvou dnů bych to chtěl mít hotové a bez chyb. Ale dík, že jsi mi to napsal. Těch chyb tam je ještě hodně :-)

Nahoru Odpovědět

30.7.2013 13:03

Programování a informační technologie má budoucnost.

Nejčastěji vyhledáváné

Diskuze: Patička