| Autor | Zpráva | ||
|---|---|---|---|
| Ifča Profil |
#1 · Zasláno: 5. 4. 2005, 19:33:30
Prosím o pomoc. jako ukázku mám http://www.goldendy.cz/web/zachran11.htm
Je to klasicky... hlavička, levý sloupec s menu, pravý s obsahem a patička. V pravém sloupci s obsahem mám několik divů jako bloků pod sebou, každý blok má spodní linku. V bloku je klasický text, občas obrázek a to buď vycentrovaný na střed nebo je vpravo či vlevo a je obtékan textem. a tady si nevím rady. Občas mi to udělá pod obrázkem (pokud je kratší text) hodně velkou mezeru. V IE je to jakž takž ucházející, ale ve FF je hodně velká. V ukázce jde zrovna jen o první blok. Přitom ve 3,5 a 7 bloku taky texty obtékají obrázky a mezeru to nedělá. Já opravdu nemohu příjit na to čím to je. Čím se první blok tak liší od ostatních? Prosím nevíte nějaký návod na obrázky s obtékaným textem?? Ještě přidávám link na styly http://www.goldendy.cz/web/styles.css |
||
| habendorf Profil |
#2 · Zasláno: 5. 4. 2005, 19:45:05 · Upravil/a: habendorf
Já tam ale ve FF žádnou mezeru nevidím (???).
Jinak já si dávám na začátek css toto: * {margin:0; padding:0;} Tím se zruší všechny případné defaultní marginy a paddingy. |
||
| Ifča Profil |
#3 · Zasláno: 5. 4. 2005, 20:37:06
Ať dělám co dělám, já to vidím takhle: http://www.goldendy.cz/web/obrazovka.JPG
* {margin:0; padding:0;} A co znamená ta hvězdička? A na začátek čeho? |
||
| habendorf Profil |
#4 · Zasláno: 5. 4. 2005, 20:51:00
Ifča: Hmm, já mám 1280x1024, tam to fakt není. Tady to samozřejmě také vidím.
* {margin:0; padding:0;} znamená: všemu nastav margin a padding na nulu. Každý prohlížeč má nějak nastavené tyto hodnoty defaultně. Když je vynuluješ, zajistíš si, že prohlížeč bude poslouchat jen tebe (via css) a neponecháš mu prostor pro jeho "lidovou tvořivost". A kam? Jak jesm psal - na začátek css. Takže buď na první řádek css souboru nebo za tag <style>. Ale neříkám že to bude řešit konkrétně tento problém. Ale stejně je to IMHO dobrý zvyk. |
||
| Ifča Profil |
#5 · Zasláno: 5. 4. 2005, 21:19:44
Díky. takže jsem to dala na začátek souboru s CSS. Tím všechny prohlížeče začínají od nuly ale pak u jednotlivých prvků, např DIV, UL, LI, Hx a jiných kde to budu potřebovat si nastavím svoji margin a padding. Chápu to dobře?
Já to zkusila a něco se mi rozhasilo, takže teď to chce jen ponastavovat, že? A možná to vyřeší i ten můj problém :o) |
||
| habendorf Profil |
#6 · Zasláno: 5. 4. 2005, 23:14:46
Ano, chápeš to zcela správně. V podstatě browseru říkáš: zapomeň na všechna svoje nastavení a poslouchej jen mě (trochu utopie :o)).
Pak se ti ale samozřejmě bude např. text odstavce lepit přímo pod nadpis, takže si to musíš zase nějak dodefinovat. Možná má někdo jiný názor, já to ale tak používám, protože mi vyhovuje začínat od nuly a mít vše pod svou kontrolou (tedy téměř :o)). |
||
| Cirdan Profil * |
#7 · Zasláno: 7. 4. 2005, 12:22:49
a nemoze to byt dane tymto??
<p><b>Foto:</b> Jarka a Betka, Majka a Enda a moje maličkost a Endy.</p> <br clear="all"> Sice neviem, co znamena to clear="all" ale ak tam ams danu medzeru na konci tak to by mohlo robit ten problem. Mozno, ze tam netreba davat to <br ...> a pojde to... Ale niesom si isty.... teda som si to skusil len tak trosku upravit zo zdrojaku a ta velka medzera na konci prveho div/u po odstraneni toho <br...> zmizla... len to bude treba trosku doladit.... Takze... hodne zdaru.. |
||
| timi Profil * |
#8 · Zasláno: 8. 4. 2005, 13:00:05
...ja si myslim ze misto ty mezery je dobry dat " clear="all" " az do dalsiho divu. Ten zrusi obtekani a mezera nabude vznikat... :-)
|
||
| Ifča Profil |
#9 · Zasláno: 8. 4. 2005, 20:23:47
Díky za rady, ale nějak mi nic nepomáhá. Ani * {margin:0; padding:0;} to nevyřešilo.
To <br clear="all"> jsem tam dala z toho důvodů, že na to jediné zareagoval Netscape. Více jsem popsala už v http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=7&topic=44 73 Nechápu proč zrovna první blok tohle dělá a ostatní, kde používám obtékaný obrázek tuhle mezeru nedělají... |
||
| habendorf Profil |
#10 · Zasláno: 8. 4. 2005, 22:08:32 · Upravil/a: habendorf
Uff, těžko se v tom orientuje. Vyhození toho <br clear="all"> to opravdu řeší (ve FF).
Jinak ty tam máš ty obrázky dané dost zvláštně. Máš tam několik odstavců a ten obrázek je v prvním z nich. Čili následující odstavce třeba končí dřív, než vlastně končí první. Pak tam musíš clearovat a dělat spoustu opičáren, který by sis mohla ušetřit. Zkus v tý části nahradit: <h3>Jak jsme si čuchli k záchranařině</h3> <div class="BlokLinSpod"> <img border="1" src="../picture/akce/zach_15.jpg" style="float:right; width:350px; height:260px"> <p>S Endym, Jarkou a Betkou... Já to zkoušel a myslím že je to OK. |
||
| Ifča Profil |
#11 · Zasláno: 8. 4. 2005, 22:42:12
Mělo by se dodržovat, že když je obrázek vpravo, tak clear musí být taky vpravo?
Nakonec jsem to tak nahradila, navíc zkusila dát clear: right; Vyhodila jsem ten <br clear="all"> (bohužel v Netscape je to teď rozeté, ale co se dá dělat) a mezera se zmenšila :o))) No clearuji jen tam, kde mám obtékaný obrázek... jinak né. |
||
|
Časová prodleva: 19 let
|
|||
Toto téma je uzamčeno. Odpověď nelze zaslat.
0