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. Галлерея

    Как сделать так, чтобы при нажатии на эту картинку: Она увеличивалась и появлялась тут.?

    Asked by vvsh,

    0 votes
    5 answers

  2. Таблица, вложенная в див, не растягивает его в ff и opera

    Доброе время суток!!!! Есть див со 100% шириной, в него вложена таблица, когда в таблицу забивают контент, то е? ширина может превысить 100%т.е. она растягивается. У дива есть все фоновый цвет, в браузерах ff и opera див не растягивается. Как можно решить данную проблему?

    Asked by Valentinka,

    0 votes
    4 answers

  3. Как всегда, непонятный эффект в IE

    Глюк в следующем. Делаю див, в нем по углам размещаю 4 картинки - для эффекта сглаживаемых углов. Картинки размещаю фоном. Во всех браузерах всё выглядит на ура. Далее, помещаю в контейнер еще один блок. В итоге в ИЕ нижние углы смещаются на пиксель вверх. В чем причина такого эффекта? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> </head> <body> <div style="position:relative; width:728px; float:left; display:inline; background-color:#bdbfc1; pad…

    Asked by AntonSubbota,

    0 votes
    18 answers

  4. position:fixed в IE и выравнивание по правому краю

    Из-за неработоспособности position:fixed в 6 эксплореле, пришлось применит следующий код, для фиксирования элемента на экране но проблема в том, что на некоторых страницах, появляется скрол и элемент fixed, который прикреплен к правому краю заезжает на него... каким образом сделать так чтобы, фиксированный элемент не наезжал на скрол?

    Asked by alex196,

    0 votes
    10 answers

  5. Непонятное поле

    Откуда возникает нижний отступ в элементе ul? Я выделил его границей чтобы было понятно. Появляется именно после добавления свойства overflow:hidden; <ul> <li><a href="#">123<div class="qc"></div></a></li> </ul> ul{ border:1px black solid; } ul li{ display:inline; } ul a{ display:inline-block; width:100px; position:relative; overflow:hidden; } .qc{ position:absolute; top:0; left:0; width:300px; height:100%; background:red; }

    Asked by aqua.77,

    0 votes
    15 answers

  6. Как сверстать клавиатуру такую как на картинке (iPhone KeyBoard)?

    Здрасте, помогите плиз сверстать такую клавиатуру как на картинке, как сделать тени такие, поместить такие значки shift и backspace? заранее спасибо

    Asked by vvsh,

    0 votes
    14 answers

  7. Материал для изучения HTML и CSS

    Здравствуйте! Подскажите пожалуйста какие-либо ресурсы / материалы для изучения HTML + CSS включая современные тенденции в этой области, что подразумевается под фразой "современные тенденции", когда то давно я начал изучать PHP, там были примеры как писать Web-приложения, построенные на функциях и множестве файлов (точек входа), потом все выученное я пытался адаптировать под классы, множество раз переписывал, с целью найти правильную концепцию написания сайтов, пока мне не посоветовали прочитать про схему MVC, если бы допустим в книге это было написано, я бы сэкономил кучу времени. Так же просьба отнестись с пониманием, перечитывать 10 книг по HTML и CSS это конечно хор…

    Asked by CLK,

    0 votes
    5 answers

  8. Резиновый дизайн: проблема в IE6 и ниже

    Делал резиновый дизайн. В Firefoxe, Opere, IE7 все работает так как надо, а вот в более ранних версиях IE появляются глюки(как на картинке внизу). Проблем еще в том что у меня Vista и не могу постоянно просматривать то, что получается в более ранних IE. должно быть: В IE6 и более ранних: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> * {margin: 0px; padding: 0px;} html {background: #000000; height: 100%;} body {min-width: 1000px; min-height: 100%; position: relative;} * html body {hei…

    Asked by k2s,

    0 votes
    3 answers

  9. css размер бордера

    может кто знает... в общем есть список (ul). по бокам от него идет бордер в 1 px. нужно, чтобы бордер прерывался за несколько пикселей до нижнего края. то-есть бордер должен идти не на всю высоту списка, а прерываться за несколько пх до конца врятли такое можно сделать базовыми средствами, но кто знает, может у кого есть свой рецепт

    Asked by imfate,

    0 votes
    6 answers

  10. Народ поможите плиз!

    не могу разобраться почему в i. explorer - все разъезжаеться. сайт www.v-otpusk.com. Во всех других браузерах сайт работает корректно.

    Asked by fishpunk,

    0 votes
    11 answers

  11. Создание таблицы в HTML

    Здравствуйте, создаю таблицу в HTML, не получается в конце таблицы равномерно распределить столбцы и ячейки. Подскажите пожалуйста в чем ошибка: Пример нужной таблицы во вложениях Ссылка на код: https://pastebin.com/ZL8GRHU5 Если не отображается ссылка текстовый документ кода во вложениях. Спасибо за помощь. Код.txt

    Asked by Yarolina,

    0 votes
    4 answers

  12. Что хочет от меня валидатор?

    я в английском слабоват, поэтаму не пойму почему валидатор считает это: "<", "/" ошибкой Вот скринфот: http://one-gi.ru.terra.mtw.ru/test/ntitled-1.jpg

    Asked by antonP,

    0 votes
    11 answers

  13. Пропорциональное выравнивание блоков по горизонтале

    Привет, экспериментирую и гуглю часа 4е... ничего подобного найти не удалось, в общем: Необходимо выравнить произвольное (и заранее не известное) кол-во блоков (то есть блочных элементов со всеми признаками блочности, включая возожность иметь потомков различного типа, включая блочных) по горизонтали, внутри родительского блока, и с учётом пропорционального центрирования. например, имеется 4е сестринских блока, располагающихся внутри контейнера по всей его ширене, занимающие всё его клиентское пространство пропорционально (так сказать по центру), и имеющие одинаковые отступы друг от друга, изменяющиеся (уменьшающиеся/увеличивающиеся) в зависимости от количества сестринских…

    Asked by Партия ЦКCSS,

    0 votes
    9 answers

  14. Проблема с границами

    Всем доброго времени суток. Выполняя тестовое задание, столкнулся с проблемой. Сделал меню. В условия было указано, что надо использовать только css и html: http://jsfiddle.net/...ebee1993/WxdQp/ Проблема: Перегородка между элементом основного меню и раскрывающимся под ним списком должна отсутствовать. Выслушаю любые предложения. Заранее благодарен

    Asked by Bumblebee,

    0 votes
    24 answers

  15. Как избежать раздвигания слоя при использовании шрифта стиля italic?

    На сво?м сайте цитаты хочу оформить курсивом. В свойства содержащего цитаты слоя ставлю font-style: italic, после чего получившийся курсивный шрифт делает слой шире. Прич?м так, что внешний слой раздвигается, "ломая" дизайн. Такой эффект наблюдается в ИЕ, в Опере его нет. Есть ли способ научить ИЕ нормально работать с курсивом? Вот что у не?го получается (стрелкой отметил разрыв в border внешнего слоя):

    Asked by ArCher,

    0 votes
    0 answers

  16. overflow: visible в IE

    Всем привет!!! Подскажите плиз решение данной проблемы(если оно есть). Вот код: div#test { margin: 0; padding: 0; width: 100px; background: #ff0; border: 1px solid #000; zoom: 1; overflow: visible; } </style> <div id="test"></div> <div id="test">asdadaasddssssssssssssssssss</div> Везде кроме IE эти контейнеры имеють шрину 100px и видно их содержимое(ибо overflow: visible;), а IE растягивает нижний до размеров содержимого, игнорируя width: 100px;. Подскажите можно ли это както поправить?(мне это нада для создания контента который не занимает места, position: absolute не подходит)

    Asked by CoDy,

    0 votes
    2 answers

  17. Разное отображение в разных броузерах

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

    Asked by Xander,

    0 votes
    3 answers

  18. Проблема с таблицами в Firefox

    Привет коллеги! Вот такая проблема у меня! Есть код! <HTML> <HEAD> <TITLE>Ïèñòàòûé ñàéòåö</TITLE> <style text/css> html,body,p,div,table,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;} img,table {border-width:0;} </style> </HEAD> <BODY bgColor="#1a1a1a" leftMargin="0" topMargin="0" marginheight="0" marginwidth="0"> <TABLE cellSpacing="0" cellPadding="0"> <TR> <TD></TD> <TD> <!-- Left menu user --> <TABLE cellSpacing="0" cellPadding="0"> <TR><TD><A href="http://"><IMG src="image/but_ind.gif" width="59px" height="58px" alt="Íà ãëàâíóþ ñòðàíèöó"></A></TD&…

    Asked by mnemonix,

    0 votes
    7 answers

  19. Проблема с padding-ом

    В Опере отступ от текста, до края кнопки нормальный, а в IE больше, как сделать, чтобы бало аналогично Опере??? .MainMenuLinks_Brown_sl { position: relative; top: 20px; font-size: 0.7em; padding: 3px 5px; margin-left: 105px; background: #942400; border: 1px solid #fff; color: #fff; font-weight: bold; text-decoration: none; } .MainMenuLinks_Brown_sl:hover { background: #ffffcc; color: #3366cc; }

    Asked by Alek7y7,

    0 votes
    8 answers

  20. В ячейке текст переносится на новую строку, почему?

    Делал таблицу в программе NVU, в первой ячейке должен быть заголовок "московский государственный университет природообустройства (мгуп), но почему-то после слова университет текст переносится на другую строку этой же ячейки, почему такое происходит? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>Table</title> </head> <body> <table style="text-align: left; width: 1200px; height: 800px;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 95px; width: 33…

    Asked by sinderman,

    0 votes
    3 answers

  21. Валидатор ругается на тег - table.

    Здравствуйте. Валидатор ругается на тег - <table>, подскажите как устранить эту ошибку ? https://validator.w3.org/check?uri=http%3A%2F%2Fxn--b1aaib2asvk.xn--p1ai%2Fkustom.html&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices , а также говорит про устаревшую запись - <p><a name="lst1"></a></p>, как её правильно переписать ? Адрес страницы - http://велосвет.рф/kustom.html . Спасибо !

    Asked by Kompilator,

    0 votes
    24 answers

  22. Изменение цвета ссылки при нажатие

    Собственно задача вот в чем: есть ссылки в меню и при нажатие на ссылку она должна становится красной допустим, но если использовать: A:visited то после нажатия на эти ссылки они и остаются такого же цвета всегда, а мне нужно чтобы нажал допустим на пункт 1 он стал красный а остальные все черные, нажал пункт 2 он стал красным а остальные все черные, и красный он стал на все время пока выбран этот пункт...

    Asked by lapas,

    0 votes
    8 answers

  23. Добавление разметки для оформления посредством js

    Здравствуйте! Недавно пришлось верстать макет, где блоки были обернуты в специфическую рамку, которую пришлось порезать на картинки с уголками и четырмя сторонами. В итоге получился примерно такой код: <div id="wrapper"> <div class="left-top-corner"></div> <div class="left-vertical"></div> <div class="right-vertical"></div> <div class="right-top-corner"></div> <div class="right-bottom-corner"></div> <div class="left-bottom-corner"></div> <div id="content"> <div class="top-gorisontal"></div> <div class="right-top-corner"></div> <div class="right-ve…

    Asked by _axl,

    0 votes
    8 answers

  24. Как полностью заполнить область область родительского блока дочерними

    Имеется фиксированный двухколоночный макет. Левая колонка - сайдбар, правая - контент. Вверху шапка, внизу "прилепленный" к низу футер. Все блоки, кроме футера, обёрнуты в #container, от которого позиционируется футер. Проблема в том, что дочерние блоки (сайдбар и контент) не фиксированные, и если один из них имеет бОльшую высоту, он "выезжает" за границу #container. Таким образом, футер оказывается парящим посреди экрана, в то время как выезжающий блок - уходит за нижнюю границу экрана. Задача Полностью вместить все дочерние блоки в родительский, чтоб они не выезжали, в то время как нижняя граница самого "высокого" из них должна совпадать с границей #container. Решение П…

    Asked by demoncheg,

    0 votes
    20 answers

  25. Вставка картинки тэгом object - проблемы с IE

    <object type="image/gif" data="img/logo.gif"> Здесь находится форматированный текст </object> Задумка такая - чтобы при отключеной графике отображался текст заданного размера и формата. Думаю можно использовать слои - но я с ними пока не дружу. Файрфокс и Опера нормально отображают рисунок, а ИЕ - вообще не отображает. Причем если выставить ширину и высоту объекта, то он вставляет фрейм с рисунком. Соб-но вопрос: как добиться, чтобы ИЕ отображал рисунок? Заранее спасибо

    Asked by Razor,

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