Autor | Zpráva | ||
---|---|---|---|
Ostřa Profil |
#1 · Zasláno: 12. 5. 2010, 20:21:54
Dobrý den.
Chci se zeptat jak zakázat zalamování mezi jednotlivými blokovými elementy na stránce http://test.florbalmanie.cz/ CSS: /* a */ body { background: #000000; } /* b */ #b1 { height: 300px; width: 1000px; background: #3366FF; padding: 0px; margin: 0 auto; } #b2 { height: 250px; width: 900px; background: #6699FF url('b/b2.png'); margin: 0 auto; position: relative; top: 50px; } #b3 { width: 1000px; background: red; padding: 0px; margin: 0 auto; } #b4 { width: 900px; background: #6699FF url('b/b4.png'); margin: 0 auto; } #b5 { height: 50px; width: 1000px; background: #3366FF; padding: 0px; margin: 0 auto; } #b6 { height: 40px; width: 900px; background: #6699FF url('b/b6.png'); margin: 0 auto; } /* c */ #c1_zahlavi { height: 246px; width: 892px; background: #99B2FF; margin: 0 auto; position: relative; top: 4px; text-align: center; } #c2_menu { } #c3_obsah { width: 892px; background: #99B2FF; margin: 0 auto; } #c4_zapati { height: 36px; width: 892px; background: #99B2FF; margin: 0 auto; text-align: center; } HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" href="s1_hlavni.css"> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title>Florbalový klub CSP Hradec Králové - Úvod</title> </head> <body> <div id="b1"> <div id="b2"> <div id="c1_zahlavi"> <h1> The Lorem Ipsum Website </h1> </div> </div> </div> <div id="b3"> <div id="b4"> <div id="c2_menu"> </div> <div id="c3_obsah"> <p> Lorem ipsum........ </p> </div> </div> </div> <div id="b5"> <div id="b6"> <div id="c4_zapati"> <span> Webdesign by Lorem Ipsum </span> </div> </div> </div> </body> </html> |
||
panther Profil |
#2 · Zasláno: 12. 5. 2010, 22:27:14
|
||
Ostřa Profil |
#3 · Zasláno: 12. 5. 2010, 22:34:38
Asi jsem se špatně vyjádřil. Chci odstranit horizontální černé mezery mezi blokovými prvky.
|
||
__construct Profil |
#4 · Zasláno: 12. 5. 2010, 22:40:39
*{margin:0} |
||
Ostřa Profil |
#5 · Zasláno: 12. 5. 2010, 22:45:03
__construct:
„*{margin:0}“ U čeho? U DIVů jsem to už zkoušel, v CSS je teď navíc: div { margin:0px; padding: 0px; } |
||
__construct Profil |
#6 · Zasláno: 12. 5. 2010, 22:50:34 · Upravil/a: __construct
Ostřa:
Do CSS si doplň to čo som Ti napísal .. //edit: úvod do CSS - linuxsoft.cz tesne pred záverom .. |
||
Ostřa Profil |
#7 · Zasláno: 12. 5. 2010, 22:56:24
__construct:
Díky moc :) |
||
Trejpa Profil |
#8 · Zasláno: 12. 5. 2010, 23:14:01
Ostřa:
Hvězdičkový reset se nedoporučuje. Stačilo by vynulovat margin prvkům uvnitř (nadpis a odstavec). |
||
__construct Profil |
#9 · Zasláno: 12. 5. 2010, 23:17:37
Trejpa:
„Hvězdičkový reset se nedoporučuje.“ A prečo ? * má najmenšiu specificity - takže ju "prebije" každé iné nastavenie. |
||
Davex Profil |
#10 · Zasláno: 12. 5. 2010, 23:25:08 · Upravil/a: Davex
Hvězdičkový reset nenávratně rozbíjí formulářové prvky.
- Spor o resetování CSS vlastností - Reset CSS |
||
Trejpa Profil |
#11 · Zasláno: 12. 5. 2010, 23:26:12
__construct:
„A prečo ?“ Zejména proto, že negativně ovlivňuje vzhled formulářových polí. |
||
Časová prodleva: 14 let
|
0