Css Yardım

Php, Asp, Perl, Html - Css Yardım ...

Cevapla
Css Yardım
NanoMassy isimli Üye şimdilik offline konumundadır

NanoMassy

Hiç Biri / Bursa

ünlem

Css Yardım

Alt 03-08-2012 #1
Sponsorlu Bağlantılar

Css Yardım
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 &nbsp;&raquo;</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 &nbsp;&raquo;</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 &nbsp;&raquo;</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">&nbsp;</div> <div id="slide-bottom"></div> </div>

Devamı Oku: Anlam Veremediğim Boşuk - Yardım
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

centrual isimli Üye şimdilik offline konumundadır

centrual

Webmaster / İstanbul

Standart
Alt 15-08-2012 #2
                             Sponsorlu Bağlantılar
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.
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
arkadaşlar yardım roland camm1 yardım lütfen duman_gozlu Folyo kesim 8 13-02-2012 13:01:01

Kapat
Şifremi Unuttum?