HTML Coding

29,542 questions in this forum

1. расположение 3 блоков div на одном уровне

   подскажите пожалуйста: sidebar1 {float:left; width: 180px; background: #EADCAE; padding-bottom: 10px;} .content {float:left; padding: 10px 0; width: 600px;} .sidebar2 { width: 180px; background: #EADCAE; padding: 10px 0; margin-left: 780px;} <div class="content"></div> <div class="sidebar1"></div> <div class="sidebar2"></div> Как сделать так, чтобы все три дива на одном уровне располагались? Визуально: слева сайдбар1... в центре контент, справа сайдбар2. Не меняя очередности расположения самих дивов, чтобы <div class="content"></div> впереди в коде шел

   Asked by Осенний Дождь, October 8, 2010

   0 votes
   16 answers
2. расположение Div

   Хочу вот такую структуру сверстать В менюшке к правому краю прилеплена маленькая картиночка и дальше идет горизонтальный список. Суть проблемы В том что контейнер something ,вместо того что бы прилипнуть к правому краю экрана,прилипает к левой границе контейнера skriptorsomething.Я не знаю,как можно расставить два правых блока skriptorsomething и something так что бы слева от них был блок main во всю высоту экрана ,поэтому решил сделать main позиционированным ,что бы два правых отображались ,так будто бы main и нет вовсе. Значит вот код HtML: <div id="shapka"><img src="images/logo.jpg" class="imgshpk"><h1>Cайт о чем то </h1></div> <div …

   Asked by boooze, May 2, 2011

   0 votes
   8 answers
3. Расположение div

   Помогите, не могу расположить дивы согласно этой схемы, всё время что то куда то уезжает http://s017.radikal.ru/i441/1202/d4/ebb19166ffdb.jpg и почему если в диве имеется таблица она всё время уезжает за пределы дива, как сделать чтобы див динамически изменял ширину по размеру таблицы

   Asked by JastinB, February 19, 2012

   0 votes
   9 answers
4. Расположение div'ов с position: relative по горизонтали

   Всем Привет! На странице есть блок content, внутри которого должны распологаться блоки по горизонтали на всю ширину блока(если не влезают, то переходят на новую строку), которые представляют фотоальбом. Блоки .photo_container имеют position: relative, так как в них находятся блоки с position: absolute и с помощью top, left накладываются друг на друга. Пробовал обвернуть .photo_container в другой блок .photo_album с обычным позиционированием, но не помогает, блоки .photo_album находятся друг под другом. Подскажите, может как можно сделать? Желательно средствами css. HTML: <div id="content"> <div class="photo_container"> <d…

   Asked by F_Z_14, January 29, 2012

   0 votes
   1 answer
5. Расположение iframe на странице

   Всем привет! Прошу помощи в следующем вопросе: Я хочу расположить фрэйм (с помощью iframe созданный) по центру страницы в самом низу. А он не хочет =/. Стоит в верхнем левом углу и никак. Я еще пробовала задать расположение через div, но идея опять не прокатила. Подскажите, пожалуйста, в чем у меня возможна ошибка, а точнее нехватка знаний? Спасибо.

   Asked by tierra, October 28, 2009

   0 votes
   2 answers
6. расположение блока на странице

   всем добрый день! очень надеюсь на вашу помощь. проблема в следующем: блок 1 должен быть на месте 2. подскажите пожалуйста, что куда добавить? заранее спасибо!

   Asked by fume, July 23, 2010

   0 votes
   9 answers
7. Расположение блоков

   Есть блок ширина которого неизвестна(с id=pageMenu). В этот блок помещается ещ? n-е количество блоков с сылками. Надо чтобы все эти n блоков полностью заняли объ?м блока с id=pageMenu Код: #pageMenu{ margin: 0px auto; position: relative; height: 15px; display: block; text-align: center; border: 1px solid red; } #pageMenu .menu{ margin: 0px auto; background: white; display: block; float: left; cursor: hand; width: 25%; text-decoration: none; border: 1px solid red; } При такой записи я взял n=4 при этом если дописать /*border: 1px solid red;*/ что я и сделал , то 4-й блок переносится на другую строку, чего я не хочу.. Вобщем, надо чтобы все эти n блоков …

   Asked by Lazar, July 12, 2007

   0 votes
   5 answers
8. Расположение блоков

   Привет всем.Начал пробовать верстать свой первый шаблон.Столкнулся с несколькими проблемами. 1)Блок меню не становится на своё место как на скрине 1. 2)При изменении масштаба мой шаблон растягивается как на скин 2(а другие не растягиваются как на скин 3) 3)Есть большая просьба посмотреть коды моего шаблона может что то не так сделал или неправильные теги испрользовал. Сайт на катором шаблон http://proba-12345.ucoz.ru/ Cкрине 1 Cкрине 2 Cкрине 3 HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <t…

   Asked by nimens, August 16, 2011

   0 votes
   5 answers
9. Расположение блоков друг под другом в несколько колонок

   Привет всем. Не могу понять как сделать так как на скрине скрин http://s50.radikal.ru/i129/1103/96/49082ab6107c.gif Это будут ссылки категорий новостей. У категорий есть подкатегории. Генерация вывода идет через smarty {foreach name=aussen item=news from=$news_data} <div class="block1"> <a href="{$news.LINK}">{$news.TITLE}</a> // категория первого уровня <div class="block2"> {foreach key=key_data item=subnews_data from=$news_data.sub} <a href="{$subnews_data.LINK}">{$subnews_data.TITLE}</a> // категория второго уровня {/foreach} </div> </div> {/foreach} Вот нужно, чтобы все block1 шли друг за другов в три или более к…

   Asked by dropoff, March 23, 2011

   0 votes
   4 answers
10. Расположение блоков и полоса прокрутки

    Исходный код: html <body> <div id="wrapper"> <div id="header"> </div> <div id="logo"> </div> <div id="menu"> </div> <div id="content"> </div> <div id="footer"> </div> </div> </body> css body { background-color:#FFFFFF; padding:0 auto; margin:0 auto; } #wrapper { /*Выравнивание всех вложенных блоков по центру*/ } #header { width: 1000px; background: black; opacity: 0.8; height: 35px; top:0; position:fixed; } #footer { width: 1000px; background: black; opacity: 0.8; height: 35px; bottom:0; position:fixed; } Вопросы: 1) Создал блок "wrapper" чтобы с помощью него центриров…

    Asked by Feel, October 18, 2012

    0 votes
    6 answers
11. расположение блоков посередине в ИЕ

    Уважаемые форумчане! Помогите новичку. посмотрите эту страницу в мозилле всё хорошо, блоки располагаются по центру, а вот в ИЕ- страница была сдвинута на левый край, так как margin: o auto он не понимает Из всего,что пробовал, помогло только добавление к body в css text-align: center; Всё вроде бы нормально, но теперь содержимое и текст в блоках тоже весь по центру Мне это совсем ни к чему, надо как в мозилле. Начал пробовать править у каждого атрибута в отдельности отступы и поля: запутался и уже заболела голова. Вернул всё обратно. Может есть какое-то простое решение, чтобы фиксануть эту проблему? Вот нынешний css

    Asked by tenorishe, November 5, 2010

    0 votes
    9 answers
12. Расположение блоков при блочной верстке

    Здравствуйте, коллеги! При блочной верстке я использую способ position: relative и указываю пиксели и тд. Иногда у меня получается все разместить как нужно. Однако, это не выход, к каждому блоки использовать position. Какими способами вы пользуетесь?

    Asked by Benya-a, October 19, 2012

    0 votes
    2 answers
13. Расположение блоков рядами

    Здравствуйте! У меня такая ситуация. Вот, нарисовал недавно дизайн сайта: Ну и, соответственно, нужно сверстать. Поскольку я дизайнер, то верстаю не слишком часто и до этого в основном, по старинке, верстал таблицами. Сейчас же решил, что это совсем уж прошлый век, поэтому сверстал все дивами и цсс. Вот такой код получился в первоначальном варианте: сам сайт: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Магазин спайса</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/…

    Asked by dangler, October 12, 2009

    0 votes
    11 answers
14. Расположение блоков снизу вверх

    Делал сайт, смотрю на макет, а там блок в котором несколько элементов идут снизу вверх. Вот так Это пример этого самого блока, цифрами обозначен порядок расположения "кубиков-кнопок". Т.е. каждый новый "кубик" добавляется слева, а не справа, либо отталкивается каким-либо образом от правой границы. Причем такой блок будет не один и внутри каждого будет разное количество "кубиков", с фиксированным количеством проблем бы не было, сделал бы отступами, но так не знаю что и придумать. Хотел на js сворганить, но решил всё таки поискать решение без его использования. Надеюсь на вашу помощь. Попытка сделать через <ul> с float:right на первой строчке даёт необходимый резул…

    Asked by zlodeev, September 5, 2012

    0 votes
    5 answers
15. Расположение в одну строку.

    Добрый вечер. Уже в который раз обращаюсь за вашей помощью. суть проблемы: Есть див: <div> Создать аккаунт войти в ваш аккаунт: ваш e-mail: <form> <input type="text"> </input> пароль <input type="text"> </input> выход </div> Короче все это должно находится в одном диве в одну линию. Какое свойство нужно задать тегу <form> или <input> чтобы они не переходили на другую строку? И какое свойство нужно задать тексту, чтобы он выравнивался относительно середины высоты формы. А то получится, что текст будет чуть ниже формы. Большое спасибо заранее!

    Asked by Sedacove, September 22, 2011

    0 votes
    7 answers
16. Расположение изображений

    Здравствуйте. Не очень силен в css как мне сделать положение изображения не относительно окна браузера. А относительно высоты страницы. код css html, body { height:100%; } в самом html html { height:100%; background: url('путь/bk.jpg'); background-size: 100%; } body { height:100%; background: url('путь/41.png') no-repeat left 300px, url('путь/51.png') no-repeat right bottom, url('путь/31.png') no-repeat right top ; } Как сделать так что бы картинка 31 была в самом верху справа а 51 в самом низу слева. Не по высоте окна (как у меня), а по высоте содержимого.

    Asked by dimmon, February 9, 2014

    0 votes
    1 answer
17. Расположение изображения в HTML

    Здравствуйте, как с помощью HTML указать местоположение изображения? Пользуюсь ЖЖ, но получается какая-то фигня. Написал в их тех. поддержку, но т.к. там очень долго отвечают, решил заодно написать сюда: Как надо: http://f5.s.qip.ru/14a5VJePZ.pngКак получается при публикации: http://f6.s.qip.ru/14a5VJeQ0.png Код с изображениями: <img height="20" src="http://www.vssips.in/wp-content/uploads/2013/10/quote-mark-right.png" style="position:absolute; LEFT:100px; WIDTH:20px; HEIGHT:20px" width="20" /> <img height="20" src="http://www.vssips.in/wp-content/uploads/2013/10/quote-mark-left.png" style="position:absolute; RIGHT:100px; WIDTH:20px; HEIGHT:20px" width="20" /&g…

    Asked by Kony, July 14, 2014

    • html
    0 votes
    9 answers
18. Расположение иконок

    Нужно выровнять иконки по уровню текста (по средней линии). Не додумаюсь как. Текущий скрин.

    Asked by Feel, October 19, 2012

    0 votes
    6 answers
19. Расположение инлайновых тегов друг над другом

    Что надо изменить в данной конструкции чтобы время и текст были друг над другом, оба блока растягивались по количеству содержимого, блоки были по центру страницы? Дума, ничего хорошего не надумал. Что я не учёл?

    Asked by Ge1i0N, February 11, 2013

    • block
    • inline
    • inline-block
    0 votes
    2 answers
20. Расположение картинки

    Приветствую и прошу оказать помощь нубу. Собственно почти закончил работу над сайтом, осталось только картинку разместить в одном месте, но никак не получается, уже мозг сломал весь и примеров что-то сложно найти. Короче... Внизу приложил схему где показано куда мне надо картинку разместить, но разместить-то я могу, вот только надо чтобы она ВСЕГДА оставалась там при любом размере окна браузера и отступы были не от края страницы а от блока над которым он находится. И да, не пинайте я только учусь. Заранее спасибо.

    Asked by Diablos, April 15, 2010

    0 votes
    2 answers
21. Расположение картинки и фигур на сайте

    Столкнулся с проблемой , когда вставил картинку , весь текст съехал в лево , а сама картинка , должна находиться с низу сайта И еще вопрос , как сделать так , чтобы когда я уменьшал размер сайта , облаки оставались на своих местах ? HTML Скрытый текст <section> <div class="wrapper"> <div class="main"> <div class="main-text"> <p class="main-text__plan">PLAN YOUR LIFE</p> <h1 class="main-text__head">Increase your <span class="main-text__head-bold">productivity</span></h1> …

    Asked by Young, May 7, 2022

    • html5
    • css
    0 votes
    0 answers
22. расположение картинки под картинкой с абсолютной позицией

    добрый вечер столкнулся с проблемой, решал минут 40 не смог найти ответа надо расположить картинку (id="name") под картинкой (id="logo") с абсолютной позицией (%) чтобы logo всегда лежало под ней не накладываясь. так же себя ведут неспозиционированные изображения вот кусок кода: html <td rowspan="3" colspan="2" width="50%" align="center"> ëÿëÿëÿëÿ</td> <td rowspan="3" width="25%" > <img src="logo.png" alt="logo" name="logo" id="logo" width="155" height="204" border="0" > <img src="name.png" alt="name" id="name" border="0" > </td> css #logo { position:absolute; top:10%; right:5%; display:block; } #name { position:absolute; righ…

    Asked by IceFroz, May 30, 2008

    0 votes
    1 answer
23. Расположение картинок в 3 ряда, друг под другом

    Здравствуйте, прошу совета. Есть один div. В него с бека загружаются картинки. Нужно их расположить в 3 ряда, друг под другом. На картинке изображено как надо. У меня получатся расположить только в ряд с фиксированной высотой, то есть расстояния по высоте между картинками получаются большими не друг за другом. Прошу подсказать как сделать правильно.

    Asked by roash19, February 24, 2018

    0 votes
    2 answers
24. Расположение картинок горизонтально

    Как сделать так: 1. чтоб картинки на странице располагались горизонтально? т.е. при добавлении картинки она уходит вниз, а мне нужно чтобы они все шли горизонтально и появлялась горизонтальная прокрутка. 2. чтоб картинки изменяли размер в зависимости от размера браузера?

    Asked by aizul, January 23, 2013

    0 votes
    7 answers
25. Расположение кнопки "Подробнее"

    Здравствуйте. Подскажите новичку пожалуйста. Есть блок материалов, где в каждом отдельном материале есть краткое описании и кнопка Подробнее. Я бы хотел изменить ее расположение и чтобы она закрепилась в правом нижнем углу. Я пробывал передвигать эту кнопку, но она опирается на текст вверху и изображение слева, то есть при разном объеме текста кнопка гуляет.. Можно ли ее закрепить в нижнем правом углу? Заранее спасибо..

    Asked by Eperlano, November 23, 2014

    0 votes
    2 answers