Miért nem sikerül?
Készítsen kéthasábos táblázatot. A táblázat fejlécében szerepeljen a neve. Az alatta lévő részt ossza ketté és bal oldalon szerepeljen a kedvenc ételek, jobb oldalon a kedvenc italok. A szövegek ne érjen a keretekhez sehol!
Nem tudom a div et ketté szedni.
Pár sor a feladat kódja, de nem sikerül.
Tudna segiteni valaki?
HTML:
<div id="content">
<h2>Név</h2>
<div id="left">
kedvenc ételek (pl.: ul taggel)
</div>
<div id="right">
kedvenc italok (pl.: ul taggel)
</div>
</div>
CSS:
.content {
width: 900px;
margin: 40px auto
}
.content div {
width: 860px;
border: 1px solid #000;
padding: 10px
}
.left {
float: left
}
.right {
float: right
}
ennek működnie kéne, ha mégsem, küldj képet.
A CSS-t elrontottam, mivel id-t írtam az elemekre a HTML kódban. Tehát a CSS kódban az elemek előtt nyilván #-et kell használni a pontok helyett.
Bocsánat, remélem így már működik.
Tehát helyesen így nézne ki:
#content {
width: 900px;
margin: 40px auto
}
#content div {
width: 860px;
border: 1px solid #000;
padding: 10px
}
#left {
float: left
}
#right {
float: right
}
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
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!