antonbruilo
-
Posts
4 -
Joined
-
Last visited
antonbruilo's Achievements
Explorer (1/14)
0
Reputation
-
Что нужно сделать, чтобы мой блок позиционировался сверху-вниз, а не наоборот.
antonbruilo replied to antonbruilo's question in HTML Coding
Еще один вам вопрос. Предположим ситуация следующая: <div class="inlineblock"> <div> <h3 class="inlineblock" style="margin-right: 25px;">Введите Login:</h3> <input type="text" /> </div> <div style="margin-top: 10px;"> <h3 class="inlineblock">Введите Password:</h3> <input type="password" /> </div> </div>Мне, для визуального удобства, необходимо сделать margin-right: 25px; для первого h3. Для второго h3 подобное делать необходимо. Выходит, чтобы описать стиль мне необходимо давать первому h3 идентификатор и писать для него стиль, либо же описать style прямо в теге для данного определенного случая. Тоже самое касается и <div style="margin-top: 10px;">. Как поступают в данных ситуациях опытные верстальщики? Нужно идентифицировать и в CSS это описывать? -
Что нужно сделать, чтобы мой блок позиционировался сверху-вниз, а не наоборот.
antonbruilo replied to antonbruilo's question in HTML Coding
Это как раз то, что я и хотел услышать. Действительно! Так HTML структура будет иметь более существенную наглядность. Использовал inline-block только для того, чтобы поместить элементы в ряд. Float, как я уже понял, делает тоже самое. В чем разница? И что лучше использовать? Спасибо. -
Что нужно сделать, чтобы мой блок позиционировался сверху-вниз, а не наоборот.
antonbruilo replied to antonbruilo's question in HTML Coding
Спасибо! Вопрос решен. -
Я почти нулевой-начинающий верстальщик. Никогда этим не занимался и за пару дней мало чему научился. Мой HTML: <!DOCTYPE html><html lang="ru"><head> <title>Моя страница!</title> <link rel="stylesheet" href="StyleSheet1.css" /></head><body> <header class="framing" style="height: 200px;"></header> <section class="framing inlineblock" style="width:900px; height:600px;"></section> <aside class="framing inlineblock" style="width: 200px; height: 300px;"></aside> <footer class="framing " style="width: 1125px; height: 100px; "></footer></body></html>Мой CSS: body { width: 1170px; margin: 0 auto; background: #f5f5f5;}.framing { /*Стиль обрамление блоков*/ background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.5);}.inlineblock { display: inline-block;}section, aside, footer { margin: 20px 0 0 20px;}Результат: Вопрос: Как сделать, чтобы мой блок aside был вверху пространства, а не в низу? И если не сложно, укажите на корявость стиля написания кода. Сразу хочу писать грамотно и коротко. Существует ли какой разумный паттерн написания HTML + CSS кода. Спасибо!