html hizalama sorunu

yuathay · 9 Ara 2023

HTML:

<ul style="text-align: left;">
    <li><a href="/file_upload1">File Upload 1</a></li>
    <br>
    <li><a href="/file_upload2">File Upload 2</a></li>
    <br>
    <li><a href="/file_upload3">File Upload 3</a></li>
    <br>
    <li><a href="/file_upload4">File Upload 4</a></li>
    <br>
    <li><a href="/file_upload_güvenli">Güvenli Kod</a></li>
</ul>

<ul style="text-align: center;">
    <li><a href="/file_upload1">File Upload 1</a></li>
    <li><a href="/file_upload2">File Upload 2</a></li>
    <li><a href="/file_upload3">File Upload 3</a></li>
    <li><a href="/file_upload4">File Upload 4</a></li>
    <li><a href="/file_upload_güvenli">Güvenli Kod</a></li>
</ul>

ortalamaya çalıştığımda aşağı tarafa ortalıyor ve nokta solda kalıyor şu şekilde

nasıl düzeltebilirim

'Masséna · 9 Ara 2023

İlk tarafa left demişsin onu center yap. noktayı silmek için ise list-type none demen lazım

yuathay · 9 Ara 2023

DarkS0LDIER' Alıntı:
İlk tarafa left demişsin onu center yap. noktayı silmek için ise list-type none demen lazım

nokta durmalı ve içeriğin biri solda biride sağda olmalı yukardaki kodda bir sorun yok

'Masséna · 9 Ara 2023

yuathay' Alıntı:
nokta durmalı ve içeriğin biri solda biride sağda olmalı yukardaki kodda bir sorun yok

Ben yanlış okumuşum şunu dener misin


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul style="text-align: left;">
        <li><a href="/file_upload1">File Upload 1</a></li>
        <br>
        <li><a href="/file_upload2">File Upload 2</a></li>
        <br>
        <li><a href="/file_upload3">File Upload 3</a></li>
        <br>
        <li><a href="/file_upload4">File Upload 4</a></li>
        <br>
        <li><a href="/file_upload_güvenli">Güvenli Kod</a></li>
    </ul>
   
    <ul style="text-align: center; list-style-position: inside;">
        <center>
        <li><a href="/file_upload1">File Upload 1</a></li>
        <li><a href="/file_upload2">File Upload 2</a></li>
        <li><a href="/file_upload3">File Upload 3</a></li>
        <li><a href="/file_upload4">File Upload 4</a></li>
        <li><a href="/file_upload_güvenli">Güvenli Kod</a></li></center>
    </ul>
</body>
</html>

List-style-position:inside ile listeleme tipini yazılara dahil ediyoruz böylece yazılarla birlikte haraket edebilir konuma geliyor

yuathay · 9 Ara 2023

DarkS0LDIER' Alıntı:
Ben yanlış okumuşum şunu dener misin
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <ul style="text-align: left;"> <li><a href="/file_upload1">File Upload 1</a></li> <br> <li><a href="/file_upload2">File Upload 2</a></li> <br> <li><a href="/file_upload3">File Upload 3</a></li> <br> <li><a href="/file_upload4">File Upload 4</a></li> <br> <li><a href="/file_upload_güvenli">Güvenli Kod</a></li> </ul> <ul style="text-align: center; list-style-position: inside;"> <center> <li><a href="/file_upload1">File Upload 1</a></li> <li><a href="/file_upload2">File Upload 2</a></li> <li><a href="/file_upload3">File Upload 3</a></li> <li><a href="/file_upload4">File Upload 4</a></li> <li><a href="/file_upload_güvenli">Güvenli Kod</a></li></center> </ul> </body> </html>

List-style-position:inside ile listeleme tipini yazılara dahil ediyoruz böylece yazılarla birlikte haraket edebilir konuma geliyor

çok teşekkür ederim
bunu bide yukarı götürmem lazım onu nasıl yapabilirim

'Masséna · 9 Ara 2023

Bu arada ben center kullanmısım onu deneme amaçlı koydum o olmasa da dediğin şekil oluyor.
Yukarı götürmek istiyorsan

Kod:

 margin-top: -160px;

ne kadar ortalamak istediğine bağlı sayıyı değiştirebilirsin. Normal margin-top yaparsan yazı aşağıya iner eksi değer olarak yazarsan yukarı çıkar

yuathay · 9 Ara 2023

DarkS0LDIER' Alıntı:
Bu arada ben center kullanmısım onu deneme amaçlı koydum o olmasa da dediğin şekil oluyor.
Yukarı götürmek istiyorsan

Kod:

margin-top: -160px;

ne kadar ortalamak istediğine bağlı sayıyı değiştirebilirsin. Normal margin-top yaparsan yazı aşağıya iner eksi değer olarak yazarsan yukarı çıkar

adamsın usta teşekkür ettim

html hizalama sorunu

yuathay

Katılımcı Üye

ortalamaya çalıştığımda aşağı tarafa ortalıyor ve nokta solda kalıyor şu şekilde

nasıl düzeltebilirim

'Masséna

'Masséna

Global Moderatör

yuathay

Katılımcı Üye

'Masséna

Global Moderatör

yuathay

Katılımcı Üye

'Masséna

Global Moderatör

yuathay

Katılımcı Üye

Sosyal medya sayfalarımız

html hizalama sorunu

Katılımcı Üye

ortalamaya çalıştığımda aşağı tarafa ortalıyor ve nokta solda kalıyor şu şekilde​

nasıl düzeltebilirim​

Global Moderatör

Katılımcı Üye

Global Moderatör

Katılımcı Üye

Global Moderatör

Katılımcı Üye

ortalamaya çalıştığımda aşağı tarafa ortalıyor ve nokta solda kalıyor şu şekilde

nasıl düzeltebilirim