Hogyan kell megoldani cssben ezt a kinézetet?
Helló.
Megkérdezném hogy az ilyen designt hogy kell megvalósitani? pl: [link] ncoron is ugyan ílyen kinézetű..mármint hogy jobb és bal oldalt van egy szines rész. aztán középen meg egy a4es oldal szerű lap ahol az oldal tartalma található.
köszönöm.
Amúgy meg háttér a színes rész (body)
és a tartalom az A4 -es méretű pedig a középre igazítva egy DIV -ben.
a bodyt tudom, viszont a megvalósitását még mindig nem igazán értem.
Szóval van egy alap háttér, amire ráraktam egy bordert középre igazítva és a borderen belül tárolják a szövegeket? Vagy azt nem borderrel csinálták?
Csinálsz egy container divet a body-n belül:
<body>
<div id="container">
Ide jön a tartalom
</div>
</body>
Aztán CSS-el formázod:
body {
background-color: #000000; /* ez a szín, ami a két oldalon lesz, azaz a háttérszín */
}
#container {
margin-left: auto; /* tartalomrész elhelyezkedése balról */
margin-right: auto; /* tartalomrész elhelyezkedése jobbról */
width: 1000px; /* tartalomrész szélessége */
background-color: #ffffff; /* tartalomrész háttere */
}
És kész is. A containernél azért auto a jobb és a bal margó, hogy középre kerüljön a tartalmi rész. Innentől már egyszerű reszponzívra is megcsinálni, azt most nem írom le.
elkezdtem már amúgy. 2-t is végignéztem teljesen, szóval valamennyire megy, na meg w3schoolsról is elkezdem majd. A divre viszont egyik se tért rá komolyabban, vagy csak nem értettem meg ahogy elmondták. a divet classal szoktam helyettesíteni, vagy valami mással.
Na de ezen a nap elkezdem tanulni újra. a sok vizsga/munka miatt nem volt időm rá.
"a divet classal szoktam helyettesíteni"
Tényleg nem ártana az alapoktól kezdeni, ha már ekkora hülyeséget sikerült leírnod.
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!