Arkadaşlar elimde böyle iki kod var:
HTML:
CSS:
Sorum şu ben logoyo margin-top:50px; uyguladığımda wrapperde aşağı geliyor bunu nasıl düzeltirim bu hep başıma geliyor.
Tamam çözüldü.
overflow: hidden; yaptım.
HTML:
Kod:
<div id="wrapper">
<div class="logo"><img src="file:///C:/Documents%20and%20Settings/USER/Desktop/Pixelfor/resim/logo.png" href="#"></div>
</div>
CSS:
Kod:
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1;
font: 12px/20px Arial;
background:#e0f3ff url(../resim/arka.jpg);
}
ol, ul {
list-style: none; }
#wrapper {
background: url(../resim/harka.png);
width:990px;
height: 150px;
margin: auto;
position: absolute;
}
.logo {
width: 132px;
height: 77px;
margin: auto;
margin-top: 50px;
}
a {
color:#000000;
text-decoration: none;
}
a:link {
color:#000000;
}
a:hover {
color:#cccccc;
}
Sorum şu ben logoyo margin-top:50px; uyguladığımda wrapperde aşağı geliyor bunu nasıl düzeltirim bu hep başıma geliyor.
Tamam çözüldü.
overflow: hidden; yaptım.