↑ ↓

HTML Sayfayı ekranda ortalamak

Başlatan z, 15 Ekim 2016, 09:42:54

Yazdır
Aşağı git Sayfa1 2
Kullanıcı Eylemleri

z

15 Ekim 2016, 09:42:54 Son düzenlenme: 15 Ekim 2016, 09:50:37 z
HTML tablo vs hazırladığımda bunlar ekranda sola dayalı görünüyor.
Ekran çözünürlüğünden bağımsız olarak sayfa görüntüsünün ekranda sağdan soldan ortalı olmasını istiyorum.

Bunu nasıl yaparım?

Tüm sayfayı tablo içine alayım en dış tablo  sağdan ve soldan ekrana ortalansın isterim.

Edit:

Buldum. <div align="center">   Tüm sayfanın HTML kodları buraya  </div>
Bana e^st de diyebilirsiniz.   www.cncdesigner.com

barisertekin

#1
15 Ekim 2016, 12:29:45
<body>
     <center>

          .....

     </center>
</body>

Başka türlü de yapılır ama bu size kesin çözüm olur.

atomx

#2
15 Ekim 2016, 12:52:06
Hocam dreamweaver ve frontpage uygulamaları var tasarimda yardimci olabilir
Hüseyin TECER

Cemre.

#3
15 Ekim 2016, 13:10:55
@z hocam @barisertekin hocamın verdiği yöntem senin işini görür. Div'ler biraz karmaşık. İşin içine CSS falan da giriyor sonra sen hiç bulaşma.

z

#4
15 Ekim 2016, 13:36:17
Şu istediğimi bir türlü yapamadım.

Ekranda sağ ve sol ortalı olacak şekilde  3 satır 4 sutunluk bir tablo olacak.

2. satırdaki sutunları birleştirip tek sutun haline getireceğim. Buraya da tam ortaya  2 satır 2 sutunluk bir tablo daha koyacağım. (Tablonun genişliği dış tablodan bayağı bir küçük olacak)

Bu HTML kodlar nasıl yazılır.

İşyerinde makinelere program yükleme şansım yok. (Gerçi evde de mecbur kalmadıkça program yüklemek istemiyorum)

Bana e^st de diyebilirsiniz.   www.cncdesigner.com

atomx

#5
15 Ekim 2016, 14:00:49
Kullanın derim.

Hüseyin TECER

z

#6
15 Ekim 2016, 14:06:53
Sorumun html çıktısını verseydin daha makbüle geçerdi.
Bana e^st de diyebilirsiniz.   www.cncdesigner.com

ErsinErce

#7
15 Ekim 2016, 14:08:54
wordde istediğinizi yapın sonra filtrelenmiş web sayfası olarak kaydet deyin. arada gereksiz kısımlar olabiliyor onları silmeniz gerekebilir.

z

#8
15 Ekim 2016, 14:14:58
hocam wordde dediğin gibi yaptığımıda kafa karıştırıcı çok fazla ıvır zıvır oluyor.

Bana e^st de diyebilirsiniz.   www.cncdesigner.com

atomx

#9
15 Ekim 2016, 14:17:15 
<html>
<body>


<table width="800" height="600" border="1">

<tr height="50">
<td widht="50%">

</td>
<td widht="50%">

</td>
</tr>

<tr height="750">

<td widht="100%" colspan="2">

</td>


</tr>


</table>

</body>


</html>


böyle birşey yazdım ama sorunun cevabına denk gelir mi bilmem. Abi anahtar kelimeler rowspan colspan.
Hüseyin TECER

z

#10
15 Ekim 2016, 14:40:03
En tepedeki  STM32F103C8 hücrede dikeyde de ortalansa tam işimi görecek.

<div align="center">
<table border="1"><tr><td colspan="4" height="50" width="400" align="center"><h1 style="color:blue">STM32F103C8</h1></td><tr>
                  <tr><td colspan="4"><table border="1" width="200" align="center">
                                     <tr><td width="100" align="center"> GPIO A  </td><td width="100" align="center"> 0x%04x </td></tr>
                                     <tr><td width="100" align="center"> GPIO B  </td><td width="100" align="center"> 0x%04x </td></tr> 
                                     <tr><td width="100" align="center"> GPIO C  </td><td width="100" align="center"> 0x%04x </td></tr> 
                                     </table></td></tr>
                   <tr><td colspan="4" height="50" align="center"<h3>Sonu</h3></td><tr>
                   </table/div>
Bana e^st de diyebilirsiniz.   www.cncdesigner.com

atomx

#11
15 Ekim 2016, 14:53:03
biraz oynadım hocam :)

Dikey ortalama valign=middle üstleniyor

<html>
<body>


<div align="center">
<table border="1" width="400" height="300">
<tr height="150">
	<td width="100%" align="center" valign=middle><h1 style="color:blue">STM32F103C8</h1></td>
</tr>
                  <tr height="200"><td>
			<table border="1" width="200" align="center">
                                     <tr><td width="100" align="center"> GPIO A  </td><td width="100" align="center"> 0x%04x </td></tr>
                                     <tr><td width="100" align="center"> GPIO B  </td><td width="100" align="center"> 0x%04x </td></tr> 
                                     <tr><td width="100" align="center"> GPIO C  </td><td width="100" align="center"> 0x%04x </td></tr> 
                  	</table>
		  </td>
</tr>


<tr height="50">
	<td align="center"<h3>Sonu</h3>
	</td>
<tr>
 </table>
</div>
</body>


</html>
Hüseyin TECER

z

#12
15 Ekim 2016, 15:16:54 Son düzenlenme: 15 Ekim 2016, 15:18:46 z
Onuda yemedi ama bu oldu.

[/
<div align="center">
<table border="1"><tr height="50"><td  width="400" colspan="4" align="center"<h6 style="color:blue">STM32F103C8</h6></td><tr>
                  <tr><td colspan="4" align="center"> <table border="1" width="200">
                                     <tr height="20"><td width="100">GPIO A</td><td width="100" align="center">0x%04x</td></tr>
                                     <tr height="20"><td width="100">GPIO B</td><td width="100" align="center">0x%04x</td></tr> 
                                     <tr height="20"><td width="100">GPIO C</td><td width="100" align="center">0x%04x</td></tr> 
                                     </table></td></tr>
                   <tr height="80"><td colspan="4" align="center"<h6>Sonu</h6></td><tr>
                   </table/div>
code]


Buda olmayan
<div align="center">
<table border="1"><tr><td colspan="4" height="50" width="400" align="center"><h1 style="color:blue">STM32F103C8</h1></td><tr>
                  <tr><td colspan="4"><table border="1" width="200" align="center">
                                     <tr><td width="100" align="center"> GPIO A  </td><td width="100" align="center"> 0x%04x </td></tr>
                                     <tr><td width="100" align="center"> GPIO B  </td><td width="100" align="center"> 0x%04x </td></tr> 
                                     <tr><td width="100" align="center"> GPIO C  </td><td width="100" align="center"> 0x%04x </td></tr> 
                                     </table></td></tr>
                   <tr><td colspan="4" height="50" align="center"<h3>Sonu</h3></td><tr>
                   </table/div>
Bana e^st de diyebilirsiniz.   www.cncdesigner.com

barisertekin

#13
15 Ekim 2016, 15:23:26
Kapanmayan tag'ler var. Kırmızı ile işaretlediğim > sizde eksik olan kapanış tagi.

<tr height="80"><td colspan="4" align="center"><h6>Sonu</h6></td><tr>

Tab atarak çalışmalısınız. Daha düzenli olur.

Örnek;

<tr height="80">
     <td colspan="4" align="center">
           <h6>Sonu</h6>
     </td>
<tr>

z

#14
15 Ekim 2016, 15:26:58 Son düzenlenme: 15 Ekim 2016, 16:04:09 z
Evet o tagları unutmuşum.

Fakat şimdi tagları koyduğumda gene vertical ayarlamalar bozuldu. Eski tagsiz hali nasıl çalıştı öyle?
mesaj birleştirme:: 15 Ekim 2016, 16:04:09

Barisertekin gibi yazınca kodu okuması kolay oldu.

Şu anda tek sorun tablo satırlarındaki yazılar yatayda ortalı düşeyde ortalı değil. Bu sorunu nasıl halledeceğiz? valign="middle" vertical-align="middle" denedim olmadı.


<div align="center">
<table border="1">

  <tr height="50">
    <td width="400" colspan="4" align="center">
      <h1 style="color:blue">STM32F103C8</h1>
    </td>
  </tr>

  <tr>
    <td>
      <table border="1" width="200" align="center">
        <tr height="20">
          <td width="100" align="center">
           <h4>GPIO A</h4>
          </td>
          <td width="100" align="center">
            <h4>0x%04x</h4>
          </td>
        </tr>
        <tr height="20">
          <td width="100" align="center">
           <h4>GPIO A</h4>
          </td>
          <td width="100" align="center">
            <h4>0x%04x</h4>
          </td>
        </tr>
      </table>
    </td>
  </tr>

  <tr height="50">
    <td colspan="4" align="center">
      <h1>Sonu</h1>
    </td>
  </tr>
</table>
</div>
Bana e^st de diyebilirsiniz.   www.cncdesigner.com
Yazdır
Yukarı git Sayfa1 2
Kullanıcı Eylemleri
▲