Hogy lehet egy div színét jobbra-balra és lefelé folyamatossá tenni?
Ennél pedig csak 100px magasságig készül el a belül fehér, kívül fekete design, 100 px alatt fehér az egész lap. :(
Úgy látom a 100%-os parancs nem műxik a dreamweaveremben, vagy nemtom.
Egymásba ágyazott divek:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " [link]
<html xmlns=" [link]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#container{
width:100%;
background-color:#000;
}
#header{
margin:0 auto;
width:980px;
height:100px;
background-color:#FFF;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
</div>
</div>
</body>
</html>
válasza:xhtml-be ne írkáljunk már css kódokat plííííz...már persze ha normálian lenne beállítva (lang pl. kötelező lenne).
itt az eredeti kód a linkelt site-ról:
html,body{background: #a89e92 url("../images/mbgbig.jpg") repeat-y center top; height: 100%;
#footer{
display: block;
width:838px;
height: 40px;
background: url("../images/footerbg.png") no-repeat center top;
padding: 18px 20px 3px 20px;
}
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover{
color:#000000;
font-size:12px;
padding: 0 10px 0 10px;
text-decoration:none;
}
válasza:Kreáltam egy proba kódot, hogy tudjam mutatni, mit szeretnék, mert még mindig nem bírtam rájönni, pedig 1 hete bújom az internetet.
Ez az alapfelállás:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " [link]
<html xmlns=" [link]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="proba.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="elso">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus malesuada malesuada sem sed consectetur. Ut scelerisque pellentesque nisi, vitae dapibus magna accumsan eget. Donec metus sem, consectetur vel dignissim sed, placerat non nisl. Donec varius sem non lacus imperdiet sagittis. Suspendisse gravida nisl in dui cursus dictum. Quisque faucibus justo eu magna congue feugiat. Sed at magna orci, et pulvinar sapien. Integer turpis eros, sagittis et fermentum sed, volutpat in libero.
</div> <!-- első vége-->
<div id="masodik">Nunc dignissim, leo at congue mollis, tellus mauris accumsan velit, sed rutrum neque elit ac ligula. Sed quis arcu et justo fringilla consequat eu dictum metus. Nam tristique sapien sit amet nisl lobortis non tempus velit iaculis. Sed quis leo eu mauris sollicitudin convallis a cursus mi. Suspendisse non eros id ipsum hendrerit sollicitudin a id ipsum. In eget leo ut ipsum hendrerit condimentum eget et elit. Nullam tortor nisl, consequat et iaculis non, blandit in odio. Mauris et leo lectus.
</div> <!--második vége-->
</body>
</html>
CSS:
body {
background-color: #0C0;
margin: 0;
}
#elso {
color: #F00;
height: 60px;
width: 950px;
text-align: justify;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
margin: auto;
}
#masodik {
background-color: #000;
color: #FFF;
font-family: Verdana, Geneva, sans-serif;
text-align: justify;
font-size: 12px;
margin: 0;
}
Na. Itt szeretném, ha a második div fekete háttérszíne nem csak a benne lévő szöveg végéig tartana, hanem végtelenül futna lefelé is, mint ahogy oldalirányokban is végtelenül megy. De nem tudom sehogy megoldani.
Ha azt a választ küldené valaki, hogy adjak neki egy 1000px-es magasságot, akkor köszi, az nem jó, mert úgy szeretném, hogy ha egy 3 méterszer 3 méteres monitoron jeleníti meg valaki, akkor is jobbra-balra és lefelé fusson végtelenül a fekete.
Köszi, ha tudtok segíteni.
:)
válasza:HTML
<div id="zold">
<div id="elso">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus malesuada malesuada sem sed consectetur. Ut scelerisque pellentesque nisi, vitae dapibus magna accumsan eget. Donec metus sem, consectetur vel dignissim sed, placerat non nisl. Donec varius sem non lacus imperdiet sagittis. Suspendisse gravida nisl in dui cursus dictum. Quisque faucibus justo eu magna congue feugiat. Sed at magna orci, et pulvinar sapien. Integer turpis eros, sagittis et fermentum sed, volutpat in libero.
</div> <!-- első vége-->
</div>
<div id="masodik">Nunc dignissim, leo at congue mollis, tellus mauris accumsan velit, sed rutrum neque elit ac ligula. Sed quis arcu et justo fringilla consequat eu dictum metus. Nam tristique sapien sit amet nisl lobortis non tempus velit iaculis. Sed quis leo eu mauris sollicitudin convallis a cursus mi. Suspendisse non eros id ipsum hendrerit sollicitudin a id ipsum. In eget leo ut ipsum hendrerit condimentum eget et elit. Nullam tortor nisl, consequat et iaculis non, blandit in odio. Mauris et leo lectus.
</div> <!--második vége-->
CSS
body {
background-color: #000;
margin: 0;
}
#zold{
background-color: #0C0;
width:100%;
}
#elso {
color: #F00;
height: 60px;
width: 950px;
text-align: justify;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
margin: auto;
}
#masodik {
background-color: #000;
color: #FFF;
font-family: Verdana, Geneva, sans-serif;
text-align: justify;
font-size: 12px;
margin: 0;
}
Az alsó div fekete háttere nem is szükséges.
Ez az. Nagyon köszönöm. Hogy ez nem jutott eszembe. :)
Jövök egyel.
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!