Я пишу мобильный сайт, и я искал часы в центре, который у меня есть. Веб-сайт: http://peatarian.com, и вы можете эмулировать браузер iphone, используя transmog.CSS-центрирование изображений
CSS-можно найти на сайте this page, но самые важные части, являются следующие:
html, body {height:100%;float:center;text-align:center;}
body {background-url:url(raypeat.gif) no-repeat left top;margin:0; padding:0; text- align:center;color:black;}
body,td,input,textarea {font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif;}
a:link,a:active,a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin-top:0;}
table {background: none repeat scroll 0 0 white;}
и
.qa-nav-main {float:center;clear:both;border-top:1px solid black;border-bottom:1px solid black;background-color:#B7E3DA;margin:auto;margin-top:10px;padding:10px 0px;display:block;margin-left:auto;margin-right:auto;}
.qa-nav-main-list {font-size:125%; list-style:none;margin:auto;display:block;margin-left:auto;margin-right:auto;}
.qa-nav-main-item,.qa-nav-main-item-opp {margin:auto;display:block;float:left;margin-left:auto;margin-right:auto;}
.qa-nav-main-item {display:block;margin-left:auto;margin-right:auto;}
.qa-nav-main-item-opp {margin:auto;display:block;margin-left:auto;margin-right:auto;}
.qa-nav-main-link {color:#fff; display:block; padding:6px 10px; background-color:none;}
.qa-nav-main-selected {background-color:none; text-decoration:none;}
.qa-nav-main-hot .qa-nav-main-link {background:none;}
.qa-nav-main-hot .qa-nav-main-link:hover, .qa-nav-main-hot .qa-nav-main-selected {background:#396E63;}
Изображения являются (главное меню). Если вы повернете iphone на свою сторону, вы увидите, что они не центрированы ... Я пробовал редактировать так много вещей в .qa-nav-main, а также .qa-nav-mean-item но если я установил float:center
, в последнем пункте меню все на новой строке (хотя они центрированы).
Где находятся изображения? и, пожалуйста, укажите также HTML, вы ошибались здесь ----- body {background-url: url (raypeat.gif) no-repeat left top; margin: 0; обивка: 0; --- Я думаю, что это должно быть тело {background: url (raypeat.gif) – Chandrakant
Так в чем же проблема центрирования? –
Изображения являются (основным) меню. Если вы повернете iphone на свою сторону, вы увидите, что они не центрированы ... Я пробовал редактировать так много вещей в .qa-nav-main, а также .qa-nav-mean-item но если я установлю 'float: center' в последнем, пункты меню будут на новой строке (хотя они центрированы). – Fatso