prijava: |
registracija: |
aktivne teme: |
najčitanije: |
nove poruke: |
autori: |
pretraga

Nova poruka

Kako centrirati DIV promjenjive veličine?

poruka: 5: |
čitano: 1.194: |
moderatori: Lazarus Long, XXX-Man, vincimus

1

+/- sve poruke
ravni prikaz
starije poruke gore

15 godina

neaktivan

offline

pon 17.6.2013 19:01

Odgovori Citiraj

Kako centrirati DIV promjenjive veličine?

Pozdrav svima.

Imali netko ideju kako riješiti sljedeći problem.
Na sredini stranice unutar DIV-a moram dinamički kreirati button-e.
Button-a može biti 2, 4 u dva reda, 6 u dva reda, 9 u tri reda ….
Problem je što je DIV koji sadrži button-e prilikom kreiranja već centriran ali prazan.
A kad dodajem button-e u njega on se širi od sredine prema dolje i u desno.
A meni to sve zajedno mora stajati na sredini ekrana.
Svaki savjet je dobro došao.
Hvala.

trajni link

0 0 hvala 0

13 godina

neaktivan

offline

pon 17.6.2013 19:04

Odgovori Citiraj

Kako centrirati DIV promjenjive veličine?

Pogledaj malo u css-u postition: fixed,relative,absolute

trajni link

0 0 hvala 0

13 godina

neaktivan

offline

pon 17.6.2013 19:21

Odgovori Citiraj

Re: Kako centrirati DIV promjenjive veličine?

Da li mora biti samo vertikalno, ili mora i horizontalno centriran?

trajni link nadporuka

0 0 hvala 0

15 godina

neaktivan

offline

pon 17.6.2013 19:35

Odgovori Citiraj

Kako centrirati DIV promjenjive veličine?

Proučio sam sve vezano za CSS i pozicioniranje.
Mora biti i horizontalno i vertikalno centrirano.
Problem je što DIV dobije pravu veličinu kad je već cijela stranica učitana.
Tako sam ja shvatio problem.

trajni link

0 0 hvala 0

15 godina

neaktivan

offline

pon 17.6.2013 23:11

Odgovori Citiraj

Kako centrirati DIV promjenjive veličine?

Našao sam rješenje problema.
Stavio bih link,ali nisam siguran dali smijem stavljati linkove na druge forume.
Evo kod ako nekome zatreba.

jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) +
$(window).scrollTop()) + "px");
this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) +
$(window).scrollLeft()) + "px");
return this;
}

I onda se samo pozove ta funkcije poslije DIV-a. $(element).center();

Hvala svima.

trajni link

0 0 hvala 0

1

Nova poruka

10:46 Savjeti o nadogradnji računala
10:43 Nintendo Switch 2
10:40 Uvođenje biometrijske provjere na granicama EU od
10:40 Opća rasprava o procesorima (CPU)
10:37 Ribičija;japaneri
10:22 Keychron K4 HE atraktivna je mehanička tipkovnica
09:58 Nizak postotak recikliranja starih uređaja u EU
09:55 Uvodi se biometrijsko skeniranje posjetitelja na v
09:37 Je li ovo stvarni video neobične prometne nezgode?
09:27 Auti - ultimativna tema
09:12 Prava potrošača - reklamacije, povrat, zamjena...
08:33 Neželjeni pozivi iz Češke
08:31 Mercedes i Porsche u problemima: carine i kinesko
08:27 Samsung Galaxy Z Fold/Flip7 - [Rasprava]
08:25 GNK Dinamo Zagreb
07:47 Debljina nije jedna nego ih je (barem) jedanaest
07:45 Što više koristimo AI, to ju više učimo kako da jo
02:29 BYD Dolphin Surf Comfort: Dokaz da mali EV-i mogu
23:59 Rasprava o grafičkim karticama
23:37 'Konfabulacijska kaskada': kako AI programerski as
23:34 Battlefield 6
22:47 Pomoć pri odabiru mobitela
22:14 Glazbeni algoritmi: Kako Spotify zna što želite sl
22:10 Kasko sa franšizom ili bez?
22:07 Sony PlayStation 5
22:07 ChatGPT bez problema klika kućice u bot testu
22:03 Samsung onemogućio otključavanje bootloadera na mo
22:01 Google uvodi nove značajke u AI način pretraživanj
21:54 YouTube će kreatorima omogućiti monetizaciju čak i
20:28 Koji CPU cooler kupiti?
20:04 Širitelji govora mržnje i psihijatrijski slučajevi
19:54 Softverski inženjer radi na daljinu – iz zatvorske
19:41 Koji iptv izabrati?
19:22 Unitreejev stvarni humanoidni robot za 5.900 dolar
19:06 Zagrebačka policija upala na "Car meet" na zapadu
18:54 Slike vaseg hardvera-Pitanja & odgovori
18:48 Koji monitor kupiti
18:35 IPhone 17/Air/Pro/Pro Max - [Rasprava]
17:59 Usisavači. O da, USISIVAČI :)
17:50 Slike vašeg Hardvera
17:30 Smiješne slike
16:45 Signale radara sa Zemlje mogle bi uhvatiti udaljen
16:36 Koliko je Zemlja nekada zapravo bila topla... i ko
15:57 Nevjerojatno: potpuno uništeni Lexus – vozi cestom
14:21 HNK Hajduk Split
14:08 CPU hladnjaci i ventilatori P&O
14:00 Telemach – Fiksne i mobilne usluge [Rasprava]
13:38 Tragikomično izdanje Otvorenog postavilo je hrvats
13:02 Aliexpress - pitanja i odgovori
12:45 Sklapanje PC konfiguracija - iznad 1300 EUR
10:41 Dorseyev Bitchat dostupan na App Storeu
08:56 Zbog prometnih nesreća pune bolnice i rehabilitaci
00:08 Fiskalizacija 2.0 - Bez fiskaliziranog eRačuna – v
29.7. Napajanja za vašu konfiguraciju (P&O)
29.7. Umjetna krv možda nam je na dohvat ruke
29.7. Facebook Marketplace problem - nemam pristup
29.7. Koji televizor kupiti - vodič za odabir
29.7. Sklapanje PC konfiguracija - od 1000 do 1300 EUR
29.7. 4G/5G routeri, mobilni hotspot, antene
29.7. Kutak za ljubitelje Formule 1
29.7. Mindfactory.de Iskustva
29.7. Savjetnik za odabir odgovarajuće tipkovnice
29.7. Kupnja smartwatcha
29.7. Četverodnevni radni tjedan je zakon
29.7. Kamere u smartfonima- Rasprava
29.7. Savjetnik za izbor slušalica za potrebe gaminga
29.7. Miševi s dva oca: znanstvena fikcija na pragu stva
29.7. Honor 400 Pro
29.7. World of Tanks
29.7. Printer - preporuke
29.7. Prvi rezultat britanskih dobnih restrikcija na Int
29.7. Youtube premium
29.7. Međuzvjezdani komet 3I/ATLAS najveći je dosad, otk
29.7. Wireless USB za postojeci android u autu
29.7. Galaxy Z Fold 7 prošao brutalni test izdržljivosti
29.7. Sam Altman želi da OpenAI koristi 100 milijuna GPU
29.7. EU ipak dozvoljava tekućine veće od 100 ml u ručno
29.7. YouTube - tips & tricks
29.7. Ljepljenje naljepnica protiv grebanja na pragove
29.7. EA Sports FC 26
29.7. Popusti, akcije i dobre ponude[Hardver]
29.7. NVIDIA Blackwell 50xx

vrh stranice

Copyright © 2008 - 2025 Bug d.o.o. sva prava pridržana.