Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

Css Yardım

NanoMassy

🌱Yeni Üye🌱
Katılım
1 Eki 2009
Mesajlar
1
Tepkime puanı
0
caps.jpg

Arkadaşlar container sayfadan biraz aşağıda başlıyor resimde görüldüğü gibi buna anlam vermiş değilim nedir bu diye artık sorucam sabahtan beri uğraş uğraş bi yolunu bulamadım.(diğer sayfalarda bu sıkıntı yok).

Bu css dosyası (tamamı değil)

#container{ margin:auto; margin-top:0px; width:1090px; background: #fff; box-shadow: 0px 3px 3px 2px #333; } #header-container{ width:1090px; } #header-box{ width:1090px; float:left; } /* Opera CSS Hack */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ } #slideshow-container{ width:1090px; margin:0px auto 48px auto; background:#FFF; } #headerimage-container{ width:1090px; margin:0px auto 0px auto; } #slide-top, #headerimage-top{ width:1090px; height:99px; background-image:url(../images/bg-top-slide.png); background-repeat:no-repeat; position:absolute; z-index:100; float:left; } #slide-bottom{ width:1090px; height:121px; margin-top:414px; background-image:url(../images/bg-bottom-slide.png); background-repeat:no-repeat; position:absolute; z-index:100; float:left; } #headerimage-bottom{ width:1090px; height:137px; margin:-170px 0px -300px 0px; background-image:url(../images/bg-bottom-slide-inner.png); background-repeat:no-repeat; position:absolute; z-index:100; float:left; } #footer-container{ width:1090px; margin:0px auto -40px auto; background-image:url(../images/footer-glow.png); background-position:top center; background-repeat:no-repeat; background-color:#d8d8d8; border-top:4px solid #cacaca; } /* HEADER ------------------------------------------------------*/ #logo{ width:250px; margin:0px 0px 0px 30px; position:absolute; z-index:200; } #righttop-header{ width:711px; float:right; } #top-information{ width:711px; text-align:right; margin-top:-38px; position:absolute; z-index:110; } #top-information p{ font-size:11px; margin-right:70px; } #headerimage{ width:1090px; height:381px; margin:0px auto; } #headerimage img{ margin-top:-110px; } .headerimage-dot{ width:1090px; height:348px; top:48px; background-image:url(../images/slide-dot.png); background-repeat:repeat; position:absolute; z-index:80; } .pagetitle{ width:625px; margin:-69px 19px 34px 19px; padding-bottom:22px; border-bottom:1px solid #dcdcdc; float:left; } .pagetitle h1{ margin-bottom:5px; } .pagetitle h6{ color:#a6a6a6; }

Devamı Oku: Anlam Veremediğim Boşuk - Yardım
buda index html dosyası
<div id="container"> <!-- BEGIN OF HEADER --> <div id="header-container"> <div id="header-box"> <!-- begin of logo --> <div id="logo"> <a href="#"><img src="./images/logo.png" alt="main-logo" /></a> </div> <!-- end of logo --> <!-- begin of mainmenu --> <div id="mainmenu"> <ul id="menu"> <li class="current"><a href="#">Anasayfa</a></li> <li><a href="#">Kurumsal</a></li> <li><a href="#">Hizmetler</a> <ul> <li><a href="#">İP Kamera Sistemleri</a></li> <li><a href="#">Alarm Sistemleri</a></li> <li><a href="#">Ses ve Işık Sistemleri</a></li> </ul> </li> <li><a href="#">Referanslar</a> </li> <li><a href="#">İletişim</a></li> </ul> </div> <!-- end of mainmenu --> </div> </div> <!-- BEGIN OF HEADER --> <!-- BEGIN OF SLIDESHOW --> <div id="slideshow-container"> <div id="slide-top"></div> <ul id="slider"> <!-- begin of slide 1 --> <li> <div class="slide-content-wrapper"> <div class="slide-content"> <div class="slide-text"> <h1>Alarm Sistemleri</h1> <p>++++++ ve Yangın Alarm Kontrol Sistemleri</p> <a class="button small green" href="#"><span>incele  »</span></a> </div> </div> <div class="slide-dot"></div> </div> <img src="./images/slideshow/slide1.jpg" alt="" /> </li> <!-- end of slide 1 --> <!-- begin of slide 2 --> <li> <div class="slide-content-wrapper"> <div class="slide-content"> <div class="slide-text"> <h1>Kamera Sistemleri</h1> <p>Görüntülü CCTV & İP Kamera Sistemleri</p> <a class="button small green" href="#"><span>incele  »</span></a> </div> </div> <div class="slide-dot"></div> </div> <img src="./images/slideshow/slide2.jpg" alt="" /> </li> <!-- end of slide 2 --> <!-- begin of slide 3 --> <li> <div class="slide-content-wrapper"> <div class="slide-content"> <div class="slide-text"> <h1>Ses ve Işık</h1> <p>Profesyonel Ses ve Işık Sistemleri</p> <a class="button small green" href="#"><span>incele  »</span></a> </div> </div> <div class="slide-dot"></div> </div> <img src="./images/slideshow/slide3.jpg" alt="" /> </li> <!-- end of slide 3 --> </ul> <!-- only when javascript disable --> <div id="slide-nojs"></div> <div id="slidedot-nojs"></div> <!-- only when javascript disable --> <div id="pager"> </div> <div id="slide-bottom"></div> </div>

Devamı Oku: Anlam Veremediğim Boşuk - Yardım
 

Benzer konular

centrual

🌱Yeni Üye🌱
Katılım
15 Ağu 2012
Mesajlar
9
Tepkime puanı
0
Web sitesi
custoweb.com
Body'nin içindeki ilk elementin sayfanın en üstüne çıkmasını istiyorsunuz sanırım.

İlk başta CSS içerisinde şunu yapmanız gerekiyor :
html, body { padding: 0; margin:0 }

2. yapmanız gereken ise dosyaların kodlama yöntemini ayarlamak olmalı. Ben her zaman utf-8 seçiyorum. Eğer ki HTML kodlamanızı utf-8'e göre ayarlamış iseniz dosyalarınızın tamamının BOMSUZ UTF-8 olarak kaydetmeniz gerekiyor. Birkaç dosya düzenleme yaparken bozulabiliyor arada. Bunu kontrol etmeniz ve değiştirebilmeniz için sayfa kodlamasını gösteren ve değiştirebilen bir metin düzenleyicisine ihtiyacınız var. Windows'un metin düzenleyicisiyle de yapılabiliyordu diye hatırlıyorum. Bu iş için Notepad2 ve ya Notepad++ kullanırsanız hızlıca halledebilirsiniz.

İyi çalışmalar dilerim.
 
Üst