divy

Hele, já vim, že je to trivialita a měla bych to vědět, ale: Dá se do jednoho spanu nacpat několik divů? Protože mě to nefunguje. Další věc: jak mám vycentrovat tři vedle sebe ležící divy bez absolutního pozicování, tak aby na sebe navazovaly a fungovalo to?

ad span - no imho, protože je span řádkový element, je nesmysl do něj zavírat blokové elementy - divy... Nemám pro to argumenty, ale logicky to tak nějak nedává smysl. Zavři ty divy do jiného divu.
ad centrování - myslíš tři divy vedle sebe a to vše vycentrované? No právě, obalit ty tři do jednoho, těm vnitřním dát float a ten obalovací vycentrovat.

No jo, jenže, když těm vnitřním seberu to absolutní pozicování a dám tam float, tak se mi zařaděj na stránce pod sebe :(

to není možný... to bych teda tipla že mají takovou šířku, že se nevejdou do šířky obalujícícho divu nebo stránky, nebo tam jsou navíc marginy nebo tak něco... pokud dáš za sebou tři divy s float: left, tak pokud se vejdou, prostě musí bejt vedle sebe... přece... no řekněte někdo něco...
nahoď sem ten styl... příp. i ten kousek html jak je tam dáváš

<div id="obal">
<div id="levy">
blablabla
</div>
<div id="pravy">
blablabla
</div>
<div id="hlavni">
blablabla
</div>
</div>

#obal {width:600px;}
#levy {float:left;width:200px;}
#pravy {float:right;width:200px;}

takže teď tam mám:

#obal {width: 654px; height: 1120px;}
#levy {float:left; width:11px; height: 1120px}
#stred {float:left; width:632; height: 1120px}
#pravy {float:left; width:11px; height: 1120px}

<div id="obal">
<div id="levy" style= "background-image: url('pattern_left.gif')">
</div>
<div id="stred" style= "background-image: url('image.gif')>
</div>
<div id="pravy" style= "background-image: url('pattern_right.gif')">
</div>
</div>

a v IE je to v podstatě ok (pokud pominu, že ty krajní divy jsou nevim proč kratší), ale ve FF je to všechno vlevo :(

Kdyz mas vsechny floaty vlevo, neni divu.

No, já je tak neměla, ale dala jsem je tak, páč to řekla dis! To jsem asi trošku nepochopila :(

mno, ono by to tak šlo taky, ale být tebou bych to neřešil a udělal bych to, jak jsem napsal

já je teda mám vedle sebe... hele:
http://kocky.virtualne.cz/test.htm

Ještě tam nemáš to vycentrování:
body {text-align: center;}
#obal {margin: auto; text-align: left;}

milster: a co ten prostřední? tem nemám dávat float?

přesně tak, prostřednímu float nedávej

milster: hele a co mám blbě?
http://kocky.virtualne.cz/test1.htm
ve FF dobrý, v IE ten levej už skočí pod to... proč?
(levý má float: left, střední nic, pravý float: right - stylopis je přímo ve stránce...)

to samý, kde mají všechny tři float: left, mi chodí v IE i ve FF (http://kocky.virtualne.cz/test.htm)

omyl, drobná chybka při refreši - i ve FF je to rozhozený, to první... test1.htm... why?

dis: jo, to vycentrování jsem tam měla, akorát jsem to tu nenapsala, ale co jsem tam neměla, je: text-align: left v tom obalu. Teď to mam na středu, dík ;-)
A když jsme u toho... Mám tam ještě jeden div "hlava" - banner a ten mam nahoře jakoby v tom hlavním divu. A kolem by měly bejt ty krajní divy, ale začínaj až pod tim bannerem :( Jak to mam udělat?

dis: mas spatne poradi divu, spravne to ma byt #levy #pravy #stred (nebo #pravy #levy #stred)

vloz div #hlava do divu #stred
<div id="stred">
<div id="hlava"></div>
</div>

A pak ještě další věc ve FF: mam tam vždycky jpg a vedle popisek. Jenže ve FF mi ten popisek skočí nahoru, místo aby byl vedle obrázku.

<img src="athos_screen.jpg" width="319" height="223" alt= "athos.aktualne.cz" style= "float: left; margin-left: 15px; margin-right: 15px" border="0">
</a>Blablabla
<a href="http://legilimens.wz.cz">
<img src="legilimens_screen.jpg" width="319" height="223" alt= "legilimens.wz.cz"
style= "float: left; margin-left: 15px; margin-right: 15px; margin-top: 20px" border="0"></a>
<p style="text-align: left; margin-right:10">Blablabla
<a href="http://alansunderwear.wz.cz">
<img src="underwear_screen.jpg" width="319" height="223" alt= "alansunderwear.wz.cz"
style= "float: left; margin-left: 15px; margin-right: 15px; margin-top: 20px" border="0"></a>
<p style="text-align: left; margin-right:10">Blablabla

jestli jsem to správně pochopila, co potřebuješ, tak teď mrkni na
http://kocky.virtualne.cz/test.htm

jestli to jde jednodušeji, tak ať někdo přijde se svou troškou do mlýna. Já jsem doprostřed dala zase dva divy obalený do jednoho.

no a protože to za pár dnů smažu, tak pro budoucí čtenáře:

body {text-align: center;}
#obal {width: 654px; height: 1120px; margin: auto; text-align: left;}
#levy {float:left; width:11px; height: 1120px;}
#obal2 {float: left; width: 632px; height: 1120px;}
#stred {width:632px; height: 1000px;}
#banner {width: 632px; height: 120px;}
#pravy {float:left; width:11px; height: 1120px;}

<div id="obal">
<div id="levy">
</div>
<div id="obal2">
<div id="banner">
</div>
<div id="stred">
</div>
</div>
<div id="pravy">
</div>
</div>

dis: super! :-D
Už to fachčí...
A hele...? Eště prosimtě... (já sem hrozná, já vim), ve FF mam odkazy šecky modrý ačkoli mam
a:link {color: "#330000"; background-image: url('tlacitko.gif'); padding: 3px}
a:visited {color: "#330000"}
a:active {color: "##000000"}

a písmo mam černý, ačkoli mam
p {font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; font-weight: bold; color: "#330000"}

vidím, že jsem ignorován, ale pokud by byl přesto někdo zvědavý, jak bych to řešil já, nechť pohlédne na http://m-piskvorky.wz.cz/layout.html

správně to má být
color: #330000;

Bez uvozovek.

milster: dík, to je divný, já do teď všude psala uozovky a procházelo mi to...
Já tě neignoruju! :-D
Hele a eště se mi teď stalo, že mi ten střed i s tim bannerem poskočil celej tak o 15 dolů... Proč?

muhla bys to nahrát na web?

hehe, né :)
Já se stydím :-D

To je pak težký :D
Ale takhle ti asi neporadim..

← Zpět na všechna témata

Nové příspěvky

Smazani stranek index.html ) HTML Tabulky Zalamování textu pomocí CSS Přesměrování Arduino - 400 Bad Request Nastavení českých písmen POMOC! po druhé! Pozicování (obrázek na střed). Jak vycentrovat obrazek, ktery je v prikazu absolute ? Použití tvůrce webu katalog async functions' is only available in es8 (use 'esversion: 8') Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 Problém s načítáním Div pro reklamu překrývá prvky webové stránky Nezobrazuje se mi lišta s reklamou ako nahrám na môj web favicon? JavaScript - nečitelný soubor *.js - jak prohlížet/editovat Problém s textem videostream index.html GB///refresh///JS Total Commander - server nenalezen Mobilní verze webu

Další témata

Webzdarma zvládnete to sami

divy

Nové příspěvky