| Autor | Zpráva | ||
|---|---|---|---|
| JakubDuchek Profil |
Šířka sloupců
www.mlkchlumcany.webnode.cz Na mém webu potřebuji zúžit levý sloupec o minimálně 20px a ten pravý o minimálně 20px rozšířit nevím kde to mám v css kodu hledat. Nejlepší by bylo aby se celá stránka rozšířila o 30px a pravý sloupec měl 750px |
||
| jenikkozak Profil |
JakubDuchek:
Změňte zápis, který začíná na řádku 722. A ten šílený kód ze svého příspěvku vyhoďte, živá ukázka stačí. Pak ještě bude potřeba zúžit všechny prvky, které v tom bloku jsou a úplně nesmyslně mají všechny zadány rozměry v pixelech. Používáte-li prohlížeč Firefox, stáhněte si do něj rozšíření Firebug, které Vám pomůže dotyčné prvky najít. V novějších verzích prohlížečů jsou tyto nástroje vestavěné, obvykle se spouští klávesou F12. |
||
| Keeehi Profil |
#3 · Zasláno: 3. 9. 2012, 14:28:01
722 je pro levý sloupec, 611 pro pravý sloupec. Kvůli pravému sloupci ještě budeš muset upravit obrázky maincontent_*.gif - zúžit je.
|
||
| JakubDuchek Profil |
#4 · Zasláno: 3. 9. 2012, 19:52:12
Keeehi:
řádek maincontent tu je ale jen /* -------- CONTENT ---------- */
#main {
margin: 0;
padding: 0;
width: 960px;
float: left;
overflow: hidden;
background: #F0F0F0;
}
#mainContent_top {
margin: 15px 10px 15px 0;
padding: 25px 0 0 0;
float: left;
width: 710px;
overflow: hidden;
background: transparent url(../img/maincontent_top.gif) no-repeat 0% 0%;
}
#mainContent_bottom {
margin: 0;
padding: 0 0 30px 0;
float: left;
width: 710px;
overflow: hidden;
background: transparent url(../img/maincontent_bottom.gif) no-repeat 0% 100%;
}
#mainContent {
margin: 0;
padding: 0;
float: left;
width: 710px;
overflow: hidden;
background: transparent url(../img/maincontent_bg.gif) repeat-y 0% 0%;
}
#content {
margin: 0 25px;
padding: 0;
overflow: hidden;
text-align: justify;
}
#mainContent .box {
margin: 0 0 20px 0;
padding: 0;
overflow: hidden;
}
#mainContent .box_title h2,
#mainContent .box_title h1 {
}
#mainContent .box_content p {
line-height: 1.8em;
padding: 0;
}
#mainContent .box_content a img {
text-decoration: none;
border: 1px solid #ddd;
}
#mainContent .box_content a:hover img {
text-decoration: none;
border: 1px solid #3D3265;
}
/* IE6 */
* html #mainContent .box_content a:hover img {
border: 1px solid #3D3265;
}
.box_content {
padding: 0;
margin: 0;
overflow: hidden;
}
#contentNarrow {
padding: 0;
margin: 0;
width: 473px;
float: left;
overflow: hidden;
border-right: 1px solid #ddd;
}
#contentNarrow .box {
margin: 0 20px 20px 25px;
width: 427px;
overflow: hidden;
}
#rightContent {
padding: 0;
margin: 0;
width: 235px;
text-align: left;
float: right;
overflow: hidden;
}
#rcontent {
margin: 0 18px 0 15px;
overflow: hidden;
}
#LeftBox {
width: 320px;
margin: 0;
padding: 0;
float: left;
overflow: hidden;
}
#RightBox {
width: 320px;
margin: 0 0 0 20px;
padding: 0;
float: right;
overflow: hidden;
}
#RightBox .content, #LeftBox .content {
margin: 0;
padding: 0;
}
/* -------- CONTENT --------- */ |
||
|
Časová prodleva: 12 let
|
|||
0