Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. полоса под картинкой-ссылкой

    <div class='desc'> <a class='foto' href="foto/53.jpg" id="53"><img src='foto_min/53.JPG'></a> <div class='text'>Москва</div> </div> .desc{ width:730px; margin:25px auto 0; clear:both; min-height:250px; } .text{ float:left; width:315px; min-height:230px; height:100%; margin:0 15px; border:1px solid black; border-radius:5px; padding:5px 5px 13px 13px; display:inline-block; } .foto{ float:left; width:333px; min-height:248px; border-radius:5px; margin:0 15px 25px; border:1px solid black; display:inline-block; padding:0; }

    Asked by Seretyr,

    0 votes
    2 answers

  2. Как проще сделать такое как на картинке ?

    Доброго дня. Знаю что есть много вариантов такой реализации, но скажите, какой лучше всего использовать на чистом CSS или с Javascript? Вот картинка

    Asked by Saturn,

    0 votes
    5 answers

  3. Работа clear

    Доброго времени суток. Верстал шаблон и столкнулся с такой проблемой. Внутри блока если поставить у элемента clear, то он вылетает за пределы блок. Если не поставить то верхний блок залезает на элемент. Собственно сабж http://jsfiddle.net/wagJb/1/ Заранее спасибо за помощь.

    Asked by fourty,

    0 votes
    5 answers

  4. Помогите с ссылкой в background

    Доброго времени суток! Не могу немного сообразить как мне сделать ссылку в background Имеем код <div style='background:url(/images/{math equation='rand(1,4)'}.jpg) no-repeat' class='image'> Каждый раз при заходе на сайт у меня генерируется разная картинка. Вот подскажите, как мне сделать так, чтобы при выборе какой-то либо картинке на ней можно было сделать ссылку и на неё нанести карту. Вот пример картинки Т.е. там где одна цена - на одну ссылку, там где вторая цена на вторую ссылку.

    Asked by Maxxx,

    0 votes
    9 answers

  5. неработает анимация -wedbkit...

    Плиз помогите написал скрипт,но столкнулся с проблемой что без анимации действия проходят ужасно. Короче, полез в нет искать про анимацию css3 из того что нашел сделал такой код увилечения текста но ,он не работает. подскажите почему? .notVisible { -webkit-animation-name:'fullText'; -webkit-animation-duration: 7s; -webkit-animation-play-state:running; @-webkit-keyframes 'fullText'{ from { font-size:30%; } 40%{ font-size:50%; } 60%{ font-size:70%; } to{ font-size:100%; } } }

    Asked by cyber_ua,

    0 votes
    7 answers

  6. в ie6 не появляется фон и рамка

    Подскажите ,пожалуйста, почему в ie6 не появляется фон и рамка? <!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="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="css/style.css" type="text/css"/> <title>ФОРМА</title> <style type="text/css"> #ya{ width: 300px; height: 300px; border: 4px solid #cc0000; background-color: #cc0000; } </style> </head> <body> <div id="ya"&gt…

    Asked by ruvi,

    0 votes
    3 answers

  7. Выравнивание сайта по центру

    Здравствуйте (: Проблема в выравнивании сайта по центру. Ширина сайта - 1200px; Ширина шапки - 1600px; Сейчас так : body{ background:url(img/header.png) top center no-repeat, url(img/bg.gif) repeat; } #conteiner{ position: absolute; left: 50%; margin-left: -600px; width: 1200px;} При этом : Шапка смещена px на 20 влево. При масштабировании сайта увеличивается средняя часть сайта, с появлением скрола только вправо. (Т.е. видна середина и можно прокрутить её вправо, влево - нельзя) На мобильных устройствах сразу открывается так, что видна только середина и доступен скрол вправо. margin:0 auto;Не работает совсем. Если писать background для div'a header, то…

    Asked by user135,

    0 votes
    3 answers

  8. Более компактное построение Div-ov.

    Решили сделать что-то вроде микро-блога для новостей. Не могу сообразить, как сделать так, чтобы не было отступов между двумя дивами в разных строках, если в верхней строке есть див, с большей высотой чем первый. В общем чтобы дивы выравнивались не по нижней границе строки, а по нижней границе дива, над ними, если есть место. http://epicforever.ru/ На фейсбуке сделанно через упорядоченные списки.. но думаю можно проще. http://jsfiddle.net/rR8WU/ вот так Сейчас. Нужно чтобы див слева во 2 строке был сразу под дивом в 1 строке. Заранее спасибо.

    Asked by Briss,

    0 votes
    3 answers

  9. Прошу помощи с SVG→Canvas на iPad3 (iOS6)

    Как мог, описал проблему на Хабре. Вкратце — при копировании SVG-картинки в Canvas (drawImage) на третьем (ретиновском) айпаде с iOS6 творится что-то невообразимое с определением координат копируемой области. А мне позарез надо, чтобы картинка копировалась точно (вообще-то надо было позапозавчера, но из-за этого нежданчика вот так у меня вечер пятницы затянулся...). Заранее спасибо за любые наводки, подсказки и идеи!

    Asked by SelenIT,

    0 votes
    5 answers

  10. Чем собирать спрайты

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

    Asked by Vasdram,

    0 votes
    2 answers

  11. Что я не так делаю?

    начал немного изучать вёрстку, и хотел бы спросить один важный для меня вопрос.. правильно ли я всё делаю? вот ссылка: http://jsfiddle.net/7uHS9/ посмотрите если не сложно, и скажите что не так пожалуйста, и как нужно правильно делать... делал по этому скриншоту: http://www.prostoj-sajt.ru/wp-content/uploads/2012/10/Shablon-s-reklamnym-blokom.png (в интернете нашёл скриншот простого шаблона для того чтобы учиться) знаю что сделано ужасно, но я только учусь верстать...

    Asked by napstyle,

    0 votes
    4 answers

  12. Ширина input

    Есть элемент input на странице обвернутый в div: <div id="main-image"> <input id="fileupload" type="file" name="fileUpload[]" data-url="/file/upload-image"> </div> Со стилями для всего этого добра: #main-image { border: 1px dashed #b3b3b3; width: 280px; height: 200px; } #fileupload { position: relative; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; height: 100%; width: 100%; } Потом выбраный файл хендлится при помощи jquery file upload. Вопрос. У меня область в котором я попадаю на инпут значительно больше, хотя через…

    Asked by spolischook,

    0 votes
    3 answers

  13. 3 колонки в одном диве

    здравствуйте, часто встречается потребность реализовать три колонки с информацией в одном диве. Например, вывести в подвале последние заметки, контакты, карту и тд. Вопрос собственно в чем, конечно можно сделать все через таблицы. В футер див засунуть таблицу, в ячейки содержимое поставить и установить ширину. Это один вариант. Второй вариант, создать три разных дива с разными отступа и перечислить их в диве футере. Это второй метод Есть ли еще какой нибудь метод без использования бОльшего количества дивов реализовать три колонки в одном? спасибо!

    Asked by devid89,

    0 votes
    5 answers

  14. Проблема с :hover

    Подскажите пожалуйста как достичь такого эффекта :hover как на изображении. спасибо всем p.s верхнее меню. синяя стрелка .

    Asked by buru_,

    0 votes
    2 answers

  15. Нужно сделать таблицу на странице

    Всем привет Только начал создавать landing page. Опыта мало - пришел к вам) такая проблема: хочу на странице сделать некий каталог продукции моей. Вот что-то похожее: Размер картинок должен автоматически подгоняться под заданный размер. Одна позиция будет состоять так же, как и здесь: картинка, название, цена. Но позиционирование не такое: хочу сделать так: -картинка -название -цена То есть каждый элемент находится под другим по центру ячейки. Далее, хочу сделать такое: при наведении на любую картинку каким-то образом красиво появляется какая-нибудь лупа или еще что-то. При нажатии на !ВСЮ ЯЧЕЙКУ!(будь то цена либо картинка), вылазит всплывающее окно уже с моим напи…

    Asked by Dimkar,

    0 votes
    3 answers

  16. Один блок налаживается на другой, второй неактивный

    вот сайт geometrica.biz в хедере есть логотип и два блока меню. Проблема состоит в том что логотип налаживается на два блока меню из-за этого они становяться неактивные. проблема в том что у логотипа стоит z-index выше чем у блоков меню, но я не знаю как это решить, помогите пожалуйста!

    Asked by Fostik,

    0 votes
    1 answer

  17. Проблема маштабированния изображения

    Добрый день, образовалась такая проблема. На сайте Kimwood.ru при добавлении нового товара миниатюра не маштабируется под общий размер. Как это подправить и где?

    Asked by Виктор1204,

    0 votes
    0 answers

  18. Картинка с absolute с негативным правым отступом

    Здравствуйте. Что то уже совсем голова не работает, сижу два часа не могу решить проблему. Сжимайте окно браузера, из за картинки горизонтальный скролл. Вот как можно сделать, чтобы браузер игнорировал эту картинку до того момента когда ширина окна будет < ширины контейнера? То есть overflow:hidden для body, html и всяких родительских контейнеров не устраивает.. http://jsfiddle.net/g2LyLetn/

    Asked by Нарек,

    0 votes
    6 answers

  19. Google Maps Api

    Почему когда я добавляю в хтмл карту гугл с каким-то нужным мне местом, там не то место рендерится? Короче я допустим делал запрос когда-то ''государственный эрмитаж", а теперь добавляю фрейм с картой Уфы, но на моем сайте все время чтобы я не делал всеравно Эрмитаж. И это при том, что в коде скрипта координаты разные-другие. Объясните нубу пожалуйста.

    Asked by parliament,

    0 votes
    0 answers

  20. Очень нужна ваша помощь!

    Я не силен в hrml`е ,по этому очень нужна ваша помощь ребята. Суть вопроса в том ,что мне нужно сделать на странице вид таким образом -> ​ с левой стороны будет таблица (которую я уже сделал). с выплывающим выбором а справа текст с дополнительными ссылками! Вроде бы все легко и понятно ,но вся проблема в том ,что я не знаю как правильно это сделать. При попытке написать текст с ссылками справой стороны страницы ,моя таблица начинает двигаться по абзацам вниз! Что делать?

    Asked by venemy,

    0 votes
    1 answer

  21. id вместо class

    помогите пожалуйста советом допустим есть форма отправки груза. есть возможность в её пределах создать несколько позиций(например как тут). при этом разработчик будет для каждой новой позиции генерировать html, помеченный классом. это нужно для того чтобы пользователь мог кликнуть по кнопке "удалить позицию" проблема в том, что классы - для верстальщика, а id - для яваскриптера. ничего что яваскриптер для того чтобы натравить скрипт на элемент использует класс? теоретически можно конечно использовать id, добавляя числовой постфикс(например id="delBtn_23"). но в этом случае сложность неоправданно увеличивается как в подобном случае поступают профессион…

    Asked by cyklop77,

    0 votes
    4 answers

  22. на айфонах бордюр на подменю не виден

    Всем привет, На сайте ссылка есть верхнее меню и при выборе элемента с подэлементами сам элемент имеет синий бордюр, а бокс с подэлементами зеленый бордюр. Проблема в том, что на айфонах этот эеленый бордюр не виден. На более крупных девайсах виден. Эти бордюры определены в стилях .dropdown-toggle { width: 90%; border:2px solid #E3E3E3; } .dropdown-toggle:hover { width: 90%; border:2px solid #337AB7; } .dropdown-toggle .active{ border:2px solid #1FE13C; } В файле common_styles.css также для разных девайсов подключены разные стили Для айфонов через медиа запросы подлючается файл стилей style_xs_320.css (справо от меню…

    Asked by mstdmstd,

    0 votes
    3 answers

  23. Как растянуть меню и сохранить контент по середине?

    Здравствуйте, не подскажите как растянуть выпадающее меню на всю ширину страницы, что бы контент/ссылки так и оставались на середине? Догадываюсь, что проблема в позиционировании "absolute" "relative", но знаний не хватает куда что прописать. Вот код css: #menu-wrapper {display:block; width:960px; margin: 0 auto;} /* Reset */ .nav, .nav a, .nav ul, .nav li, .nav div, .nav form, .nav input { margin: 0; padding: 0; border: none; outline: none; } .nav a { text-decoration: none; } .nav li { list-style: none; } /* Menu Container */ .nav { display: inline-block; position: relative; …

    Asked by vignaliizada88,

    0 votes
    0 answers

  24. Убрать тайтл картинки

    Использую скрипт jQuery lightbox. Он умеет брать информацию из тайтла картинки и передавать в открывающийся блок. То есть при клике на маленькую картинку открывается большая с названием (тайтлом). Но мне нужно кроме название передавать еще и описание картинки. Это, насколько я понял скрипт не предусматривает, поэтому я передавал в таком виде: <img title="name<br />description" В таком случае при наведении на маленькую картинку пользователь видит то что не должен(код). Как можно справится с этой проблемой? Может можно как то отключить отображение тайтлов на странице?

    Asked by od_lazio,

    0 votes
    1 answer

  25. выравнивание по центру, IE

    сломал голову уже. IE выравнивает по центру, к примеру, первую (начальную) страницу, но не хочет равнять внутренние. что делать? на домашней машине перепробовал всё: он слушается margin только в конкретных значениях в px, когда ставлю auto — уезжает влево. help, please. http://kupeev.com

    Asked by virus-07,

    0 votes
    1 answer
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept