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. frD-Картинки в таблице

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

    Asked by Nikl,

    0 votes
    2 answers

  2. Как сделать область страницы ссылкой?

    Подскажите, как сделать так, чтобы при нажатии в любую область страницы можно было перейти по ссылке дальше?

    Asked by annalp25,

    0 votes
    2 answers

  3. Косяк с таблицей стилей в маркерованном списке

    Здравствуйте. У меня такая проблема: Есть меню, сделанное списком <ul> <li>, с помощью css присваиваются маркеры: ul#my-menu li.collapsed {list-style: url("/images/collapsed.gif")} ul#my-menu li.expanded {list-style: url("/images/expanded.gif")} ul#my-menu li.kl {list-style: disc; color:white;} ul#my-menu ul {list-style: disc; color:white;} вот html код мею: <ul id="my-menu" class="sample-menu"> <li><a href="#0">Автосвет, автолампы, ксенон, биксенон</a> <ul> <li><a class="direction" href="/catalog/index.php?group=16&menu=1"> Альтернативная оптика</a></li> <li><a class="direction" href="/catal…

    Asked by eugene1986,

    0 votes
    12 answers

  4. Пошагово растягивающаяся таблица

    Приветствую. Есть таблица в три столбика, первый и третий фиксированы по ширине, средний резиновый. В среднем столбце - плавающие блоки (float:left). Этих самых блоков допустим 10 штук. В зависимости от разрешения экрана в средний столбец влазит разное количество блоков. Проблема в том, что средний столбец растягивается на максимально возможую ширину, а хотелось бы, чтобы его ширина равнялась минимально возможной, но вмещала максимальное количество блоков. На данный момент решено с помощью JS, но хотелось бы решение поизящнее. Если непонятно изложено, позже будут картинки. ЗЫ Не слишком силен в верстке, сильно не пинайте)) кстати код: <html> <head> <style…

    Asked by bacca,

    0 votes
    4 answers

  5. Резиновый фон

    Здравствуйте. Постоянно при верстке возникает проблема, как сделать резиновый фон из нескольких картинок. Допустим, мы имеем три картинки для шапки, например эти: 1, 2, 3. Также есть фон на сайте, такой. Подскажите пожалуйста, как из всего этого сделать так, чтобы шапка была по центру сайта, и при просмотре её, допустим на разрешении 800x600, шапка обрезалась с обоих сторон, то бишь с левой и правой.

    Asked by Буллет,

    0 votes
    7 answers

  6. Проблемы совместимости CSS3 и браузеров

    Привет. есть код вращения некого куба, но работает только в firefox 26.0 Safari 5.1.7 не пашет Opera 18.0.1284.68 не пашет Chrome 32.0.1700.76 m не пашет Все браузеры обновлены на текущий день.. делаю -o- -webkit- пофигу.(((( transform-origin: 50% 50% -105px; -webkit-transform-origin: 50% 50% -105px; -moz-transform-origin: 50% 50% -105px; -o-transform-origin: 50% 50% -105px; transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:-o-preserve-3d; -webkit-transform-style:preserve-3d; transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;

    Asked by romoga,

    0 votes
    10 answers

  7. vertical align у inline-block

    <div class="parent"> <div class="helper"></div> <div class="child">TEXT</div></div>.parent { height:100px; width:600px; border:1px solid #ff0000;}.helper { display:inline-block; height:100%; width:1px; background:green;}.child { display:inline-block; vertical-align:middle; border:1px solid #0000ff;}Не могу понять, как работает способ вертикального центрирования. https://jsfiddle.net/mws18yoL/ Если дать элементу .helper vertical-align:middle, то центрируется отлично. Без этого нет. Но ведь должно и без того? Высота строки задана блоком .helper в 100% от родителя. Далее известно следующее - vertical-a…

    Asked by sond1k,

    0 votes
    15 answers

  8. Подключение части кода при помощи JS

    Здравствуйте. Ситуация такая - есть некий сайт, где на всех страницах одинаковая менюшка. Необходимо как-то изменять е? не мучаясь со всеми страницами, а заменяя только какие-то части кода в одном файле. Возможности подключить этот файл с помощью PHP нет. Знаю, что можно так сделать при помощи JS, но не очень понимаю как это осуществить. Буду очень благодарна, если кто-нибудь подробненько напишет здесь об этом. Спасибо!

    Asked by cherry,

    0 votes
    2 answers

  9. Фиксирование контента

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

    Asked by Zarina,

    0 votes
    12 answers

  10. Отображение таблицы в разных доктайпах

    Есть у меня табличка с данными, а у таблицы декоративная рамка, где картинки порезаны на части и распределены между ячейками таблицы. Доктайп был loose, и всё выглядело замечательно. Потом вдруг думаю - переделаю-ка на strict, делов-то. Поубирал все лишние параметры таблицы из html (border=0 align=center cellpadding=0 cellspacing=0), перенёс в стили. Откуда ни возьмись, появились промежутки между ячейками, и в рамке появились разрывы. Задал в CSS для таблиц margin: 0; padding: 0; border-spacing: 0; - не помогло. Задал для строк - не помогло. Задал для ячеек - не помогло. Задал для картинок - тоже не помогло. Что б ему ещё такое сказать, чтоб он понял?

    Asked by Pinguin,

    0 votes
    12 answers

  11. Помогите с бланком!!!

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

    Asked by red-nicolas,

    0 votes
    8 answers

  12. Пробел между элементами

    Подскажите, пожалуйста, в чем ошибка? Данный кусочек кода FF отображает как задумано (без пробелов), а ИЕ откуда-то берет пробел. От него нужно избавиться. (sq.gif - квадрат 100 на 100 пикселей) хтмл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>Тест отступов</title> </head> <body> <div class="asdasd"> <img src="sq.gif"> </div> <img src="sq.gif"> </body> </html> цсс body {margin:0px;padding:0px;} .asdasd {float:left;width:100px;}

    Asked by valler,

    0 votes
    2 answers

  13. Подскажите с чего начать верстать шаблон

    Дали задание тествое. необходимо сверстать шаблон из psd рисунка, подскажите плиз с чего начать

    Asked by parfeon,

    0 votes
    5 answers

  14. iframe вывод клика по ссылкам в сам фрейм

    Помогите пожалуйста разобраться Я вставляю в свой сайт при помощи IFRAME другой сайт вот так: <iframe name="iframe" src="http://www.youtube.com/user/temamod" width="100%" height="1350" scrolling="no" align="left" frameborder="0"> </iframe> в результате получается так http://www.berserkway.ru/?page_id=96 НО нажимая ссылки во фрейме youtube меня выкидывает на отдельную страницу а надо чтобы резултаты нажатия ссылок выводило в этот фрейм. Как это сделать ? Причем наблюдается зависимость от того какой сайт вставляешь - какие то сайты отдельные окна по ссылкам открывают, а какие то внутрь фрейма результат выдают.

    Asked by Tema_The,

    0 votes
    9 answers

  15. Примнение Css3 К Select Элементам В Webkit Браузерах

    Может кто знает почему не работает box-shadow для select в webkit (safari, chrome) браузерах? Да и не только box-shadow, select вообще отказывается работать с новыми свойствами CSS3. Хотя в Opera'е и FF всё работает отлично.

    Asked by markilfin,

    0 votes
    1 answer

  16. Нужна помощь! я испортила все

    Экспериментировала с кодом ( пыталась вставить форму ВК комментариев на сайт ) и доэкспериментировалась теперь статьи не отображаются http://for-women-s.ru/modnye-dzhinsy-2013/'>http://for-women-s.ru/modnye-dzhinsy-2013/ пишет HTTP500 вот сайт http://for-women-s.ru/ главная отображается нормально, какого то кода вылезла вверху class="home blog logged-in admin-bar no-customize-support custom-background"> помогите пожалуйста!!!! меняла код в нескольких местах: zeeNews: Заголовок (header.php) <!DOCTYPE html><!-- HTML 5 --> <html <?php language_attributes(); ?>> <head> <meta http-equiv="Content-Type" content="<?php bloginfo('html_ty…

    Asked by alina9691,

    0 votes
    9 answers

  17. Ссылка с якорем и без.

    Здравствуйте! Помогите советом. Имеем стандартное меню с выпадающими списками. Основные пункты меню ведут на соответствующий раздел, подпункты ссылки с якорями осуществляют плавный переход к соответствующему блоку на странице. Возникла проблема следующего типа: Находясь в своейм разделе подпункты работают как и подобает ссылке с якроем, а вот подпункты из другого раздела не работают как ссылки. Ссылка типа: http://temp.loc/#block-1Работает как якорь. Ссылка типа: http://temp.loc/?page=2#block-2Работает как и подобает ссылке, но как её заставить работать с плавным переходом?

    Asked by Vicos,

    0 votes
    8 answers

  18. Как сделать главный экран на сайте

    Добрый день. Есть макет, в котором предусмотрен главный экран (верхняя часть сайта без основного контента). Нужно, чтобы этот экран занимал весь вьюпорт по высоте и ширине и был адаптивным, то есть на всех экранах (начиная с ширины в 1000px) при открытии сайта все пространство должен занимать этот экран. Также нужно, чтобы картинка на фоне тоже была адаптивной (background-size: cover дал не совсем тот эффект, сама картинка должна центрироваться, а не уменьшаться пропорционально). Как это реализовать? Заранее спасибо. P.S. На картинке тот самый главный экран (шапка, блок с "можем-получаете" и блок "хотите..."). Ниже в макете идет основной контент (простой текст).

    Asked by mankutila,

    0 votes
    3 answers

  19. Анимация CSS3 или JavaScript

    Ребят, подскажите, пожалуйста, есть ли вообще смысл изучать и применять анимирование на CSS3, ведь javascript куда чаще используется для решения данных задач? Да и вообще, в каких случаях целесообразнее использовать CSS3, а когда javascript? Заранее спасибо всем кто обьяснит и поделиться своим опытом с бедненьким неучем!

    Asked by VIVA,

    0 votes
    14 answers

  20. Информация о разрывах строк, вносимых браузером

    Ищу функцию, которая могла бы взять HTML-документ и расставить в его текстовых блоках разрывы строк, в точности, как это делает браузер. Желательно, что бы эта фунция была полностью реализована в php. Но если у какого-то браузера есть плагин с соответствующей функцией, то тоже пойдет. К примеру в Опере есть плагин DragonFly, который для каждого HTML-блока показывает его реальную ширину, но прежде чем этот параметр увидать, надо на соответствующий блок ткнуть указателем. Такую рутину врядли можно автоматизировать. Вот если бы Опера записывала реальную ширину всех блоков в отдельный лог, то было бы замечательно. Тогда по этому логу можно было бы получить информацию о разрыв…

    Asked by freeneutron,

    0 votes
    10 answers

  21. 3я колонка в резиновом макете

    Салют! Верстка слоями. Описание: maindiv - контейнер, растягивается на весь экран. 1я колонка - фиксированная ширина в px; 2я колонка - динамическая ширина; 3я колонка - фиксированная ширина в px, всегда в правом углу maindiv. /maindiv Задача: сверстать так, чтобы при уменьшении окна браузера, макет не рассыпался (что происходит при использовании float) и слои не налазили друг на друга (что происходит при использовании абсолютного позиционирования). Проблема, в общем, в 3ей колонке, т.к. для нее нельзя точно задать margin-left Естественно, Java или таблицы - неинтересные решения

    Asked by Jadd_NS,

    0 votes
    5 answers

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

    Пытаюсь учится HTML и CSS. Для этого создал сайт. Сделал вроде всё нормально, но в разных браузерах отображается по разному. Вот код: <!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"> <meta name="Description" content=""> <meta name="Keywords" content=""> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <title>титл</title> <style type="text/css"> BODY { background: url("pic.gif") repeat-x; text-align: center; } DIV { margin: auto; width: 81%; height: 90%; text-align: left; padding: …

    Asked by Gardarik,

    0 votes
    6 answers

  23. html lang="ru"

    Ранее использовал в своих шаблонах следующие строчки ?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> и тд Теперь решил перейти на HTML5 и пока не нашел информации о том есть ли изменения в указаниях языка сайта <!DOCTYPE HTML> <html lang="ru" - ??> <head> Подскажите наиболее корректный вариант.

    Asked by cmndr_alexgreen,

    0 votes
    3 answers

  24. [CSS] Как из CSS вызвать изображения?

    Привет всем. Начав заниматься HTML и созданием сайта с нуля я столкнулся с такой проблемой: У меня есть изображения (фон=background) которая я растянул по всему экрану: body { background: url(images/bg.png) no-repeat; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }Ну вроде всё работает отлично, код занимает много место в index.html поэтому я решил поставить его в CSS(не знаю правильно я думаю и вообще возможно ли такое?). Я создал файл body.css и там добавил код выше, я его загрузил в index.html кодом: <link href="css/body.css" rel="stylesheet" />Но почему то всё…

    Asked by Johhnyl,

    0 votes
    10 answers

  25. pop-under

    Как реализовать всплывающее окно у себя на сайте? По технологии: _popunder.ru _popads.ru

    Asked by UnFeeLing,

    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