Kezdőoldal » Számítástechnika » Weblapkészítés » Hogyan lehet résmentesen...

Hogyan lehet résmentesen összerakni kéepeket html + css használatával?

Figyelt kérdés

A teljes oldalt szeretném kitölteni 5 képpel (A,B,C,D) az alábbi módon:


ABC

DBE


Tehát A+D magassága = B magassága.

A képek elfoglalt területe százalékos, azaz torzulhatnak, a teljes ablakot ki kéne töltsék. Napok óta próbálkozok, de mindig vannak rések, és ha egyik böngészőben jó is, egy másikban nem. Mi a helyes és megfelelő módja ennek?



2023. jan. 27. 00:31
 1/7 anonim ***** válasza:
2023. jan. 27. 01:32
Hasznos számodra ez a válasz?
 2/7 Argloss ***** válasza:

GRID:

[link]

2023. jan. 27. 01:43
Hasznos számodra ez a válasz?
 3/7 anonim ***** válasza:

CSS-ben adott kép:


.kep{

(eddigi beállítások);

top: 0;

bottom: 0;

left: 0;

right: 0;

}

2023. jan. 27. 07:25
Hasznos számodra ez a válasz?
 4/7 A kérdező kommentje:
A Safarival a top: 0; bottom: 0; left: 0; right: 0; nem akar működni sehogyse.
2023. jan. 27. 08:47
 5/7 A kérdező kommentje:
Köszönöm, ez a gridbyexample.com tök jó. Azt nem tudom, hogyha a wrapping-et használom, hogyan lehet kikényszeríteni, hogy a teljes wrapping container magassága a teljes oldal legyen. A box-okba majd képeket szeretnék tenni, és szeretném, hogy a teljes oldalt montázsszerűen kitöltsék, de sehogy nem sikerül %-osan elérnem.
2023. jan. 27. 09:23
 6/7 A kérdező kommentje:
Ha a grid (wrapping div a fenti példákban) nem képernyő széles, akkor hogyna lehet középre rendezni?
2023. jan. 27. 21:06
 7/7 Argloss ***** válasza:
2023. jan. 28. 13:41
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!