PC-HELP.CZ

Ahoj, jsem bezradný asi z banální věcí. Mám udělaný identifikátor pagecontent, který má nastavený bílé pozadí a vše co do něj píši se také zobrazí v něm, ale jakmile třeba dám nadpis <h1> a vložím mu nějaké parametry v CSS, tak to zobrazí tento nadpis mimo obrys obsahu pagecontent. Neví prosím někdo, co dělám špatně?

--- Doplnění předchozího příspěvku (13 Srp 2014 10:25) ---

kód html:

<!DOCTYPE>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, http://www.pspad.com">
<title></title>
<link href="css.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="css/flexslider.cs" type="text/css">
</head>
<body>

<div id="pagecontent">
aafsfs
<h3>Ahoj</h3>
<h1>dfdfgdf</h1>
<h2>dfsfsf</h2>

</div>

</body>
</html>

kód CSS:

body {
background-color: red;}

#pagecontent
{width: 75%;
margin: 0 auto;
background-color: white;
border: solid;
height: auto;
}

h2 {
float: right;}

h1 {color: black;
float: right;}

--- Doplnění předchozího příspěvku (13 Srp 2014 10:53) ---

Ještě jsem si všiml, že když nadpisu změním jenom třeba barvu, tak se zobrazí kde má, ale jakmile dám float: right; tak to vyhodí mimo blok.

--- Doplnění předchozího příspěvku (13 Srp 2014 11:59) ---

Chci se ještě tedy zeptat, je možné nastavit tagu h1 pozici float v CSS?

--- Doplnění předchozího příspěvku (13 Srp 2014 15:30) ---

Mám udělaný div o rozměru např: 300px x 300px. Všechen kód se zobrazuje správně v tomto divu, ale jakmile vložím do tohoto divu např: h1 nebo img a k tomu pozici float, tak to automaticky vyhodí tyto objekty z pozice toku a zobrazí je to pod divem. Tedy mimo vymezený prostor 300x300px.
Je to normální jev? Děkuji

--- Doplnění předchozího příspěvku (13 Srp 2014 20:52) ---

Neví prosím aspoň někdo, jak udělat dva divy vedle sebe? Např: čtverec o rozměru 300px a další div čtverec o rouměru 300px.
Výsledkem budou dva stejné čtverce vedle sebe, nikoliv pod sebou, jak dělá blokový element div. Děkuji

No to většinou float dělá... Musel by před ukončovací tag divu pagecontent nějaký prvek s clear:both

Ale jestli se tím float:right snažíš zarovnat text doprava, tak použij CSS text-align: right

Ne, snažím se udělat obrázky na krajích a uprostřed udělat text, ale ty obrázky vždy divně odskakují i když je vkládám pomocí HTML nebo CSS.

Kód: Vybrat vše

<!DOCTYPE HTML>
<html>
<head>
  <title></title>
  <style type="text/css">
  <!--
  .main {
    width: 600px;
    height: 300px;
    background-color: red;
  }
  .square1 {
    width: 150px;
    height: 150px;
    background-color: green;
    float: left;
  }
  .square2 {
    width: 150px;
    height: 150px;
    background-color: blue;
    float: right;
  }
  .text {
    background-color: yellow;
  }
  -->
  </style>
</head>
<body>

<div class="main">
<div class="square1"></div>
<div class="square2"></div>
<div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</div>

</body>
</html>

mockrát děkuji

PC-HELP.CZ

Špatně se zobrazující obsah v html

Špatně se zobrazující obsah v html

Re: Špatně se zobrazující obsah v html

Re: Špatně se zobrazující obsah v html

Re: Špatně se zobrazující obsah v html

Re: Špatně se zobrazující obsah v html