Автор Тема: Проблем при позиционирането в CSS  (Прочетена 619 пъти)

0 Потребители и 1 Гост преглежда(т) тази тема.

krezme

  • Newbie
  • *
  • Благодарности
  • -Казани: 0
  • -Получени: 0
  • Публикации: 7
Направих форма на HTML и нещо не работи позиционирането на едни картинки

Код: HTML
  1. <!DOCTYPE html>
  2.     <head>
  3.         <title></title>
  4.         <link rel="stylesheet" type="text/css" href="main.css">
  5.     </head>
  6.     <body>
  7.     <center><h1></h1></center><hr>
  8.         <form method="POST">
  9.             <center>
  10.                 <img id="image1" src="image1.jpg"><input type="number" name=""><br><hr>
  11.                 <img id="image2" src="image2.jpg"><input type="number" name=""><br><hr>
  12.                 <img id="image3" src="image3.jpg"><input type="number" name="">
  13.                 <input type="submit" value="Next">
  14.             </center>
  15.         </form>
  16.     </body>
  17. </html>

Код: CSS
  1. #image1 {
  2.     position: initial;
  3.     left: 575px;
  4.     top: 90px;
  5. }
  6. #image2 {
  7.     position: initial;
  8.     left: 100px;
  9.     top: 125px;
  10. }
  11. #image3 {
  12.     position: initial;
  13.     left: 575px;
  14.     top: 128px;
  15. }
  16.  
« Последна редакция: 28 Юни 2015, 20:46:03 от krezme »

Avalanche

  • Administrator
  • Hero Member
  • *****
  • Благодарности
  • -Казани: 65
  • -Получени: 275
  • Публикации: 2602
  • meow
Re: Проблем при позиционирането в CSS
« Отговор #1 -: 28 Юни 2015, 21:22:04 »
Здрасти,
добре дошъл във форума ни.

как очакваш да бъдат позиционирани снимките иначе?

Не съм сигурен какво е позиционирането на img тага по подразбиране, но по принцип трябва да казваш изрично какви да са (защото initial прави точно това - ползва default стойността - референция) понеже не може да си сигурен в коя версия, на кой браузър, под каква операционна система, каква точно ще бъде тази стойност :)

Малко съвети - center тага, както и няколко други (пълен списък) са вече остарели, не се ползват и след време ще бъдат премахнати - така че по-добре не ги ползвай. Специално за центриране на текст може да ползваш text-align за текст, и margin: 0 auto за елементи с relative позициониране (май работи и на другите без absolute, но не мога да ти потвърдя)
"Компютрите не правят каквото искаме, а каквото им кажем." Ако разбереш какво значи това няма да имаш големи проблеми, нито с никоя ОС, нито език, или софтуер.
Аз не съм програмист между другото!