Padding iz tabele v css padding - kako

3 naročniki

hey

Spet eno "glej moj nick" vprašanje :) .

Če v <table> nastaviš style padding (<table style:"padding: 5px;">), ti vso vsebino tabele odmakne za 5 pikslov vstran od roba tabele. Sedaj začenjam aktivno uporabljati CSS, in ga uporabljam seveda tudi namesto tabel. Zanima pa me, kako dosežem, da je znotraj <div id=nekaj> ves text odmaknjen 5 px od roba div obrazca. Sem probal enak ukaz padding nastavit za ta #nekaj, ampak kot verjetno veste ni doseglo željenega učinka :) .

Za vso pomoč se že vnaprej zahvaljujem.

padding-left:5px

moralo bi isto odmaknit. še enkrat preveri.
http://htmldog.com/guides/cssbeginner/margins/

Če želi odmik samo levo, kot sem razumel iz njegovega posta potem uporabiš padding-left. Če pa uporabiš samo padding pa velja za levo, desno, zg. in spodaj.

Mogoče pa sem narobe razumel njegov post :)

Napisal je rob torej predvidevam, da misli vse robove.

Ja potrebujem padding od vseh robov...

Ok, torej paddin ukaz je pravilen. Potem mora biti pa nekaj narobe z mojo stranjo, ali pa se kakšni ukazi tepejo med seboj.

A mi lahko poizkusite pomagati prosim :$

Tukaj je povezava do strani brez paddinga osrednjega dela:
CLICK

Ko pa dodam osrednjemu <div id="content"> ukaz padding, pa mi premakne vse skupaj v vse strani :D

Zadeva zgleda nekako takole:
CLICK

A se komu sanja zakaj? kaj sem storil narobe :(

hvala za pomoč :)

to je zato, ker padding poveča velikost tvojih divov. Odštej padding od širine pa bo šlo nazaj tko kot je treba.

pa priporočam ti, da začneš od začetka, tokrat brez tabel. Ker je gradnja s CSS lahko mal tricky in ker si začetnik si poglej tukaj kako http://blog.html.it/layoutgala/ potem pa kopiraj glede na to kaj rabiš.

Kako sem jaz vesel da sem našel ta forum :)

lepo je da imamo slovenci takšno skupnost

Najlepša hvala vsem!
CLICK

p.s. Kako se vam zdi stran :) ? (je še v izdelavi)

Za začetnika super.

Predlagam, da si kakšne CSS tutoriale prebereš, ker ko enkrat mal več veš je možnosti neomejeno. npr, če bi bi si prebral kaj bi vedel, da lahko tole:

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
background-color:#877367;
    background-position: center top;
    background-repeat: repeat-y;
    background-image: url(images/index.gif);
    color: #000000;
    text-align: center;
}

spremeniš v tole:

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background:#877367 url(images/index.gif center top repeat-y;
color:#000;
text-align:center;
}

na začetku pa še dodaš, da ti ni treba na vsakem elementu pisat in, da preprečiš, da bi browser dajal margine elementom.

*{
margin:0;
padding:0;
}

Uporabno! :D hehe

Najlepša hvala :)