ortalayamıyorum

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar ortalayamıyorum

Bu konudaki kullanıcılar: 1 misafir

2
Cevap 591
Tıklama 0
Öne Çıkarma

1. sayfa

ortalayamıyorum

Cevap Yaz

Hattricker

13 yıl

Teğmen

Konu Sahibi

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>

Doruk.

13 yıl

Yüzbaşı

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.

Bu mesaja 1 cevap geldi.

Runoart

13 yıl

Yüzbaşı

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...

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar ortalayamıyorum