SEO Сообщество: Спрашивайте и помогайте

Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.

Q&A SEO

Господа програматоры, помогите с css

PENSIONEER PENSIONEER  
46
  29.06.2017 23:45       884    
Помогите надпись в шапке передвинуть влево и ниже!


вот кусок CSS
/* Текст в шапке */ .head_text { padding: 25% 0; position: relative; z-index: 1; } .head_text_in { text-align: top; position: absolute; width: 50%; left: 50%; top: 50%; text-shadow: 0 1px 1px rgba(0,0,0,0.2); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .head_text_in, .head_text_in * { color: #fff; } .head_text_in > .title { margin: 0; font-size: 2.8em; } .head_text_in > .text { margin: 0; font-size: 1.6em; }

Ответы на пост (7) Написать ответ
dimkass dimkass
217
30.06.2017 02:21
адрес сайта
0
VirusiX VirusiX
275
30.06.2017 04:42
/* Текст в шапке */ .head_text {/здесь определяешь отступ от края блока, просто измени значение на нужное тебе, к примеру/ padding-left: 23%; padding-riht: 27%;/также можешь опустить текст padding-left: 10px;/ position: relative; z-index: 1; }
Возможны и другие решения, верстальщик неограничен возможностями и фантазией.
А вообще тебе сюда http://htmlbook.ru/css там всё подробно описано, не нужно быть лентяем.
0
VirusiX VirusiX
275
30.06.2017 08:02
также можешь опустить текст (padding-left: 10px;) сори padding-top: 10px;
0
dimkass dimkass
217
30.06.2017 07:29
.head_text { padding: 25% 0; position: relative; z-index: 1; }
.head_text_in {
text-align: top;
position: absolute;
width: 50%;
left: 100%; top: 80%;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
0
dimkass dimkass
217
30.06.2017 07:30
вот этими процентами легулируйте
0
dimkass dimkass
217
30.06.2017 07:30
width: 50%;
left: 100%; top: 80%;
0
dimkass dimkass
217
30.06.2017 07:31
left: 100%; top: 80%;
0