Search the Community
Showing results for tags 'align'.
Found 3 results
-
Доброго времени суток, сразу перейду к делу. Хотелось бы сделать так, чтобы текст лежал под картинкой, желательно по середине. Пользовался algin=bottom, float = bottom. Текст все равно слева. HTML: <div class="point-one"> <img src="../main.img/one.png" class="one" align="bottom"> <span class="origanal" id="prem1"><a href="#" id="show_popup">IRON</a></span> </div> CSS: .one { max-width: 100%; height:auto; } prem1 { float: bottom; } Скриншот, как это дело все смотрится:
-
Всем привет! Есть вот такой небольшой лэндинг, поднял на бутстраповском шаблоне отсюда. Не могу никак разобраться с наследованием стилей у блока <div class="clock flip-clock-wrapper" style="margin:5em;>, в котором находится таймер. Конкретно интересует какое свойство и у кого наследует этот блок, из-за которого съезжает выравнивание по центру. Хочу разобраться, но в CSS не очень хорошо разбираюсь, подскажите куда смотреть
-
Вертикальное выравнивание div в процентах от родителя. Нужна помощь.
santacruz posted a question in HTML Coding
Здравствуйте! Хочу вертикально выравнить таблицу (это может быть что то другое). Хочу это сделать таким образом. Сперва смещаю div на 50% вниз от body, затем поднимаю div на -50% от контента вверх и всё должно встать по центру и соответственно тянуться. По факту div дочка c контентом-таблицей берет -50% от body, а не от содержимого дива родителя. Можно конечно забить данные в пикселях, но очень хочется понять как оно в процентах. Пунктирные рамки добавил для наглядности. Заранее спасибо! <head> <style> body { width:100%; height:100%; margin:0px; padding:0px; } .sample td { margin:0px; padding:0px; height:50px; width:50px; background:black; color:white; </style> </head> <body> <div style="position:relative;height:100%;top:50%;border:red 2px dotted;"> <div style="position:relative;top:-50%;border:blue 2px dotted;"> <table> <tr class="sample"> <td>1.1</td> <td>1.2</td> </tr> <tr class="sample"> <td>2.1</td> <td>2.2</td> </tr> <tr class="sample"> <td>3.1</td> <td>3.2</td> </tr> <tr class="sample"> <td>4.1</td> <td>4.2</td> </tr> <tr class="sample"> <td>5.1</td> <td>5.2</td> </tr> </table> </div> </div> </body>
