| 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: 15 let
|
|||
0