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'а в IE6

    Есть вот такой вот простой html-файл. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/HTML4/loose.dtd"> <html> <head><title>Тестовый пример</title> <meta http-equiv="Content-type" type="text/html; charset=Windows-1251"> <style type="text/css"> * { margin:0; padding:0;} body { color:#FFF; background-color: #FFF; } .cl_top { background-color: #000040; } .cl_middle { height: 15px; background-color: #F00; } .cl_bottom { background-color: #000040; } </style> </head> <body> <div class="cl_top">Строка1</div> <div class="cl_middle"></div> <d…

    Asked by tvolf,

    0 votes
    2 answers

  2. расстояние между букв меньше чем по умолчанию

    Приветствую, дизайнеров хлебом не корми, дай уменьшить расстояние между букв в заголовках и подобных вещах и "придвинуть" буквы друг к другу. Насколько я понимаю средствами css такое сделать нельзя? letter-spacing дает только увеличить расстояние между букв. Возможно есть еще какие то хорошие варианты реализации, на js например?

    Asked by weblad,

    0 votes
    5 answers

  3. Цвет четных и не четных строк в списке

    Подскажите возможно ли на css сделать что-бы у списка четная строка была с белым фоном, а не четная например с серым? если да то подскажите хотя-б в какую сторону копать.

    Asked by Sigurt,

    0 votes
    5 answers

  4. Скачет ширина меню в mozille и opere

    Главное горизонтальное меню разделено на 4 ровные части в IE все ровно в других браузерах ширина меняется ходишь по навигации то шире то уже скачет в общем вот код что поправить <table width="100%" border="0"> <tr><td width="25%" class="line1">11111</td><td><img src="/images/i/dot.gif" width="8" height="1" alt="" /></td><td width="25%" class="line1">11111</td><td><img src="/images/i/dot.gif" width="8" height="1" alt="" /></td><td width="25%" class="line1">11111</td><td><img src="/images/i/dot.gif" width="8" height="1" alt="" /></td><td width="25%" class="line1"&gt…

    Asked by VanDer,

    0 votes
    10 answers

  5. Проблемы с блоком регестрации

    Подскажите пожалуйста,есть несколько вопросов по блоку. Вот картинка. 1.Рамка не до конца формы в чем проблема? 2.Кнопку надо поднять вверх,а так же почему то остались старые стили в другом шаблоне на этой кнопке,хотя шаблон другой,как это устранить?( 3.Когда разрешение экрана 1024 то блок справа уезжает за пределы примерно на 3 пиксиля.Как это устранить? .moduletableloginform { width: 250px; margin: auto 0; background: #FEFEFE; border: 1px solid #CAD8DE; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.08); font: 14px/18px Arial, Tahoma, sans-serif; color: #444;} #loginza-username { margin: 0 0 10px;} p#loginza-username label { disp…

    Asked by AlexNN,

    0 votes
    22 answers

  6. Что такое SEDO?

    Сразу хочу извиниться если пишу не в соответствующем разделе (не нашел куда еще можно с таким вопросом). Захожу на сайт и вижу такую страничку. Несколько лет назад по этому адресу был сайт фирмы, потом его забросили, теперь на прежнем месте начинаем делать новый. Разъясните пожалуйста, кто это такие. Правильно ли я понимаю, что некие SEDO успели купить домен, а теперь надеются продать его за больше 1000 евро?

    Asked by Тишина,

    0 votes
    2 answers

  7. Отступы элементов формы в ИЕ

    Доброго времени суток! Помогите пожалуйста бьюсь уже долгое время с отступами у чекбоксов в ИЕ. Вот код: <table width="85%" cellspacing="0" cellpadding="0" > <form style="margin: 0px; padding: 0px;"> <tr> <td width="50%" align="left" >Цветность</td> <td width="50%" align="right"> <input name="" type="checkbox"> </td> </tr> …

    Asked by kulibinnxx,

    0 votes
    10 answers

  8. Странный глюк в опере

    Делаю таблицу с элементами формы в ячейках <table> <tr> <th width="400px" >Берлин</th> <th>fhdfhfdhdfhfghlfdkhnlfh;fdngblfngblnfbn</th><td width="7px"><select name="bitrate"> <option selected value="320">320 kbps</option> <option value="256">256 kbps</option> <option value="192">192 kbps</option> <option value="128">128 kbps</option> <option value="64">64 kbps</option> <option value="32">32 kbps</option> </select> </td><td width="8px"><input type="checkbox"></td> </tr> <tr> <td ro…

    Asked by nds,

    0 votes
    10 answers

  9. visibility:hidden;

    Есть ли аналог этого свойства? Ато, как выяснила практика, он не работает в ие.

    Asked by Павел Билькис,

    0 votes
    9 answers

  10. верстка резиной...

    Здраствуйте. Поздравляю всех с наступающим новым годом!!! Желаю всего самого лучше... Ну а сейчас нужна помощь Вот делаю ризиновую верстку, вся проблема наченается при уменьшении окна начинает все друг на дружку налазить как можно этого избежать ? Всем спасибо.

    Asked by musulman,

    0 votes
    9 answers

  11. Авто расширяемый блок

    Здраствуйте, подскажите пожалуйста как сделать чтобы блок автоматически расширял родительский блок. У меня такая структура: <body> <div class="wrap"> <div class="content"></div> <div class="column-1"></div> <div class="footer"></div> </div> </body> css .wrap { width: 930px; height: 100%; background-color: #ffffff; } .column-1 { float: left; width: 15%; } .content { float: right; width: 75%; } Почему div.wrap не растягивается автоматически? Подскажите пожалуйста как сделать чтобы div.wrap был по высоте как содержимое div.content.

    Asked by zerg,

    0 votes
    2 answers

  12. Как дизайнеру подобрать сетку и брекпойннты под bootstrap 3 и 4?

    Добрый день, у меня задача нарисовать адаптивную версию дизайна сайта под Twitter Bootstrap 3 или возможно 4 версии. Сложность в том, что в отличии от моего предыдущего опыта, верстальщики с которыми нужно будет взаимодействовать не работали с фрейморком и нужно будет их консультировать. К примеру обычно рисовал макеты под стандартную сетку по шаблону Bootstrap psd grid Grid template 320px container 30px gutter 53-54pxGrid template 480px container 30px gutter 80px colGrid template 750px container 30px gutter 62-63pxGrid template 970px container 30px gutter 80-81px Вопросы: Как объяснить почему колонки сетки, которую я привел выше, разной ширины?Есть ли смысл рисовать…

    Asked by Drunk_Monkey,

    0 votes
    0 answers

  13. Как Clip подружить c упрямым ослом (IE)

    Доброй ночи... Вот сижу и думаю как же это подружить этого Clip с IE. Читал что место запитых нужно пробелы ставить но не помогло... Приведу пример всего что я делаю. Есть изображение квадратика. Квадратик я обрезаю с помощью клипа на четыре части получается четыре угла. Углы с верстались нормальна Вот пример стиля углов. /* на четыре угла приходится четыре дива вот с таким стилем*/ .jwb_Board_One, .jwb_Board_Two, .jwb_Board_Three, .jwb_Board_Four{ position:absolute; /* позиционирования элемента*/ width: 30px; /* ширина блока*/ height: 30px; /* высота блока */ background-image: url('../images/BoardAngles.png'); /* фоновое изображение тот самый квадратик */ z…

    Asked by Jumper,

    0 votes
    17 answers

  14. Разделение фона

    Приветствую профессионалов и новичков верстки. На днях столкнулся с задачей, оказавшейся для меня необоримой. Все, я полагаю, знают кнопочку в роде со значком маркера-фломастера, который выделяет цветом текст, причем если выделены две строки, то между полосками цвета имеется зазор, что и отличает \ту кнопочку от кнопочки "заливка фона". Вот с такой задачей и столкнулся. Имеется текст в тэге h2. На экране он отображается в две строки, причем вторая строка короче первой. Нужно сделать как раз такой эффект как в Ворде - фон должен быть залит цветом, между строками должен быть прозрачный зазор. Использоавание заливки картинкой png с repeat не удовлетворяет требованияй, ибо во…

    Asked by maxakagaret,

    0 votes
    16 answers

  15. Обрезать текст по вертикали и добавить многоточие в конце

    Здравствуйте! Прошу помочь с такой проблемой. Нужно, чтобы в зависимости от величины заголовка - количества строк, которое он занимает, текст описания сокращался-увеличивался. Если полностью не влазит - в конце добавлялось многоточие. Блок обёртки фиксированной высоты, а блоки с заголовком и описанием тянутся. Спасибо.

    Asked by Torawhite,

    0 votes
    4 answers

  16. Форма без кнопки submit

    Подскажите необходимо организовать поиск по сайту и соответственно создается текстовое поле но без кнопки submit. Тоесть необходимо чтобы данные отправлялись просто после нажатия Enter. Как это реализовать

    Asked by kozakmamai,

    0 votes
    2 answers

  17. float:left; и отступ между слоями.

    Здрвствуйте! Помогите разобраться с простым отступом. В макете две колонки: СЛОЙ-1 – float:left; и фиксированная ширина. СЛОЙ-2 – все, что осталось справа. При уменьшении окна браузера СЛОЙ-1 трактуется как «Минимальная ширина экрана», а контент СЛОЯ-2 слетает вниз и располагается под СЛОЕМ-1 (что и требуется). Пока оба слоя расположены в ряд, между ними должен быть отступ. Если задать его так: . СЛОЙ 2 {margin-left: XXpx;} – это не помогает. Приходится делать: . СЛОЙ 1 {margin-right: XXpx;} Теперь – суть проблемы: Нужно, чтобы «Минимальная ширина экрана» была фиксированной (допустим 1024px), и чтобы при этой ширине СЛОЙ-1 занимал ВСЮ ШИРИНУ экрана (Параметр width…

    Asked by Дядька,

    0 votes
    6 answers

  18. Макет с выравниванием по центру и маштабирование.

    Здравствуйте. Я недавно начал изучать позиционирование с помощью CSS. Возник следующий вопрос после изучения сайта http://www.mozilla.org/. Как мне показалось, ресурс использует выравнивание по центру с фиксированной шириной, но при этом область контейнера масштабируема до определенного предела. Как реализовать выравнивание по центру с фиксированной шириной я имею представление: #container { position: absolute; left: 50%; width: 800; margin-left: -400; } Подскажите - каким образом реализуется макет с данного ресурса? А именно каким образом при фиксированном размере контейнера добавить возможность его сжатия до определенного предела при масштабировании? Или если т…

    Asked by Lazari,

    0 votes
    4 answers

  19. Вставка фото в код

    Какой вариант семантичней? 1) <img src="" width="" height="" alt=""> 1) <span><img src="" width="" height="" alt=""></span> если учитывать что перед и после картинки идут DIVы

    Asked by termoplus,

    0 votes
    8 answers

  20. Поворот текста. -webkit-transform.

    Поворачиваю текст на 90 градусов вот так: <h1 style="-webkit-transform: rotate(90deg); display:inline-block;">Это текст</h1> Но поворачивается текст вокруг центра, и получается какая-то фигня: Было: Стало: Как повернуть текст так, чтобы левый верхний угол исходной совпадал с левым верхним уже повёрнутой: ?

    Asked by Atilla,

    0 votes
    6 answers

  21. Не работает стиль hover для уже посещенной ссылки

    Здраствуйте. Столкнулся вот с такой проблемой: Не работает стиль hover для ссылки, если она уже была посещена. Т.е. при наведении на обычную, еще не посещенную ссылку, стиль hover применятся, а если ссылка уже посещена, то не работает. В чем тут может быть дело?

    Asked by bigferumdron,

    0 votes
    7 answers

  22. Война браузеров

    Доброго времени суток! Совсем замучило меня самоволие браузеров. Даже не знаю что делать. То айфрейм куда уедет из окошка браузера в мозиле(в ие все нормально), то блок с текстом пропадет неизвесно где в ие(в опере нормально)... Я, как новичок, много чего не знаю. И не знаю как быть с этой проблемой. Не с одним сайтом уже который раз застопориваюсь. Замучило, блин. Как от этого уйти? Доктайпом? или как? может я чего не знаю... ну должен же быть единый набор тегов, атрибутов и правил, который всеми браузерами воспринимается едино(может не до конца едино, но остальное и ручками доделать можно). Это не в доктайпе, случаем, написано? помогите....

    Asked by In_Variant,

    0 votes
    13 answers

  23. Layers

    У меня наверное очень дурацкий вопрос... Училась всему сама, поэтому толком спросить не у кого. Решила поработать со слоями. Вроде многое понимаю, но там народ использует css, что я только пытаюсь усвоить. Вопрос у меня такой: мне нужно сделать так, что-бы слои сообщались между собой, например слой с меню и слой с основным содержанием, что-бы работали ссылки, и что-б в слой не вставлять фрэйм, а открывать страницы полностью в слое. _____________________ P.S. Если можно подкинуть линки как это можно сделать без слоев, было бы тоже не плохо. Но кажется это как-то можно сделать в php..

    Asked by Murasaki,

    0 votes
    12 answers

  24. как напечатать кавычки?

    Друзья, неожиданно для себя столкнулся с затруднением. Взбрело мне в голову чтобы в textbox, value был с кавычками. Имеется ввиду вот что: <input type = "text" name = "example" value = "input "two thirty eight" "> Но к сожалению такой фрагмент кода не дал желаемого результата.. Итак, что же делать, если необходимо вывести значение value с кавычками?

    Asked by dusk238,

    0 votes
    16 answers

  25. background из 2-х цветов

    Здравствуйте. Не знаю, как реализовать такую схему: необходимо сделать фон для страницы так, чтобы левая сторона окна до середины была одного цвета (например, белого), а правая - другого (например, красного). Т.е. 50% окна по вертикали "залито" одним цветом, 50% - другим. Конечно же, очень хочется, чтобы независимо от разрешения (ширины окна) фон так и оставался на 50% белым, на 50% - красным. Спасибо заранее.

    Asked by Vo.Wonder,

    0 votes
    6 answers
×
×
  • 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