[ tomislav91 @ 14.11.2013. 17:49 ] @
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>   &nbsp;
<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+ */

}
[ cyBerManIA @ 14.11.2013. 18:20 ] @
Koristi inline-block. Inline-block zadrzava generalna svojstva blocka dodavajuci mu odredjena svojstva inline-a.

JSFIDDLE link do tvog primera.
[ tomislav91 @ 14.11.2013. 18:51 ] @
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]
[ dusans @ 14.11.2013. 20:54 ] @
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;
    ...
}

[ tomislav91 @ 15.11.2013. 09:31 ] @
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.
[ dusans @ 15.11.2013. 09:59 ] @
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;
[ tomislav91 @ 15.11.2013. 10:08 ] @
pa evo, sad je to okej, ali svejedno nije kako treba...



Ne znam kako to srediti da izgleda kako treba...
[ Zeberdee @ 26.11.2013. 13:14 ] @
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.