Zarovnání obrázku
Ahoj potřebuju poradit..zarovnávám obrázek(nadpis) na webové stránce a když ho zarovnám na střed pořád je posazený na stejném místě vlevo. Nevíte co stím?
| Předmět | Autor | Datum |
|---|---|---|
| Zapomněl jsi sem dát kód. Wikan 26.08.2015 08:56 |
Wikan | |
| <DOCTYPE html>
<html>
<head>
<title>SDH Prostřední Bečva</title>
<link rel="stylesheet" href="main.c… Pepas00 26.08.2015 09:01 |
Pepas00 | |
| tak co? Pepas00 26.08.2015 09:35 |
Pepas00 | |
| Nastav tomu obrázku styl:
display: block; margin: 0 auto;
A doctype má správně vypadat takhle:
<!… Wikan 26.08.2015 09:48 |
Wikan | |
| Můžeš mi to prosímtě ukázat na té části toho kódu, jsem začátečník a nějak se mi to neaří :/ Děkuju… Pepas00 26.08.2015 10:00 |
Pepas00 | |
| Jo už to mám :D Díky za radu :) poslední Pepas00 26.08.2015 10:05 |
Pepas00 |
Zpět do poradny Odpovědět na původní otázku Nahoru
Zapomněl jsi sem dát kód.
<DOCTYPE html>
<html>
<head>
<title>SDH Prostřední Bečva</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<img src="nadpis.jpg" align="" height="200" width="auto">
<nav>
<ul class="main_menu">
<li><a href="index.html">home</a></li>
<li><a href="vybavení.html"> vybavení</a></li>
<li><a href="#"> soutěže</a></li>
<li><a href="#"> fotogalerie</a></li>
<li><a href="#">historie</a></li>
<li><a href="#">sbor</a></li>
<li><a href="#">sbor</a></li>
<li><a href="#">sbor</a></li>
</ul>
</nav>
<section>
<article>
<p>Ahoj čiči<p>
</article>
</section>
</body>
</html>
CSS:
body { /*pozadí*/
font-family: ´Arial´, sans-serif;
background-color: #696969;
}
.main_menu { /*pozadí za nabídkou*/
padding: 5px 0 5px 0;
text-align: center;
line-height: 32px;
background-color: #808080;
}
ul.main_menu { /*odsazení nabídky*/
margin-top:0px;
}
.main_menu li { /*záložky v nabídce (nastavení)*/
display: inline;
padding: 0 8px 0 8px;
font-size: 20px;
}
.main_menu a { /*--||--*/
text-decoration: none;
color:#ffd700;
padding: 8px;
font-variant: small-caps;
}
.main_menu a:hover { /*změna barvy záložek v nabídce po najetí kurzorem*/
color: #00008b;
}
tak co?
Nastav tomu obrázku styl:
A doctype má správně vypadat takhle:
Můžeš mi to prosímtě ukázat na té části toho kódu, jsem začátečník a nějak se mi to neaří :/ Děkuju :)
Jo už to mám :D Díky za radu :)