Diskuze: Poraďte prosím

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Marek V

Člen

Marek V:27.11.2016 16:22

Nevím, jak dostat fialový čtverec pod červený obdélník.

Odpovědět

27.11.2016 16:22

Ján Timoranský

Tvůrce

Ján Timoranský:27.11.2016 16:46

Skús sem dať priamo kód, nikomu sa nechce to opisovať zo screenu. Nepomohlo by inak podľa toho, čo chápem, vnoriť fialový štvorec do oranžového obdĺžnika?

Nahoru Odpovědět

27.11.2016 16:46

Find what you love and let it kill you.

Vakos

Tvůrce

Vakos:27.11.2016 17:30

Ahoj, podle toho co tak vidím by bylo nejlepší rozdělit stránku na levou a pravou část. Do pravé části můžeš dát červený obdélní a také fialový.

Zkus napsat více a třeba ti i více pomůžeme

Nahoru Odpovědět

27.11.2016 17:30

"Jediný způsob, jak dělat skvělou práci, je milovat to, co děláte. Pokud jste to ještě nenašli, hledejte dál. Ne...

Marek V

Člen

Marek V:27.11.2016 20:18

<!DOCTYPE HTML>
<html>
<head>
<title>MaVE</title>
<style type="text/css">
body
{background-color:white;}
#main
{width:800px;
height:auto;
margin-left:auto;
margin-right:auto;
background-color:orange;}
#event_window
{width:800px;
height:150px;
margin-left:auto;
margin-right:auto;
background-color:blue;}
#menu
{width:800px;
height:80px;
background-color:gray;}
#donate
{width:200px;
height:75px;
float:right;
background-color:red;}
#color_table
{width:200px;
height:200px;
float:right;
background-color:purple;}
#obsah
{width:600px;
height:600px;
background-color:yellow;}
</style>
</head>
<body>
<div id="main">
<div id="event_window">
</div>
<div id="menu">
</div>
<div id="donate">
</div>
<div id="color_table">
</div>
<div id="obsah">
</div>
</div>
</body>
</html>

Nahoru Odpovědět

27.11.2016 20:18

Alexej Haman

Člen

Alexej Haman:27.11.2016 20:23

<!DOCTYPE HTML>
<html>
<head>
<title>MaVE</title>
<style type="text/css">
body
{background-color:white;}
#main
{width:800px;
height:auto;
margin-left:auto;
margin-right:auto;
background-color:orange;}
#event_window
{width:800px;
height:150px;
margin-left:auto;
margin-right:auto;
background-color:blue;}
#menu
{width:800px;
height:80px;
background-color:gray;}
#donate
{width:200px;
height:75px;
float:right;
background-color:red;}
#color_table
{width:200px;
height:200px;
float:right;
background-color:purple;}
#obsah
{width:600px;
height:600px;
background-color:yellow;}
</style>
</head>
<body>
<div id="main">
<div id="event_window">
</div>
<div id="menu">
</div>
<div id="color_table">
        <div id="donate">
        </div>
</div>
<div id="obsah">
</div>
</div>
</body>
</html>

Nahoru Odpovědět

27.11.2016 20:23

Marek V

Člen

Marek V:27.11.2016 20:29

Jenom už, aby se nepřekrývaly.

Nahoru Odpovědět

27.11.2016 20:29

Marek V

Člen

Marek V:27.11.2016 20:30

Potřebuji ho jako samotný <div>

Nahoru Odpovědět

27.11.2016 20:30

Josef Kuchař - Pepa489

Tvůrce

Josef Kuchař - Pepa489:27.11.2016 20:36

To je rozložení webu?

Nahoru Odpovědět

27.11.2016 20:36

2x piš, jednou debuguj

Marek V

Člen

Marek V:27.11.2016 20:41

Ano.

Nahoru Odpovědět

27.11.2016 20:41

Josef Kuchař - Pepa489

Tvůrce

Josef Kuchař - Pepa489:27.11.2016 20:53

No tak tímto způsobem (vše má fixní rozměry) to není dobré dělat, protože na většině zařízení to nebude ani náhodou optimální

Nahoru Odpovědět

27.11.2016 20:53

2x piš, jednou debuguj

Marek V

Člen

Marek V:27.11.2016 21:20

Tak jak ? Napiš nějaké řešení.

Nahoru Odpovědět

27.11.2016 21:20

Josef Kuchař - Pepa489

Tvůrce

Josef Kuchař - Pepa489:27.11.2016 21:48

Něco takového? https://jsfiddle.net/bvvsbquk/

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

27.11.2016 21:48

2x piš, jednou debuguj

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 12 zpráv z 12.

Nejčastěji vyhledáváné

Diskuze: Poraďte prosím