[es] - display:block elementi u istom redu

tomislav91

Član broj: 206601
Poruke: 316
*.dynamic.isp.telekom.rs.

+1 Profil

display:block elementi u istom redu

^{14.11.2013. u 17:49 - pre 139 meseci}

Zelim da dobijem, kao sto u naslovu kaze, u jednom redu,a ne da mi pravi razmak(pogledati sliku)

HTML

Code:
<div id="dugme" >
<a class="lav " href="#">ili jesi</a>  
<a class="lav " href="#">ili nisi</a>
</div>

CSS

Code:
.lav {
       display:block;
    width:183px;
    height:79px;
    border:1px solid #729fc9;
text-align:center;
    font:53px/79px 'Wisdom', Arial, Helvetica, sans-serif;
    color:#fff;
    text-decoration:none;
     margin-left: auto;
    margin-right: auto;

    background: -moz-linear-gradient(left,  rgba(3,67,141,0.3) 0%, rgba(0,169,234,0.3) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(3,67,141,0.3)), color-stop(100%,rgba(0,169,234,0.3))); /* Chrome,Safari4+ */

}

life is the one,take care of them!

http://hardware-software.serbianforum.info/

Odgovor na temu

cyBerManIA
I ovo T ono
Space

Član broj: 25195
Poruke: 698
*.ptt.rs.

Sajt: www.facebook.com/cyberman..

+263 Profil

Re: display:block elementi u istom redu

^{14.11.2013. u 18:20 - pre 139 meseci}

Koristi inline-block. Inline-block zadrzava generalna svojstva blocka dodavajuci mu odredjena svojstva inline-a.

JSFIDDLE link do tvog primera.

LOL

Odgovor na temu

tomislav91

Član broj: 206601
Poruke: 316
*.dynamic.isp.telekom.rs.

+1 Profil

Re: display:block elementi u istom redu

^{14.11.2013. u 18:51 - pre 139 meseci}

Hvala, to je to..A sto se tice istog programa, da sad ne otvaram novu temu, zasto kada preko telefona hocu da testiram, ispadne ovako

Preko tableta je Ok. Ali preko telefona ne..

Code:
#container{
width:98%;

Da nije u tome greska mozda?

Kada sam stavio da mi width bude 320px, on je opet vratio na pocetnu gresku, odnosno nije u istom redu stavio ta dva linka.

_{[Ovu poruku je menjao tomislav91 dana 14.11.2013. u 21:18 GMT+1]}

life is the one,take care of them!

http://hardware-software.serbianforum.info/

Odgovor na temu

dusans
Stojanov Dušan
Pančevo

Član broj: 9551
Poruke: 1343
*.dynamic.sbb.rs.

+311 Profil

Re: display:block elementi u istom redu

^{14.11.2013. u 20:54 - pre 139 meseci}

Stavi komplet html i css na www.jsfiddle.net, bez toga možemo samo da gledamo u pasulj.

Probaj i ovo:

Code:

#container {
    ...
    white-space: nowrap;
    ...
}

Odgovor na temu

tomislav91

Član broj: 206601
Poruke: 316
*.dynamic.isp.telekom.rs.

+1 Profil

Re: display:block elementi u istom redu

^{15.11.2013. u 09:31 - pre 139 meseci}

Evo postavio sam Link

Probao sam, stavio sam u container to, nije uspelo..
Stvar je u tome, sto ja zelim, taj njihov sajt da optimizujem za mobilne, odnosno preko xhtml mp tehnike.

life is the one,take care of them!

http://hardware-software.serbianforum.info/

Odgovor na temu

dusans
Stojanov Dušan
Pančevo

Član broj: 9551
Poruke: 1343
*.dynamic.sbb.rs.

+311 Profil

Re: display:block elementi u istom redu

^{15.11.2013. u 09:59 - pre 139 meseci}

Evo ja probao to sto si stavio na fiddle u Opera simulatoru i ne stavlja dugmadi u 2 reda.
Stavi za svaki slučaj i u #dugme white-space: nowrap;

Odgovor na temu

tomislav91

Član broj: 206601
Poruke: 316
*.dynamic.isp.telekom.rs.

+1 Profil

Re: display:block elementi u istom redu

^{15.11.2013. u 10:08 - pre 139 meseci}

pa evo, sad je to okej, ali svejedno nije kako treba...

Ne znam kako to srediti da izgleda kako treba...

life is the one,take care of them!

http://hardware-software.serbianforum.info/

Odgovor na temu

Zeberdee
Misel Tekinder
Freelance Web Designer/Front-End
Developer
Niš

Član broj: 177025
Poruke: 59

Sajt: www.behance.net/MiselTeki..

+4 Profil

Re: display:block elementi u istom redu

^{26.11.2013. u 13:14 - pre 139 meseci}

Ajde opsirno napisi sta zelis i sta ti se javlja kao problem ...

Kad zelis da i isti red stavis div (odnostno block level) elemente, mozes to da uradis na vise nacina:

1 - neko ti je gore naveo promer sa inline-block tehnikom;
2 - mada ja preferiram da koristim "float" tehniku, uzmes elemente i dodelis im float:left - ako zelis da se prostiru iz leve u desnu stranu ili float:right ako zelis da se prostiru sa desne strane u levu.
tako ne moras da menjas display tom elementu a dobijes zeljeni rezultat.

Uzmi procitaj po netu o float tehnici kroz css.

Ako ti se javlja razmak izmedju elemenata, onda sigurno imas ili margin ili padding, kad nadjes sta je od ta dva, samo podesis da bude 0px.

http://www.behance.net/MiselTekinder

Odgovor na temu