Potrzebuję pomocy przy edycji układu w CMSie dla strony Wirtualny.Cieszyn.pl - Społeczność Powiatu Cieszyńskiego - Home
Kompletnie się na tym nie znam, więc liczę na pomoc kogoś, kto wie, w jaki sposób utworzyć odstępy 10px pomiędzy lewym menu i treścią centralną CMSa oraz pomiędzy treścią centralną CMSa o prawym menu.

W chwili obecnej kod wygląda następująco:

Kod:

<style type="text/css">
#gridl3_container {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
}

#gridl3_midshift {
    float: left;
    width: 200%;
    position: relative;
    left: 250px;
}

#gridl3_rightshift {
    float: left;
    width: 100%;
    position: relative;
    left: 50%;
    margin-left: -500px;
}

#gridl3_midmask {
    float: right;
    width: 50%;
    position: relative;
    right: 100%;
}

#gridl3_midcol {
    margin-left: 500px;
    width: 100%;
    overflow: hidden;
}

#gridl3_leftcol {
    float: left;
    width: 250px;
    position: relative;
    margin-left: -50%;
    left: 250px;
    overflow: hidden;
}

#gridl3_rightcol {
    float: left;
    width: 250px;
    position: relative;
    left: 0px;
    overflow: hidden;
}

#gridl3_content {
    margin-right: 500px;
}
</style>

<div id="gridl3_container">
    <div id="gridl3_midshift">
        <div id="gridl3_rightshift">
            <div id="gridl3_midmask">
                <div id="gridl3_midcol">
                    <div id="gridl3_content">
                        <ul class="list_no_decoration" id="widgetlist_column2">$column[2]</ul>
                    </div>
                </div>
            </div>
            <div id="gridl3_leftcol">
<center>
<script type="text/javascript"><!--
google_ad_client = "pub-6619764108421188";
/* 200x90, utworzono 10-08-27 */
google_ad_slot = "1430807173";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br><br></center>
                <ul class="list_no_decoration" id="widgetlist_column1">$column[1]</ul>
<center><br>
<script type="text/javascript"><!--
google_ad_client = "pub-6619764108421188";
/* 200x90, utworzono 10-08-27 */
google_ad_slot = "1430807173";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br><br>
<script type="text/javascript"><!--
google_ad_client = "pub-6619764108421188";
/* 160x600, utworzono 10-04-16 */
google_ad_slot = "0970742494";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</center>
            </div>
            <div id="gridl3_rightcol">
                <ul class="list_no_decoration" id="widgetlist_column3">$column[3]</ul>
            </div>
        </div>
    </div>
</div>

Odświeżam. Czy ktoś pomoże?

Dodaj do css:

Kod:

.list_no_decoration {margin: 0px 10px;}

Seba, jak dokładnie nazywa się plik, który mam edytować i gdzie go znajdę?

Wicie co, kompletnie nie wiem jak to ruszyć, więc będę bardzo wdzięczny, jeśli ktoś mi pomoże. Widzę też, że na vBhelp jest efekt, który chciałbym osiągnąć w swoim CMSie.

W chwili obecnej kod wygląda następująco:

Tam podałeś kawałek CSS przecież.

No przecież
Dziękuję Ci za pomoc. Osiągnąłem wygląd docelowy.