Špatně se zobrazující obsah v html

Napište nám o svých webových stránkách, dejte vědět o jakémkoliv jiném zajímavém webu

Moderátoři: Myloš, Mods_senior

pajacz17
Level 3
Level 3
Příspěvky: 592
Registrován: březen 14
Pohlaví: Muž
Stav:
Offline

Špatně se zobrazující obsah v html

Příspěvekod pajacz17 » 13 srp 2014 10:24

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

Reklama
Uživatelský avatar
LuCaCZ
Level 3.5
Level 3.5
Příspěvky: 929
Registrován: březen 11
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod LuCaCZ » 13 srp 2014 20:56

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

pajacz17
Level 3
Level 3
Příspěvky: 592
Registrován: březen 14
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod pajacz17 » 14 srp 2014 06:32

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.

Uživatelský avatar
LuCaCZ
Level 3.5
Level 3.5
Příspěvky: 929
Registrován: březen 11
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod LuCaCZ » 14 srp 2014 16:06

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> 

pajacz17
Level 3
Level 3
Příspěvky: 592
Registrován: březen 14
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod pajacz17 » 15 srp 2014 07:01

mockrát děkuji


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Obsah z mnohých priečinkov presunúť naraz
    od johnzy » 21 čer 2024 11:38 » v Vše ostatní (sw)
    3
    1639
    od johnzy Zobrazit poslední příspěvek
    21 čer 2024 14:41
  • Televize Philips a špatně párující se soundbar
    od Edom » 13 lis 2023 17:31 » v Vše ostatní (hw)
    1
    2655
    od Edom Zobrazit poslední příspěvek
    22 lis 2023 15:00
  • PS5 se odmítá připojit k 5GHz síti - hlásí špatné heslo
    od Renee » 19 srp 2024 09:13 » v Vše ostatní (inet)
    14
    3444
    od Renee Zobrazit poslední příspěvek
    19 srp 2024 14:01

Zpět na “Web-tipy a vaše weby”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 7 hostů