Segítene CSS-ben megoldani valaki a következőt?
Sajnos nem vagyok elég tapasztalt, próbálkoztam de sehogy sem jött össze... :(
Ezt kellene: [link]
válasza:HTML kód:
<html>
<head>
<title>Weboldal</title>
<link rel="stylesheet" href="style.css" style="html/css" />
</head>
<body>
<div class="container">
<div class="header">
<p>Fejléc</p>
</div>
<div class="contents">
<div class="content_1">
<p>Első hasáb</p>
</div>
<div class="content_2">
<p>Második hasáb</p>
</div>
<div class="content_3">
<p>Harmadik hasáb</p>
</div>
</div>
<div class="footers">
<div class="footer_1">
<p>Első lábléc</p>
</div>
<div class="footer_2">
<p>Második lábléc</p>
</div>
<div class="footer_3">
<p>Harmadik lábléc</p>
</div>
</div>
</div>
</body>
</html>
CSS kód:
body {
padding: 0;
margin: 0;
background-color: #003;
}
.header {
background-color: #FFF;
width: 100%;
height: 150px;
margin: 0.5%;
}
.contents {
width: 100%;
margin: 0.5%;
}
.content_1 {
background-color: #DDD;
width: 33%;
height: 100px;
float: left;
margin-right: 0.4%;
}
.content_2 {
background-color: #BBB;
width: 33%;
height: 100px;
float: left;
margin-right: 0.4%;
}
.content_3 {
background-color: #999;
width: 33%;
height: 100px;
float: right;
}
.footers {
width: 100%;
height: 50px;
margin: 0.5%;
}
.footer_1 {
background-color: #777;
width: 33%;
height: 50px;
float: left;
margin-right: 0.4%;
}
.footer_2 {
background-color: #555;
width: 33%;
height: 50px;
float: left;
margin-right: 0.4%;
}
.footer_3 {
background-color: #333;
width: 33%;
height: 50px;
float: left;
}
válasza:Nagyon szépen köszönöm! :)
Mert egyikbe idézetet szeretnék tenni ami minden belépésnél váltakozik, a többibe meg más-más infót. :) és az alsó 3 láblécet nem tudtam így megoldani... :D
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!