 Centrowanie obrazka w pionie i w poziomie, Centrowanie obrazka |
| Centrowanie obrazka w pionie i w poziomie, Centrowanie obrazka |
  19.01.2013, 07:07:24
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 88 Pomógł: 2 Dołączył: 14.05.2011 Ostrzeżenie: (0%) 
 |
witam potrzebuje wycentrowac obrazek w divie :
<html> <head> <style type="text/css"> #czerwony{ position:absolute; top:200px; left:200px; background:red; width:800px; height:400px; } </style> </head> <body> <div id="czerwony"> <img src="obraz.jpeg" ></img> </div> </body> </html> tak zeby obraz.jpeg znajdowal sie w samym srodku div czerwony zarowno w pionie jak i w poziomie |
 |
 
|
 |
|
19.01.2013, 07:55:32
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 91 Pomógł: 4 Dołączył: 14.10.2012 Ostrzeżenie: (0%)
|
Kod var div= $('#div_SomeDivYouWantToAdjust');
div.css("top", ($(window).height() - div.height())/2 + 'px'); |
|
|
|
|
19.01.2013, 08:20:18
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 88 Pomógł: 2 Dołączył: 14.05.2011 Ostrzeżenie: (0%)
|
czy to jest kod jquery ?
|
|
|
|
|
19.01.2013, 10:13:28
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 91 Pomógł: 4 Dołączył: 14.10.2012 Ostrzeżenie: (0%)
|
Tak
|
|
|
|
|
20.01.2013, 05:15:33
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 88 Pomógł: 2 Dołączył: 14.05.2011 Ostrzeżenie: (0%)
|
Dzieki ale chodzi mi o css
|
|
|
|
|
20.01.2013, 11:18:13
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 91 Pomógł: 4 Dołączył: 14.10.2012 Ostrzeżenie: (0%)
|
nie da się.
|
|
|
|
|
20.01.2013, 20:40:13
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 120 Pomógł: 22 Dołączył: 15.07.2008 Skąd: Raniżów/Rzeszów Ostrzeżenie: (0%)
|
I tutaj się nie zgodzę. Jest kilka metod.
Najprostsza to elementowi nadrzędnemu (pewnie to będzie div) dodać właśność line-height na jego wysokość, wtedy obrazek powinien być mniej więcej pośrodku. W połączeniu z text-align: center będzie wycentrowany w pionie i w poziomie. Druga opcja to nadać elementowi nadrzędnemu Kod display:table-cell, vertical-align:middle i odpowiednią wysokość, wtedy też obrazek powinien być na środku.
|
|
|
|
 |
|
Wersja Lo-Fi | Aktualny czas: 17.06.2025 - 20:54 |
