Diskuze: Obrázek pod menu css
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
1. jakpsatweb.cz/css - soupis css vlastnosti je v pravo a ty navody vleve
casti a nahore v menu jsou tez pouzitelne.
Na html a css programator byt nemusis. To jsem zvladal na stredni skole.
2. pozn: Zkus to prepsat do bootstrap css.
3. Na to css bych se vykaslal a dal tam normalni obrazek. Nastavil pevnou sirku stranky. A odstupnoval bych to pres ten bootstrap pro ruzna rozliseni. Neco takoveho
<div class="row">
<div class="col-12 col-sm-4 col-md-3 col-lg-2 col-xl-2 s_left">
<div class="s_nav_left" id="nav_left"><a href="../index_nav.htm" class="noscript" accesskey="1">Menu stránky</a></div>
</div><!-- /s_left -->
<div class="col-12 col-sm-8 col-md-9 col-lg-10 col-xl-10 s_content">4. Ty to mas nejak hrozne nestandartne udelane, ze staci malo a cele se to
sype 
Treba, validator hlasi
nejake drobne problemy s html (https://validator.w3.org/nu/#…) Ale, nic z toho, co tam
ctu, nema vliv na divne chovani. To spis vypada na zplacane css.
/* Hero image */
#hero {
border:1px solid #f00; /* kdyz pridas ramecek, tak to cele vyteka nekam dolu, proc? */
width: 100%;
max-height:200px;
background: url('/img/ulogo.11.jpeg');
background-size: contain;
background-repeat: no-repeat;
/*background-attachment: fixed; s tim fixed tam vznika bily prouzek */
background-size: 100% 100%;
/*position: relative;*/
z-index: 2;
/*display: block;*/
/*padding-center: 0px;*/
}
/* IE10+ CSS style */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
#hero {
height: 600px; /*tohle je divne*/
}
}5. Statistiky za mesic opravdu nikoho nezajimaji. To muzes schovat do paticku pod odkaz O strance nebo neco tak.
Kdyby se ti chtelo to prepisovat, tak tuhle kostru BT pouzivam ja.
<!doctype html>
<html lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="bbb">
<meta name="keywords" content="">
<link rel="stylesheet" href="../css/bootstrap.min.css" type="text/css"><!-- Bootstrap CSS -->
<link rel="stylesheet" href="../css/style.css" type="text/css"><!-- peter CSS -->
<link rel="icon" href="../favicon.ico" type="image/x-icon">
<title>Hobby :: Peter Mlích</title>
</head>
<body id="body" data-bs-theme="light" class="style0">
<div class="container s_around0"><div class="container s_around1">
<div class="s_header">
<div class="row">
<div class="col p-0 s_nav_setting" id="nav_setting"></div>
</div>
<div class="row">
<div class="col-12 col-sm-4 col-md-3 col-lg-2 col-xl-2 s_header_left">
<div class="s_counter" id="counter"></div>
</div><!-- /s_header_left -->
<div class="col-12 col-sm-8 col-md-9 col-lg-10 col-xl-10 s_header_right">
<div class="s_title"><span class="fs-3"><a href="../index.html" accesskey="0">Peter Mlích</a></span> <span class="fs-6">Programovaní a tvorba webů</span></div>
</div><!-- /s_header_right -->
</div><!-- /row -->
</div><!-- /s_header -->
<div class="row">
<div class="col-12 col-sm-4 col-md-3 col-lg-2 col-xl-2 s_left">
<div class="s_nav_left" id="nav_left"><a href="../index_nav.htm" class="noscript" accesskey="1">Menu stránky</a></div>
</div><!-- /s_left -->
<div class="col-12 col-sm-8 col-md-9 col-lg-10 col-xl-10 s_content">
<h1>Hello, world!</h1>
</div><!-- /s_content -->
</div><!-- /row -->
</div></div><!-- /s_around1 /s_around0 -->
<script type="text/javascript">var home = '../';</script>
<script src="../js/script.js" type="text/javascript"></script>
</body>
</html>Mivam tam zamerne ./ nebo ../ , abych vedel, kde vsude tu cestu mam menit v
podslozkach.
Samozrejme si to uprav pro tvuj layout. Ale, pridat tam dalsi col, row asi
nebude problem.
+20 Zkušeností
+2,50 Kč
Zobrazeno 3 zpráv z 3.