Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]div na srodku
Forum PHP.pl > Forum > Przedszkole
michaldaro
5.03.2011, 22:57:42
Poproszę o konkretne rozwiazanie z podaniem kodu. Czytalem różne rzeczy na forach i za kazdym razem sa bledne informacje i nie dziala. jk ustawic div na srodku ekranu Prosze o podanie i poprawienie mojego kodu:
CODE
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1250">
</HEAD>
<body style="width:auto; height:auto">
<div style="color:blue;margin: 0 auto;">
mama
</div>
</body>
</html>
gorden
5.03.2011, 23:08:20
Dodaj do stylu diva:
[CSS] pobierz, plaintext 
  1. text-align: center;
[CSS] pobierz, plaintext


ewentualnie po prostu
[HTML] pobierz, plaintext 
  1. <center>cokolwiek</center>
[HTML] pobierz, plaintext
michaldaro
5.03.2011, 23:14:02
Teraz tak wyglada moj kod i wyraz nie jest na srodku. Na srodku ma byc caly div a nie jest : Czy ktos wie jak to ustawic? Twoja rada oczywiscie nie zadzialala: kod teraz moj wyglada tak:
CODE
<HTML>
<META http-equiv=Content-Type content="text/html; charset=windows-1250">
</HEAD>
<body style="width:auto; height:auto">
<div style="color:blue;margin: 0 auto;text-align: center;">
<table border="2" style="color:blue;">
<tr><td align="center">mama</td></tr>
</table>
</div>
</body>
</HTML>
Ulysess
5.03.2011, 23:16:55
Twój div jest na środku, sęk w tym że nie określiłeś szerokości więc DIV sam się przystosowuje ustaw np width: 200px;
michaldaro
5.03.2011, 23:18:33
Prosze was piszcie konkretnie gdzie co trzeba wpisac konkretny kod a nie takie puste nie wiadomoc i gdzie to wsadzic
gorden
5.03.2011, 23:21:20
A co w tym niezrozumiałego? Do stylu diva:
[CSS] pobierz, plaintext 
  1. width: 1px;
[CSS] pobierz, plaintext
michaldaro
5.03.2011, 23:29:27
Poziomo jest na srodku ale to nic trudnego wystarczy center wsadzic i tez zadziala ale pionowo nie jest na srodku. co trzeba w takim razie zrobić. Moj kod po podpowiedziach teraz wyglada tak:
CODE
<HTML>
<META http-equiv=Content-Type content="text/html; charset=windows-1250">
</HEAD>
<body style="width:auto; height:auto">
<div style="color:blue;margin: 0 auto;text-align: center;width: 200px; ">
<table border="2" style="color:blue;">
<tr><td align="center">mama</td></tr>
</table>
</div>
</body>
</HTML>
gorden
5.03.2011, 23:36:51
nadaj height, nie pytaj jak - analogicznie do width, lub dla tabeli vertical-align. polecam Ci też google z zapytaniem pozycjonowanie.
michaldaro
5.03.2011, 23:42:26
No Oczywiscie nie działa tak jak mi podpowiedziales, a niby takiego mądrego udajesz. Moj kod po twojej podpowiedzi wyglada tak i oczywiscie nie jest na srodku wyraz
CODE
<HTML>
<META http-equiv=Content-Type content="text/html; charset=windows-1250">
</HEAD>
<body style="width:auto; height:auto">
<div style="color:blue;margin: 0 auto;text-align: center;width: 200px; height: 200px;">
<table border="2" style="color:blue;">
<tr><td align="center">mama</td></tr>
</table>
</div>
</body>
</HTML>
erix
6.03.2011, 00:31:31
Sugeruję zacząć od kursu HTML, który jest naprawdę prosty, dopiero potem zadawać pytania.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.