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

29,542 questions in this forum

  1. div'ы в ячейке таблицы

    Доброго времени суток всем! Столкнулась с такой проблемой. В левом столбце таблицы ширина которого 600px мне нужно разместить несколько превьюшек определенного размера. Как их выровнять в ячейке по центру? И возникла проблема с mozill_ой-отображает превью в виде маленьких квадратов... CSS .image { float: left; padding: 3px; margin: 6px 12px 12px 6px; border: 1px solid #CCCCCC; } html <table width="100%" border="0"> <tr> <td colspan="2"><h4 align="center">Фотоальбомы</h4></td> </tr> <tr> <td width="600" align="center"> <div class="image"><a href="# target="_blank"><img sr…

    Asked by Angela,

    0 votes
    6 answers

  2. Убрать рамку вокруг картинки

    Вот такая проблема, делаю дизайн, а картинка с ссылкой в IE и Firefox обведена рамкой, что уже только не прописывал в css все равно не помогает. не знаю как ее убрать. делаю все на дивах http://zodiak93.wen.ru/1120/0011204.gif

    Asked by ZODIAK93,

    0 votes
    2 answers

  3. Пустой список на псевдоэлементах

    Здравствуйте. Решил после теории попробовать силы и помучить "Практикум" на сайте. Задание 3 "Вложенные списки". Понятно, что решение просто и очевидно. Но тут внезапно(!) возник синдром "Мы не ищем легких путей" и тяга к "Великой оптимизации". Идея в том, что в html мы не вписываем вручную однотипные наименования пунктов и однотипную нумерацию. А просто используем :before и after. Что как бы более соответствует прекрасной идее - "HTML создается только раз и дальше все редактируем только через CSS". Собственно, код. Внешне все выглядит также, как на html-списках и валидно. Вопрос: 1. Есть ли какие-то подводные камни в таком подходе - почему он может быть плох? Старые IE …

    Asked by Kray Storm,

    0 votes
    4 answers

  4. Ширина(box-sizing) в Mozilla

    У меня есть один блок, во всех браузерах он отображается нормально, но в Mozilla нет. Проблема оказалась в box-sizing. Прочитав на этом сайте об этом тебе я обнаружил что начиная с Mozilla 1.0+ этот тег не воспринимается. Но что мне тогда делать? Ведь блок вылазит за свои рамки! Я пробовал -moz-box-sizing: border-box; он начинает видеть этот тег но вообще никак не реагирует на него. Как быть?

    Asked by Coshe,

    0 votes
    7 answers

  5. Список в две колонки

    Привет! есть список он отображается криво http://jsfiddle.net/soltx/y4qdab97/ как поправить (кроссбраузерность ie9+)

    Asked by soltx,

    0 votes
    11 answers

  6. В бутстрап-форме делаю отступы в 2 колонки слева и справа

    Всем привет, В бутстрап-форме делаю отступы в 2 колонки слева и справа с помощью col-sm-offset-2 и .col-xs-offset-right-2 и в стилях определив: .col-xs-offset-right-2 { margin-right: 16.66666667%; } Внизу формы группа кнопок выравненные вправо и возник вопрос а как сделать отступ справа в 2 колонки col-sm-offset-right-2 в этом случае не помогает https://jsfiddle.net/e214b0ab/18/ Выложив на фиддл, увидел, что он для колонок отступы справа не отображает хотя у меня и chrome и ff отступы справа отображаются нормально http://i.imgur.com/HdVXxvk.png Спасибо !

    Asked by mstdmstd,

    0 votes
    3 answers

  7. Установка цвета через JavaScript

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>пара</title> <script> for(i=0; i<elem.length; i++) { alert(elem[i]); } function lol(nan) { var i; var elem = document.getElementById("sas"); elem.style.color = nan; } </script> </head> <body> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <button onclick="lol('red')">Красный</button> </body> </html> При нажатии…

    Asked by ErUnDAK,

    0 votes
    3 answers

  8. Помогите разобраться с css

    Для блока пытаюсь установить фон, при увеличении фон обрезается браузером до размера окна, но контент за его пределами имеется и остается без фона. что я делаю не так? #header{ background: url(../images/header.png) no-repeat center center fixed; background-size: cover; flex: 1 0 auto; }

    Asked by Frikker,

    0 votes
    8 answers

  9. Можно ли задавать высоту обертки, блока всей секции в rem?

    Возник такой вопрос, пока учился верстать, все всегда говорили что высоту блока либо обертки для всей секции лучше не задавать (типо пусть блок отталкивается от контента, и потом уже задать падинги), так как при адаптиве есть шанс что все попадает, но недавно на одной забугорном ролике по бутстрапу увидел что верстальщик внаглую прописывает всем блокам высоту в rem (не важно, обертка ли это для сексии, кнопка, обертка картинки и тд), отталкиваясь от body который прописан в пикселях. Rem как-то более толератнее относится к адаптиву? Или есть какая то фишка?

    Asked by Goreska,

    0 votes
    1 answer

  10. Что делать, чтобы после клика на элемент меню сайт не "ездил"?

    На сайте в разных местах несколько разных меню. НО: когда кликаешь на пункт того меню которое в справа, сайт показывает браузеру свой левый верхний угол. И вообще куда ни кликай, все равно сайт после клика показывает левый верхний угол. Как это из бежать? Как сделать чтобы пользователь кликнул на меню и курсор мышки в блоке того же меню и оставался. Слышал что это можно решить средствами CSS, но не понимаю какое свойство CSS за это отвечает.

    Asked by VasyOK{!},

    0 votes
    10 answers

  11. Border наползает на img

    У тега H2 есть нижний border. Есть img элемент. У него float:left; Далее идет текст, который, собственно, обтекает элемент img справа. Все нормально, пока текст не доходит до тега H1: сам текст (что в теге H1) имеет нормальный отступ слева (т.е. ширина изображения), а вот нижняя рамка, заданная border-left:... как бы не видит изображения слева и простирается на всю ширину (т.е. проходит под изображением (изображение с прозрачным фоном)). Пробовал и в мозиле и в ie - эффект один и тот же. Подскажите как быть.

    Asked by volkov59,

    0 votes
    9 answers

  12. Блок на всю ширину экрана

    Вопрос для знатоков. Нужно внутри блока фиксированной ширины вставить блок, который при любом разрешении будет на 100% ширины экрана, а не родительского блока. Все перепробывал, ничего не выходит. Может кто подскажет?

    Asked by necro,

    0 votes
    11 answers

  13. Почему не работает border-radius?

    Не работает http://jsfiddle.net/3eWdd/

    Asked by DivMan,

    0 votes
    3 answers

  14. резиновая верстка

    Здравствуйте. Скажите, пожалуйста, у меня получилась резиновая верстка? По-моему не очень. Как улучшить? http://jsfiddle.net/30pezc2f/

    Asked by zolga7,

    0 votes
    13 answers

  15. DIVы с параметром адщфе и динамическое изменение размеров одного элемента

    Друзья, в общем не знаю можно ли сделать что нибудь с этим или нет но примерно опишу что нужно. В общем есть скрипт, скрипт выводит элементы на экран в контейнере DIV, понятное дело что каждый новый ДИВ переносится на новую строку. Я делаю float:left; тем самым добиваясь размещения на одной строке и переноса на следующую всех не поместившихся. Все бы было отлично если бы не одно НО. В каждом контекнере есть активные элементы, по просту добавляющие элементы формы, тем самым раздвикая мой контейнер (только один!) по высоте, отсюда получается что те контейнеры что были внизу, на второй строчке переносятся дальше, начиная с того, чья высота была изменена. вот код гогда все эл…

    Asked by Master of Code,

    0 votes
    2 answers

  16. Submit неотмеченного checkbox-а

    Здравствуйте. Вроде бы простая проблема, но совершенно поставила меня в тупик. Мне нужен checkbox, который при submit-е передает 0 если он не отмечен, и 1 когда отмечен. Когда он отмечен проблем нет, все работает как надо. Но когда бокс не отмечен, он вообще не передается в запрос. Можно ли как-нибудь сделать чтоб его статус всегда передавался, независимо, отмечен он или нет? Вот его код: <input name="nulpack" type="checkbox" id="nulpack" value="1" /> При отмеченном: test-1.html?nulpack=1 При неотмеченном: test-1.html? (надо чтобы было nulpack=0)

    Asked by Keroro,

    0 votes
    5 answers

  17. css-как сделать, где искать..

    Добрый день. Делаю свой первый сайт и есть проблемка у меня в css, а именно есть горизонтальное меню с родительскими элементами (приложил скрины) и мне нужно чтобы активные пункты были другого цвета. Например, активный пунт и родительский элемент (подпункт) одного цвета - зеленого, а другие родительские пункты (неактивные) - серого. Посдскажите пожалуйста, где и как? Спасибо -) #mainMenu { float: left; width:700px; height: 28px; margin-top: 0; margin-right: 0; margin-left: 1px; } .menu { padding:0; color: #666; height: 28px; margin: 0; font-size: 10px; text-transform: uppercase; } .menu ul{ list-style:…

    Asked by kayross,

    0 votes
    3 answers

  18. Прописываю размер шрифта 10, а он 12

    Здравствуйте уважаемые знатоки. Попробовал часть страничек вручную переписать, чтобы уменьшить количество кода. И всё бы нормально, но в левой колонке - оглавлении, после слов "Маршруты Среднего Урала" я хотел сделать шрифт 10. И как только можно вписал эту десятку. а он всё 12. Вдобавок, при уменьшении окна, строчки вместо того, чтобы соскальзывать вниз, налезают друг на друга. Привожу адрес одной из таких недоделанных страничек http://www.po-miry.ru/POHOD/TURIZM_STATJA/STATIJ_TURIZM.htm Ну что там надо исправить? Поможите люди добрые, сами мы тут не местные.

    Asked by beze,

    0 votes
    5 answers

  19. Установка Opera developer tools

    Вопрос немного нетривиальный и возможно слишкой странный ))) немного полазив по http://dev.opera.com/articles/view/opera-developer-tools/ и почитав инструкции по установки вошел в конфуз, выйти пока не могу!!! говорится перетащите developer tool button в верхнюю часть оперы, ВРОТМНЕНОГИ, где эта кнопка? у меня последняя 10 опера

    Asked by TonKhaO,

    0 votes
    8 answers

  20. colgroup

    <table> <colgroup span="1" style="text-align: right; color: green; background: gray;"> <colgroup span="2"> <tr class="lvl1"> <td>Параметр</td> <td>Значение</td> <td></td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table> в пустой странице, других стилей и т.п. нет. Кто-нибудь может объяснить, почему цвет к фону применяется, а вот позиционирование текста и цвет текста - не работает ?

    Asked by Razor,

    0 votes
    5 answers

  21. <input type="text" параметры>

    как мне сделать поле ввода с закругленными концами?

    Asked by Ramshine,

    0 votes
    3 answers

  22. полупрозрачный PNG и filter: Alpha(opacity) не дружат?

    При попытке изменить в IE прозрачность png с полупрозрачными областями с помощью filter: Alpha(opacity=...) прозрачные места становятся черными. При этом прозрачность полупрозрачного PNG спокойно меняется CSS св-вом opacity в "конкурирующих браузерах" В чем тут причина?

    Asked by miknsk,

    0 votes
    3 answers

  23. Прижать footer к низу страницы

    Все добрый день, помогите пожалуйста сделать так чтобы футер оставался всегда внизу страницы, перебробовал разные варианты не получается, вот примерная структура страницы <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd"> <html> <head> <body> <div id="cont"> <div id="otziv"> <div id="main"> <div id="container"> <div id="footer"> </div> </div> </body> </html> CSS #cont { margin-left: -550px; position: relative; width: 1100px; } #otziv { background: url("../imgs/otziv.jpg") no-repeat scroll 0 0 transparent; float: left; hei…

    Asked by romanov,

    0 votes
    15 answers

  24. Верстка сложных элементов

    Всем привет! Есть задание, сверстать фигуру представленную ниже на картинке, так как предусмотрен hover эффект тени по всему контуру фигуры. Возникла сложно с версткой элементов обрамленных красным квадратом... Так же стоит учесть что это часть пазла представленного из четырёх элементов, и на каждом должен быть hover эффект... Как можно сверстать эти элементы? Заранее большое спасибо за помощь!

    Asked by Alexander_G,

    0 votes
    4 answers

  25. Растягивание изображения на весь экран

    Господа, прошу прощения за ламерский вопрос (я не спец в html совсем), но подскажите, пожалуйста, по каким причинам вот этот код <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Background</title> <style> body { background: url(https://content.screencast.com/users/immick6307/folders/Snagit/media/43d76d9a-3476-4bb7-ac03-185a3ec097bb/12.14.2021-12.42.png) no-repeat; -moz-background-size: 100%; /* Firefox 3.6+ */ -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */ -o-background-size: 100%; /* Opera 9.6+ */ background-size: 100%; /* Современные браузеры …

    Asked by The_Immortal,

    0 votes
    11 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