Diskuze: Začínám- hloupé otázky
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Člen
tbartolen:9.10.2014 16:07
Editováno 9.10.2014 16:10
Jak vycentrovat položky na místo tak, aby zustali tam, kde maji být na každém monitoru a rozlišení? Proč mi nefunguje příkaz
nav {margin: 0 auto;
width: 1200px;}Měl by centrovat menu do středu stránky, ale celé je to posunuté šejdrem...
body {
background: url('C:\Users\Tomas\Documents\Keltistranky/pozadikelti.png')#0099ff;
margin: 73px 0px 0px 0px;
font: 14px Verdana;
min-width: 960px;
}
article {
background: white;
margin: 100px 300px 6px 150px;
font: 12px Arial;
border: 2px solid #006797;
minimal-width: 960px;
float: left;
}
.cistic {
clear: both;
}
.centrovac {
text-align: center;
}
article header {
background: #ffbb00;
}
.header nav {
: #006797;
}
aside {background: white;
float: left;
width: 300px;
margin: 0px 0px 100px;}
.druhaUroven, .tretiUroven{
display: none;
}
.prvniUroven{
display: inline-block;
}
.prvniUroven li:hover > .druhaUroven, .druhaUroven li:hover > .tretiUroven {
display: block;
}
nav {margin: 0 auto;
width: 960px;}
nav ul {
background: #1C4E71;
padding: 0px 0px 0px 0px;
list-style-type: none;
position: relative;
display: block;
margin: 0px;
}
li {
float: none;
}
.prvniUroven > li {
float: left;
}
li:hover {
background: #14a1e5;
}
.prvniUroven li a {
display: block;
padding: 0px 18px;
color: #fff;
text-decoration: none;
margin: 0px 5px 0px 0px;
float: none;
line-height: 35px;
padding: 0 18px;
border-right: 1px solid #6E9DBE;
}
.druhaUroven {
background: # #1C4E71;
border-radius: 0px;
padding: 0;
position: absolute;
top: 100;
}
.druhaUroven li {
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
.druhaUroven li a {
padding: 0px 18px;
color:#fff;
}
.tretiUroven {
position: absolute;
left: 100%;
top:0;
}a taky se mi v meníčku přesahuje hover přes tu border lajnu, nevím jak
jí dat na ten poslední pixel, aby tam za ní už nebylo místo, jde to vubec?
Děkuju 
Pro uplnost ještě HTML
<!DOCTYPE html>
<html lang="cs-cz">
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href="keltistyl.css" type="text/css"/>
<title> SK Kelti 2008</title>
</head>
<body>
<p class="header nav">
<header>
<p class="centrovac">
<img src="C:/Users/Tomas/Documents/Keltistranky/kelti.jpg" alt="keltinahore"/>
</p>
<header>
<nav>
<ul class="prvniUroven">
<li><a href="#">Úvod</a></li>
<li><a href="#">Muži</a>
<ul class="druhaUroven">
<li><a href="#">Soupiska</a></li>
<li><a href="#">Novinky</a></li>
<li><a href="#">Zápasy</a></li>
<li><a href="#">Rozpis</a></li>
<li><a href="#">B tým</a>
<ul class="tretiUroven">
<li><a href="#">Soupiska</a></li>
<li><a href="#">Novinky</a></li>
<li><a href="#">Zápasy</a></li>
<li><a href="#">Rozpis</a></li>
</ul>
</li>
</li>
</ul>
<li><a href="#">Mládež</a>
<ul class="druhaUroven">
<li><a href="#">Minipřípravka</a>
<ul class="tretiUroven">
<li><a href="#">Soupiska</a></li>
<li><a href="#">Novinky</a></li>
<li><a href="#">Zápasy</a></li>
<li><a href="#">Rozpis</a></li>
</ul>
</li>
<li><a href="#">Přípravka</a>
<ul class="tretiUroven">
<li><a href="#">Soupiska</a></li>
<li><a href="#">Novinky</a></li>
<li><a href="#">Zápasy</a></li>
<li><a href="#">Rozpis</a></li>
</ul>
</li>
<li><a href="#">Mladší Dorost</a>
<ul class="tretiUroven">
<li><a href="#">Soupiska</a></li>
<li><a href="#">Novinky</a></li>
<li><a href="#">Zápasy</a></li>
<li><a href="#">Rozpis</a></li>
</ul>
</li>
<li><a href="#">Starší Dorost</a>
<ul class="tretiUroven">
<li><a href="#">Soupiska</a></li>
<li><a href="#">Novinky</a></li>
<li><a href="#">Zápasy</a></li>
<li><a href="#">Rozpis</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Ženy</a>
<ul class="druhaUroven">
<li><a href="#">Soupiska</a></li>
<li><a href="#">Novinky</a></li>
<li><a href="#">Zápasy</a></li>
<li><a href="#">Rozpis</a></li>
</ul>
</li>
<li><a href="#">Keltí shop</a></li>
<li><a href="#">Nižborský hokejbal</a></li>
<li><a href="#">Fotogalerie</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</nav>
</header>
<article id="PHP novinky">
<div id="centrovac">
<header>
<h1>Novinky</h1>
</header>
<section>
<p>
<p>Zde budu mít novinky, na uvodni strance, nejspíše v PHP</p>
</section>
</article>
<aside>
<h1>Poslední zápasy</h1>
<p>Muži - přátelský zápas - Beroun
vs. HC Kert Park Praha "A" 2:6 (0:3, 1:2, 1:1)</p>
<h2>Tréninky</h2>
<p>
Muži "A"
Fyzická příprava, Beroun, po, út, čt
Minipřípravka
Středa, 16:30, Beroun - Hlinky</p>
</aside>
<footer>
Vytvořil Tomáš Bartolen
</footer>
</body>tbartolen:9.10.2014 16:12
Tak text align center skutečně pomohl, bude to ted dodržovat na každém
monitoru, nebo když to zapnu dejme tomu na 19" místo na 24", tak to bude zase
rozhozené? A taky nevím jak udržet ty article pod tím, aby mi neplavali
pořád po stránce v závislosti na velikosti obrazovky 
Děkuju
tbartolen:9.10.2014 17:10
Menu jsem už vyřešil, takže jak se bránit tomu aby při ruzným
rozlišení bylo rozložení stránky jiné než v jakym bylo udělaný ? Těch
chyb v kodu jsem si nevšiml, děkuji za upozornění, je to pro mě hrozný
zmatek
Děkuju
Zobrazeno 9 zpráv z 9.