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
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
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 --------- */                

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: