Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Tasarım ve grafik
  • Web Tasarım ve Hazır Kodlar
  • Bu Konuda
Şimdi Ara

ortalayamıyorum

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
4
Cevap
0
Favori
595
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj
  • Arkadaşlar kör topal birşeyler yapıyorum ama bu hizalama işinde takıldım. her türlü çözünürlükte sayfanın sağdan ve soldan eşit mesafede uzanmasını istiyorum. ne yapabilirim ? demo isterseniz buyrun 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
      <html xmlns="http://www.w3.org/1999/xhtml"> 
      <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
      <title>Lider Balo Salonu</title> 
      <style type="text/css"> 
      <!-- 
       
      body,td,th { 
      	font-family: Trebuchet MS; 
      } 
      #Layer1 { 
      	position:absolute; 
      	width:956px; 
      	height:71px; 
      	z-index:1; 
      	left: 34px; 
      	top: 95px; 
      } 
      #Layer2 { 
      	position:absolute; 
      	width:200px; 
      	height:115px; 
      	z-index:2; 
      	left: 280px; 
      	top: 0px; 
      } 
      #Layer3 { 
      	position:absolute; 
      	width:85px; 
      	height:38px; 
      	z-index:3; 
      	left: 58px; 
      	top: 28px; 
      } 
      a:link { 
      	color: #000000; 
      	text-decoration: none; 
      } 
      a:visited { 
      	text-decoration: none; 
      	color: #000000; 
      } 
      a:hover { 
      	text-decoration: none; 
      	color: #FFFFFF; 
      } 
      a:active { 
      	text-decoration: none; 
      	color: #000000; 
      } 
      #Layer4 { 
      	position:absolute; 
      	width:158px; 
      	height:34px; 
      	z-index:3; 
      	left: 217px; 
      	top: 28px; 
      } 
      #Layer5 { 
      	position:absolute; 
      	width:155px; 
      	height:27px; 
      	z-index:3; 
      	left: 412px; 
      	top: 28px; 
      } 
      #Layer6 { 
      	position:absolute; 
      	width:100px; 
      	height:27px; 
      	z-index:3; 
      	left: 625px; 
      	top: 28px; 
      } 
      #Layer7 { 
      	position:absolute; 
      	width:103px; 
      	height:29px; 
      	z-index:3; 
      	left: 807px; 
      	top: 28px; 
       
       
       
      --> 
      </style> 
       
      </head> 
       
      <body> 
       
      <div id="Layer1">   
        <div align="center"><img src="menubar.png" width="955" height="69" /> 
          <div id="Layer7"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=52180907&url=iletisim.html" data-href="iletisim.html">İLETİŞİM</a></div> 
          <div id="Layer6"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=52180907&url=galeri.html" data-href="galeri.html">GALERİ</a></div> 
          <div id="Layer5"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=52180907&url=hizmetler.html" data-href="hizmetler.html">HİZMETLERİMİZ</a></div> 
          <div id="Layer4"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=52180907&url=salon.html" data-href="salon.html">SALONUMUZ</a></div> 
          <div id="Layer3"> 
            <div align="center"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=52180907&url=anasayfa.html" data-href="anasayfa.html">ANASAYFA</a></div> 
          </div> 
        </div> 
      </div> 
      <div id="Layer2"> 
        <div align="center"><img src="logo2.jpg" width="450" height="100" /></div> 
      </div> 
      </body> 
      </html>







  • JavaScript kullanarak yapabilirsin hazır kodları vardır internette. Onun dışında sabit değerler vermişsin % kullan bununda araştırabilirsin. Sallıyorum 1000px olarak verdiğin değer yerine 25% mesela.
  • Ortala isminde bir div yap ve istediğin boyutu ver css te de örnek olarak divin id si ortala olsun #ortala{margin:0 auto;} yaz ve tüm divlerini bu ortala divinin içinde kullan sorunun çözülmüş olur...
    • 
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz. DH’ye girerek kullanım izni vermiş sayılırsınız.
Anladım Veri Politikamız