HTML Coding

29,542 questions in this forum

1. Позиционирование float

   Задал расположение картинок при помощи float html <div id="content"> <a href="#"><img src="img/1.jpeg" class="img"/> <a href="#"><img src="img/2.jpeg" class="img"/> <a href="#"><img src="img/3.jpeg" class="img"/> <a href="#"><img src="img/7rm.jpeg" class="rek"/> <a href="#"><img src="img/4.jpeg" class="imgd"/> <a href="#"><img src="img/5.jpeg" class="imgd"/> <a href="#"><img src="img/6.jpeg" class="imgd"/> </div> css .img { float: left; }.rek { float: right; } .imgd { float: left; } Все отлично расположилось, но при прокрутке колесика мышки с нажатым ctrl в сторону умень…

   Asked by sol, April 27, 2009

   0 votes
   6 answers
2. Позиционирование footer absolute

   Помогите плиз уже два дня мучаюсь. Есть код в котором многое прописано с помощью position: absolute; Главное что так прописан и footer. вот кусок кода: HTML: <div id="footer_carrier"> <div id="footer"> <div id="footer1"> <div id="footer_text"> Праздничные и фасадные работы для Вас и Вашей семьи! </div> </div> </div> </div> CSS: #footer_carrier{ background: url(pics/footer_border.gif) top left repeat-x; height: 50px; width: 100%; position: absolute; top: 100%; } #footer{ background: #ebebeb; height: 65px; margin-top: 3…

   Asked by tarkinsky, June 4, 2012

   0 votes
   2 answers
3. Позиционирование Google +1

   Всем добрый вечер. У меня проблема мучаюсь уже 3 день никак не могу её решить. Мне необходимо выровнять кнопку google +1 остальными. Но в разных браузерах всегда разное позиционирование данной кнопки. Вот так отображается в GChrome и FireFox А так в Opera и IE. Код картинок рядом. position:absolute; top:69px; width:108px; height:24px; right:0px; Код самой кнопки: position: absolute; right:111px; top:59px; Когда меняешь top в Opera и IE отображается как надо а в GChrome и FireFox наоборот съезжает.

   Asked by Jekis, November 17, 2011

   0 votes
   28 answers
4. Позиционирование relative->absolute

   Позиционирование подпункта задан относительно родителя. Свойство "left" подпункта задан 100%-ная ширина родителья, но свойство меняется относительно главного окна браузера. Также ведет себя и свойство "top" . В чём ошибка? Вот ссылка https://jsfiddle.net/ttoliboff/kbb6rybz/

   Asked by toliboff, April 27, 2017

   • position
   • relative
   • absolute
   0 votes
   1 answer
5. Позиционирование блок

   Всем привет! У меня есть <div class='top'> <div class="telephon"> ТЕЛЕФОНЫ </div> </div><!-- end top --> Как мне сделать что бы вложенный див отображался внизу внешнего?

   Asked by kent666, September 30, 2011

   0 votes
   1 answer
6. позиционирование блока

   моего сообщения не увидели в другой теме, потому пришлось создавать новую. у меня три блока, но третий съехал чуть вниз, не могу понять в чём ошибка. #block_1 { background-color: #808080; float: left; width: 190px; } #block_2 { background-color: #808080; margin: 0 195px 0 195px; width: 190px; } #block_3 { background-color:#808080; position: inherit; float: right; width: 190px; } P.S: эти три блока сидят ещё в одном. объясните в чём проблема, вёрсткой занялся недавно, потому строго не судите.

   Asked by binare, January 19, 2011

   0 votes
   15 answers
7. Позиционирование блока в "резиновом" сайте

   Помогите пожалуйста с непонятнками позиционирования. Сайт делается "резиновый" так: <шапка> <menu> <content> С уменьшением размера браузера уменьшается шапка и меню тем самым оно пропорционально уменьшается и по высоте. Но по непонятным причинам контент не смещается вверх следуя за меню, а остаётся на своём фиксированном вертикально положении. В стилях контента стоит: position: relative; но это почему-то ни на что не влияет, хотя position: fixed; действительно фиксирует контент. Как можно исправить, что бы вертикальная позиция контента менялась в зависимости от позиции вышесоящего меню? Или хотя бы как-то можно сделать что-то типа такого в ст…

   Asked by arthur1974, May 15, 2012

   0 votes
   0 answers
8. Позиционирование блока относительно родителя и IE6

   Возникла следующая проблема: для создания фонов задана структура html-body-div1-div2. Div2 позиционируется абсолютно относительно Div1. Футер прибит. Во всех браузерах все нормально, кроме IE6. В нем Div2 позиционируется относительно body и получается, что нужный фон не растягивается как надо. Вот код для этих блоков: html, body { height:100%; } html { font-size: 100%; background:#a2a1a1 url(text_bg.gif) top left repeat; } body { margin:0; font-size:10px; color: #000; font-family:Arial, Helvetica, sans-serif; } .shadow { background:url(bg.gif) repeat-y center top; min-height:100%; height: auto !important; height:100%; position:relative; } .bac…

   Asked by Maha, October 5, 2010

   0 votes
   6 answers
9. Позиционирование блока, текст сдвигает блок

   <!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body> <div id="b1"> b1 <div id="b2"> b2 </div> </div> </body></html>body { margin: 0;}#b1 { background: #F00; height: 100px;}#b2 { background: #0F0; width: 900px; height: 100px; margin: auto;}

   Asked by Guest psywalker11, June 14, 2014

   0 votes
   2 answers
10. позиционирование блоков

    имеется стандартный вид левые блоки - ценрт часть - правый блоки лквый блок 1 левый блок 2 и так далее возник вопрос если незадавать высоту левого блока 1 (содержимое может меняца - какой либо скрипт) как сделать чтобы левый блок 2 автоматически отодвигался на n пикселей от него спс

    Asked by mafinok, March 7, 2009

    0 votes
    2 answers
11. Позиционирование блоков

    Я совсем недавно верстаю и у меня возник такой вопрос: как правильно позиционировать блоки? С помощью отступов (margin и padding) или с помошью left и top? Лично я привык использовать Left и Top. В принципе сайт выглядит как на макете, с кроссбраузерностью норм, но ведь не зря же остальные используют отступы В общем интересует ваше мнение - как правильнее и почему.

    Asked by SEObomj, April 13, 2010

    0 votes
    11 answers
12. Позиционирование блоков

    Добрый вечер, есть проблемка: Есть контейнер внутри которого помещаются блоки. По умолчанию блоки выстраиваются с лева на право не по порядку и строго сверху в низ. Как можно сделать так, что бы блоки выстраивались по порядку один за другим слева на право? В этих блоках будут находится изображения и текст. Один из вариантов - это создать таблицу. Но как это можно сделать без неё, верстая дивами? В стилях прописывал display:inline; но что то ничего не получалось

    Asked by yujin11, January 3, 2011

    0 votes
    13 answers
13. Позиционирование блоков

    Имеется код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> <title>Позиционирование</title> <style type="text/css"> <!-- html, body { margin: 0px; padding: 0px; border: 0px; } body { color: #000; background: #fff; } div { width: 150px; height: 150px; padding: 20px; border: dashed 3px; } #first { background: #ccf0ff; border-color: #0cf; } #second { position: relative; top: 0px;…

    Asked by andreyua, October 1, 2011

    0 votes
    3 answers
14. Позиционирование блоков

    все понял тему можно удалять

    Asked by Romeo62, April 8, 2012

    0 votes
    1 answer
15. Позиционирование блоков

    Приветствую. Не могу реализовать следующее: На практике это будет так: блок 2 будет показывается только на главной. В остальных же случаях Блок 1 растягивается на всю ширину родителя.

    Asked by uteelers5, May 10, 2012

    0 votes
    3 answers
16. Позиционирование блоков

    Суть такова есть контейнер внутри несколько блоков которые расположены в ряд через float:left; или display:inline-block; на результат не влияет. Проблема такова что количество блоков может метятся и я мне необходимо задать одинаковый класс всем блокам выходит чтото вроде (допустим 3 в ряд) <div class="cont"> <div class="inside"> контент </div> <div class="inside"> контент </div> <div class="inside"> контент </div> <div class="inside"> контент </div> <div class="inside"> контент </div> </div> и ЦСС .cont {width:630px;overflow:hidden;} .inside {float:left;wi…

    Asked by naughty-gydralisk, June 15, 2012

    0 votes
    0 answers
17. Позиционирование блоков

    Проблема такова, по горизонтали 4 блока ,не могу понять как сделать ,чтоб при добавлении блоков они вставали друг под другом? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>our team</title> <link href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> function blinkIt() { if (!document.all) return; else { for(i=0;i<document.all.tags('blink').length;i++){ s=document.all.tags('blink'); s.style.visibility=(s.style.visibility=='visible')?'hidden':'visible'; } } } </script> </head>…

    Asked by romeo753, January 27, 2013

    0 votes
    10 answers
18. Позиционирование блоков !

    Помогите с версткой плз... пытаюсь сверстать мониторнг, а проблема вот в чем. 1) Как сделать такую конструкцию <div Нижний блок> <div Top>••War3FT 100lvl New Ra...</div> <div Bot> 46.188.18.78:27016</div> </div> ?? Смысл конструкции в том чтобы текст в блоках обырвался если он привышает ширину допустим в 50пкс. Как это сделать ? В моем случае он просто разширяет блок и все.... 2)Как сделать чтобы блок с названием карты и колвом игроков "35hp_2 4 / 32" Находился по верх изображения блока сверху? Я пытался как мог разными способами... но он не как не вставал по верх... только в разные стороны сьезжал вокруг и все. Меня мучают только эти 2…

    Asked by cheatoff-strike, November 25, 2012

    0 votes
    1 answer
19. Позиционирование блоков div

    Всем привет! Такой вопрос. Ниже я выложил код, хочу, чтобы блоки leftdown и centerdown распологались под leftmiddle и centermiddle соответственно, однако ничего не получается, со свойством position я уже возился, разные параметры ставил, однако никак не получается из за того что блоки leftmiddle и centermiddle эластичные. Кто нибудь знает, вообще возможно такое сделать, что я хочу? Может подскажете какое нибудь свойство которое регулирует это действие. Памагите!!! <style type="text/css"> BODY{ background-color:; background-image:url(); background-repeat:repeat-y; margin:0; width:1024px; } .main{ width:1024px; margin:0px; } …

    Asked by DDX, June 8, 2010

    0 votes
    20 answers
20. Позиционирование блоков внутри другого

    css: Вкладываем блоки внтурь базового html: Как видите должно получится в итоге. Общий блок, в котором слева находится блок текста, а справа изображение. Но получается какой-то неосмысленный бред. Копал css.chm но не получается ничего.

    Asked by aka_SmILe, May 1, 2009

    0 votes
    4 answers
21. позиционирование блоков относительно фона

    Здравствуйте. нужен совет ,как лучше сверстать. есть полосатая фоновая картинка с горизонтальными полосами. и нужно расположить прямоугольные блоки так чтобы эти блоки по высоте всегда помещались в эти линии. проблема в том что фоновое изображение должно быть резиновое ,поэтому высота полос фонового изображения разная на разных экранах. и блоки адаптивные , т.е не получится обернуть полоску блоков в контейнер и задать им фон, так как количество блоков расположенных в горизонтальной полосе будет меняться в зависимости от размера экрана. посоветуйте ,как справиться с этой задачкой.

    Asked by ishurgaya, September 24, 2015

    0 votes
    6 answers
22. Позиционирование блоков с наездом

    Помогите разобраться, как следует выполнить следующее задание: Длинна блока контейнера (Container) Зависит от большего по размеру блока Menu или Content. При этом Menu вылезает за пределы блока Container на 20px , а блок Content вылезает за блок Container на 10px. Сейчас все это обернуто в еще один контейнер, который имеет position: relative , а контейнеры Menu и Content position: absolute. Но при таком решении длинна Container остается не изменой. Как лучше справиться с этой задачей?

    Asked by cul8er, May 8, 2014

    0 votes
    4 answers
23. Позиционирование бэкграунда

    Всем привет. Второй день мучаюсь, не могу додумать как реализовать следующее: Враппер шириной 960 пикселей, но в одном блоке картинки выходят за враппер слева и справа. Они должны быть всегда на одном месте относительно контента, горизонтальный скрол должен появляться только при 960 пикселей. Вставляя картинку либо бэкграундом, либо просто картинкой с абсолютном позиционированием горизонтальный скрол появляется при ширине картинки, либо контент плавает относительно бэкграунда. Вот пример: http://kublyakov.github.io/ Нужно что бы текст всегда был на одном месте, относительно бэкграунда и горизонтальный скрол появлялся только при ширине врапера. Вчера кучу всего перепробов…

    Asked by Kublyakov, September 3, 2014

    0 votes
    3 answers
24. позиционирование в CSS

    Время от времени на разных форумах при обсуждении вёрстки можно прочитать критику типа "всё висит на абсолютах" и т.д. А чем это плохо?? Чем плохо чрезмерное использование позиционирования?? На чём это может сказаться??

    Asked by DrStrangeLove, May 13, 2011

    0 votes
    2 answers
25. Позиционирование в css3

    Здравствуйте.Подскажите.Создал объекты с закругленными углами.Один с фиксированной высотой и шириной внутри другого у которого ширина и высота 90%.Как этот внутренний объект двигать? И как внутрь еще добавить объекты.В конечном итоге это будет страница сайта большой объект у которого 90% ширина и высота и несколько маленьких меню и содержание в которых будут размещаться.Код <style type="text/css"> div { margin: 0 auto; } .bord { background: #EBECDF; width:90%; height:90%; border:2px solid #B0B384; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; } .mord { background: #EBECDF; width:600px; height:400px; border:2px solid #B0B384; bord…

    Asked by ottawa1, September 6, 2012

    0 votes
    5 answers