11-03-2011, 21:52
Witam, mam problem z ustawieniem elementów na stronie. Mianowicie nie wiem jak nałożyć jeden element na drugi. Oto przedstawienie mojego problemu>>>>>
http://img855.imageshack.us/f/forumb.jpg/
HTML
CSS
Proszę o pomoc.
http://img855.imageshack.us/f/forumb.jpg/
HTML
Kod:
<body>
<div id="logo">
<a href="home/" title=''><img src="themes/metpol/images/logo.png"></a>
</div>
<div id="wrapper">
<div class="gb"><a href="asd"><img src="themes/metpol/images/gb.png" onmouseover="this.src='themes/metpol/images/gbc.png';" onmouseout="this.src='themes/metpol/images/gb.png';" onmouseclick="this.src='themes/metpol/images/gbc.png';" /></a>
</div>
<div class="pl"><a href="asd"><img src="themes/metpol/images/pl.png" onmouseover="this.src='themes/metpol/images/plc.png';" onmouseout="this.src='themes/metpol/images/pl.png';" onmouseclick="this.src='themes/metpol/images/plc.png';" /></a>
</div>
<div id="text">
<div class="text1"></div>
<div class="nav1></div>
</div>
</div>CSS
Kod:
/**
* SilverStripe Black Candy Theme
* http://www.silverstripe.com
*
* Main Layout File
*/
/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, section, aside, nav, article, figure, time, legend {margin: 0; padding: 0; border: 0; outline: 0; font-family: Steinem, Lucida, Arial, sans-serif; font-size:100%; vertical-align: baseline;}
:focus {outline: 0;}
body {background: #f4f4f4; width:980px; font-size: 14px; color: #333333; line-height: 18px; margin: 0 auto;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
header, footer, section, aside, nav, article, figure, time, legend {display:block;}
@font-face {
font-family: Steinem;
src: url('../font/STEINEMU.ttf');
}
.clear {clear: both;}
.clear2 {clear: none;}
/* CSS SCHEMAT
-------------------------------------------- */
#logo {width: 296px; height:79px; margin-left: auto; margin-right: auto; }
.pl {width:48px ; height: 36px; float:right; margin:20px 20px 0 0;}
.gb {width:48px ; height: 36px; float:right; margin:20px 20px 0 0 ;}
#wrapper { background: url(../images/bg.png) no-repeat; width: 980px; height: 663px; margin:0 auto;}
.text1 {background: url(../images/text.png) no-repeat; width:573px; height: 563px; float:right; margin: 0 auto; clear:both; }
.nav1 {background: url(../images/menu.png) no-repeat; width: 475px; height: 64px; float:left; clear:both; }Proszę o pomoc.
