Mam problem z moim HTML. Przeszukałem cały Internet, ale wciąż nie ma prawdziwej odpowiedzi.Jak wyśrodkować obrazy na stronie internetowej dla wszystkich rozmiarów ekranu
Mam stronę z obrazami i chcę, aby były w środku. Teraz na moim ekranie są w środku, ale to dlatego, że je tam umieściłem, przesuwając je na bok. Kiedy moi przyjaciele na to patrzą, obraz jest niecentralny.
Here's the website; jeśli jesteś na ekranie 13,5" będzie wyglądać być w środku
Czy nie byłoby dopuszczalne jest stosowanie tylko prosty <center></center> tag?
Pewnie czegoś mi brakuje, jeśli nie. Możesz wyjaśnić, dlaczego w komentarzu. Uwielbiam webdesign i twoja strona jest imponująca. Mogę zasugerować zrobienie czegoś, aby obniżyć czas ładowania, czyli trochę wyłączyć.
-Od jeden MC wentylator na inny :)
EDIT
Właśnie przyjrzał się swoim kodem ... Och!
<center></center>
<center><body onload="MM_preloadImages('../logo-glow.png')">
<a href="homepage.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('minecraft2','','../logo-glow.png',1)"><img src="../log-noglow.png" name="minecraft2" width="998" height="222" hspace="0" border="0" align="absmiddle" id="minecraft2" /></a></body></center>
Staraj się nie umieszczać znaczników formatowania poza treścią. Umieść <center> wewnątrz znacznika body. Działa, ponieważ przestrzega ścisłych reguł HTML na niskim poziomie, jednak nie wszystkie przeglądarki są tak ładne, a niektóre mogą wyświetlać twoją stronę niepoprawnie, chyba że problem zostanie rozwiązany!
Sure '
Naprawdę, został przestarzały? Łał. Czy możliwe jest centrowanie za pomocą innej metody, podczas gdy używa się tylko wanilii HTML (bez CSS lub JavaScript)? – FreeSnow
Bez CSS? nie. to śmierdzi. kocham '
Spróbuj coś takiego ...
<div id="wrapper" style="width:100%; text-align:center">
<img id="yourimage"/>
</div>
@ connor.p np. nie zapomnij oznaczyć posta, który najbardziej pomaga jako odpowiedź. –
+1 dla uogólnionego przykładu, i, w całej uczciwości, używam prawie tego samego rozwiązania (z wyjątkiem tego, że polegam na domyślnym zachowaniu 'display: block;'). @ connor.p, jak zauważa Thomas, proszę przyjąć najbardziej pomocną odpowiedź (jeśli problem został rozwiązany), a jeśli uważasz, że inne odpowiedzi pomogły, rozważyć także te głosy w górę ... :) –
W Twoim konkretnym przypadku można ustawić zawierający a elementu być.:
a {
display: block;
text-align: center;
}
<div style='width:200px;margin:0 auto;> sometext or image tag</div>
to działa poziomo
głosowania, aby przejść do strony webmasterów Stack Exchange Network, jak to lepiej odpowiada na to pytanie – bdonlan
bdonlan głosowali, że Twoje pytanie przeniesiony; nie musisz przechodzić do webmasterów, chyba że pytanie zostanie faktycznie przeniesione. Pytanie automatycznie przekieruje. @ Bardlan to jest specyficzny problem CSS, a nie webmaster. powinien tu zostać. –
@bdonlan - To zdecydowanie nie jest * pytanie Webmastera. Pytania HTML i CSS należą do SO. – Dori