Master-X
Форум | Новости | Статьи
Главная » Форум » Дизайн » 
Тема: Помогите выровнять по центру...
цитата
15/11/15 в 23:03
 Ale-xxx
обычно спасает <center> но тут он бессилен...

<h3>Other posts:</h3><div style="clear: both;"></div><div style="border: 0pt none ; margin: 0pt; padding: 0pt;"><a onmouseout="this.style.backgroundColor='#FFFFFF'" onmouseover="this.style.backgroundColor='#EEEEEF'" style="background-color: #FFFFFF; border-right: 1px solid #DDDDDD; border-bottom: medium none; margin: 0pt; padding: 6px; display: block; float: left; text-decoration: none; text-align: left; cursor: pointer;" href="http://domen.com/shivuhsdvh-1.html"><div style="border: 0pt none ; margin: 0pt; padding: 0pt; width: 150px; height: 225px;"><div style="border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent url(http://domen.com/wp-content/uploads/2015/11/Untitled-2-150x150.jpg) no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 150px; height: 150px;"></div><div style="border: 0pt none; margin: 3px 0pt 0pt; padding: 0pt; font-family: ; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: #333333;">shivuhsdvh 1</div></div></a><a onmouseout="this.style.backgroundColor='#FFFFFF'" onmouseover="this.style.backgroundColor='#EEEEEF'" style="background-color: #FFFFFF; border-right: 1px solid #DDDDDD; border-bottom: medium none; margin: 0pt; padding: 6px; display: block; float: left; text-decoration: none; text-align: left; cursor: pointer;" href="http://domen.com/hsdvisd-vsidvuh-sdivuh-2.html"><div style="border: 0pt none ; margin: 0pt; padding: 0pt; width: 150px; height: 225px;"><div style="border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent url(http://domen.com/wp-content/uploads/2015/11/Untitled-2-150x150.jpg) no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 150px; height: 150px;"></div><div style="border: 0pt none; margin: 3px 0pt 0pt; padding: 0pt; font-family: ; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: #333333;">hsdvisd vsidvuh sdivuh 2</div></div></a><a onmouseout="this.style.backgroundColor='#FFFFFF'" onmouseover="this.style.backgroundColor='#EEEEEF'" style="background-color: #FFFFFF; border-right: 1px solid #DDDDDD; border-bottom: medium none; margin: 0pt; padding: 6px; display: block; float: left; text-decoration: none; text-align: left; cursor: pointer;" href="http://domen.com/sidvu-sdivush-dvisud-3.html"><div style="border: 0pt none ; margin: 0pt; padding: 0pt; width: 150px; height: 225px;"><div style="border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent url(http://domen.com/wp-content/uploads/2015/11/Untitled-2-150x150.jpg) no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 150px; height: 150px;"></div><div style="border: 0pt none; margin: 3px 0pt 0pt; padding: 0pt; font-family: ; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: #333333;">sidvu sdivush dvisud 3</div></div></a><a onmouseout="this.style.backgroundColor='#FFFFFF'" onmouseover="this.style.backgroundColor='#EEEEEF'" style="background-color: #FFFFFF; border-right: 1px solid #DDDDDD; border-bottom: medium none; margin: 0pt; padding: 6px; display: block; float: left; text-decoration: none; text-align: left; cursor: pointer;" href="http://domen.com/siduv-sidvh-svisuh-5.html"><div style="border: 0pt none ; margin: 0pt; padding: 0pt; width: 150px; height: 225px;"><div style="border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent url(http://domen.com/wp-content/uploads/2015/11/Untitled-2-150x150.jpg) no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 150px; height: 150px;"></div><div style="border: 0pt none; margin: 3px 0pt 0pt; padding: 0pt; font-family: ; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: #333333;">siduv sidvh svisuh 5</div></div></a></div><div style="clear: both"></div>
</div>
цитата
15/11/15 в 23:44
 sx88
оберни может дивом таким:

<div align="center">
ТО ЧТО НУЖНО ПО ЦЕНТРУ
</div>
цитата
16/11/15 в 18:45
 Ale-xxx
sx88 писал:
оберни может дивом таким:

<div align="center">
ТО ЧТО НУЖНО ПО ЦЕНТРУ
</div>


не работает ((((
выше стоит просто <center> тоже именно на этот блок не влияет... т.е. до этого блока идёт текст и он по центру а вот именно этот блок всё равно слева (
цитата
16/11/15 в 19:15
 Alexandur
Обычно стили выносят в отдельный файл. Или хотя бы тег.

Ширина вроде фиксированная, так что можно
Код:
<body style="margin: auto; width: 800px">


Или, лучше вынести
Код:

<style type="text/css">
body
{
margin: auto;
width: 800px;
}
</style>
цитата
16/11/15 в 21:20
 Rukamy
а че тут намешано
Надо переверстать нормально.
Например так

Код:
<div style="text-align:center;">
<div style="display:inline-block;">
1
</div>
<div style="display:inline-block;">
2
</div>


</div>
цитата
16/11/15 в 23:05
 Ale-xxx
всем большое спасибо!
методом тыка таки настроил


Эта страница в полной версии