Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

display:block elementi u istom redu

[es] :: Web dizajn i CSS :: display:block elementi u istom redu

[ Pregleda: 2497 | Odgovora: 7 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

tomislav91

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



+1 Profil

icon display:block elementi u istom redu14.11.2013. u 17:49 - pre 126 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>   &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+ */

}

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

icon Re: display:block elementi u istom redu14.11.2013. u 18:20 - pre 126 meseci
Koristi inline-block. Inline-block zadrzava generalna svojstva blocka dodavajuci mu odredjena svojstva inline-a.

JSFIDDLE link do tvog primera.
 
Odgovor na temu

tomislav91

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



+1 Profil

icon Re: display:block elementi u istom redu14.11.2013. u 18:51 - pre 126 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

icon Re: display:block elementi u istom redu14.11.2013. u 20:54 - pre 126 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

icon Re: display:block elementi u istom redu15.11.2013. u 09:31 - pre 126 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

icon Re: display:block elementi u istom redu15.11.2013. u 09:59 - pre 126 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

icon Re: display:block elementi u istom redu15.11.2013. u 10:08 - pre 126 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

icon Re: display:block elementi u istom redu26.11.2013. u 13:14 - pre 125 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.
 
Odgovor na temu

[es] :: Web dizajn i CSS :: display:block elementi u istom redu

[ Pregleda: 2497 | Odgovora: 7 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.