Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

Jak wyśrodkować elementy w HTML

sepit22

Przez sepit22
w Niezbędnik Programisty - Archiwum

Rekomendowane odpowiedzi

sepit22 Pasjonat

sepit22

Opublikowano
Pasjonat

sepit22

Opublikowano

    <div class="tytul">
            <p>ADMINISTRACJA SERWERA</p>
            <hr>
        </div>
        <div class="skiny">
            <table>
                <tr>
                    <td><img src="http://kyku.eu/glowa.php?nick=reZiPlayGames/75"alt="skin"></td>        <!-- DLA NOWEJ OSOBY NALEĹ»Y DODAĆ W NOWYM <TD> LINK DO SKINA -->
                    <td><img src="http://kyku.eu/glowa.php?nick=minecraftblow/75"alt="skin"></td>
                </tr>
                <tr>
                    <td><p>reZiPlayGames</p></td>                                                        <!-- DLA NOWEJ OSOBY NALEĹ»Y DODAĆ W NOWYM <TD> NICK ADMINA -->
                    <td><p>minecrftblow</p></td>
                </tr>
            </table>
        </div>

jak to wysrodkowac ?!?!?!!

gredier Znawca

gredier

Opublikowano
Znawca

gredier

Opublikowano

Nic tutaj nie widac, tylko jakiś wycinek kodu html bez css, jest takie coś jak:

 

text-align: center;

 

Oraz w html :

<center>tekst</center>

 

Podstawy podstaw...

Tworzę strony internetowe.

Sklepy Minecraft, CMS-y, fora itp.

Salur Znawca

Salur

Opublikowano
Znawca

Salur

Opublikowano

Nic tutaj nie widac, tylko jakiś wycinek kodu html bez css, jest takie coś jak:

 

text-align: center;

 

Oraz w html :

<center>tekst</center>

 

Podstawy podstaw...

Nie uzywamy juz <center>.

 

<div style="text-align:center"></div>

 

Lub

 

<div style="margin: 0 auto"></div>

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista


"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer


 


Potrzebujesz czegoś? Oznacz mnie @Salur

slepiec68 Rekrut

slepiec68

Opublikowano
Rekrut

slepiec68

Opublikowano

tu masz przykladowy kod

<div class="container">
  <div class="tytul">
    <p class="text-center">ADMINISTRACJA SERWERA</p>
    <hr>
  </div>
  <div class="skiny">
    <table align="center">
      <tr>
        <td class="text-center"><img src="http://kyku.eu/glowa.php?nick=reZiPlayGames/75" alt="skin"></td>
        <!-- DLA NOWEJ OSOBY NALEŻY DODAĆ W NOWYM <TD> LINK DO SKINA -->
        <td class="text-center"><img src="http://kyku.eu/glowa.php?nick=minecraftblow/75" alt="skin"></td>
      </tr>
      <tr>
        <td><p>reZiPlayGames</p></td>
        <!-- DLA NOWEJ OSOBY NALEŻY DODAĆ W NOWYM <TD> NICK ADMINA -->
        <td><p>minecrftblow</p></td>
      </tr>
    </table>
  </div>
</div>

a tu style dod dodania do sekcji <head>

<style>
.container {
	margin: 0 auto;
	width: 250px;
}
.text-center {
	text-align: center;
}
</style>

obrazki maja 75px szerokosci, wiec tabela moglaby miec 150px ale sa jeszcze napisy pod spodem wiec zrobilem szerokosc na 250 ale mozesz sobie to ustalic pod wlasny pomysl na wyglad

Lepiej jest nie odzywać się wcale i pozwolić ludziom myśleć, że jesteś glupi, niż odezwać się i rozwiać wszelkie wątpliwości.
Mark Twain

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...