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. Завернуть каждые 4-e li в div ?

    Имеется ненумерованный список <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul> Нужно завернуть по 4-е элемента списка li в div, вот как в таблице строка и в ней ячейки <table> <tr> <td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td> </tr> </table> Так же как в таблице хочу разбить на строки каждые 4-е li пример ниже <ul> <div> <li&g…

    Asked by ilyas,

    0 votes
    3 answers

  2. блочная вёрстка

    ребята как не пойму как сделать блочную вёрстку вот этой таблицы http://jsfiddle.net/EHTEm/23/ выручите пожалуйста

    Asked by wellew,

    0 votes
    3 answers

  3. помогите изменить сумму на буксе

    вот сайт http://zarabotai.hut...ise.php?adv=dyn вот код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd"> <html xmlns="webmoney.attestation.label" CONTENT="description" content=""> <meta name="stylesheet" href="/css/main.css" type="stylesheet" href="/css/task.css" type="Javascript" type="javascript:StayFilter();'> <div id="center' class='0' cellspacing='0' border='0'> <tr> <td><a class='logo-summer' href='/index.php' title='Tolstosum - Всё для максимальной раскрутки!'></a></td> <td align='right' valign='bottom' nowrap='nowrap'></td> <td alig…

    Asked by alik0071,

    0 votes
    0 answers

  4. Плавающее меню (position: fixed и прочее) (проблемы)

    Уважаеме форумчане! Прошу помощи. http://jsfiddle.net/rgSFb/ 1) Не получаеться настроить "адаптивность" меню под разные мониторы. Если недостаточный размер экрана, то содержание меню справа (style="float: right;") как и надо наезжает на первое, но при этом, нижнее меню (третье, блок nav_top_2) с поиском это всё закрывает, а я хочу, чтобы оно сезжало ниже. 2) Нужно центрировать поисковые элементы (содержимое nav_top_2). 3) Нужно сделать, чтобы начало содержимого страницы (там где текст "Start"), т.е. начало блока с контентом (id="content") шло после этого меню, т.е., чтобы на маленьком экране, меню не перекрывало контент, а наоборот, контент сезжал вниз. Заранее благодарен…

    Asked by frankus,

    0 votes
    10 answers

  5. Проблема с градиентом

    Возникла проблема при выполнении практического задания http://htmlbook.ru/practical/forma-registratsii То что сверстал можно посмотреть здесь: http://jsfiddle.net/Ratmir/hfCEB/ В Опере и IE градиент не отображается, хотя префиксы указал. В других браузерах все нормально. В чем может быть проблема? И второй вопрос. В задании на кнопке в верхней половине наблюдается полупрозрачный фон, который по форме напоминает уменьшеную кнопку. Можно ли сделать это при помощи CSS или только через картинку?

    Asked by gregsv,

    0 votes
    4 answers

  6. input type file

    Еще раз привет, я точно не знаю как это делается, но нужно Input type file стилизовать

    Asked by exoty,

    0 votes
    2 answers

  7. Затруднение

    Скрытый текст Добрый день. Подскажите пожалуйста. Зачем использовать для кнопок список, а например не тот же <button> или input? <section id="hero" class="container"> <header> <h2>Lorem Ipsum is simpply <br /> when an unknown printer <a href="#">HTML5</a></h2> </header> <p>Designed and built on <strong>skel</strong> by <a href="#">AV</a>. Released for free under <br /> the <a href="#">Lorem Ipsum is simply dummy text </a>.</p> Здесь- <ul class="actions"> <li><a href="#" class="button">Get this party started</…

    Asked by King - Ushol,

    0 votes
    2 answers

  8. Подскажите как так сверстать

    Привет всем, Подскачите как сверстать вот так как тут http://slando.ru/ Возникли проблемы именно с средней частью (где рубрики картинками и карта) Подскажите как расположить категории точно так же.

    Asked by rusbit,

    0 votes
    2 answers

  9. Количество <header> на одном сайте

    Начал присматриваться к html 5..Возник вопрос.В инете не нашел. Если на одном сайте используется несколько шаблонов(например главная страница один шаблон, внутренние другой и т.п.).Создаю для главной страницы тэг header . В CSS стили прописываю для header.Если в другом шаблоне понадобится данный тэг. У него уже будут свои стили. В <p> тупо можно было брать и менять id или class. А как тут быть??

    Asked by Demon_gms,

    0 votes
    6 answers

  10. Выравнивание текста

    Вроде простая задачка, но у меня никак не выходит. Нужно выровнять 2 слова на одной строке, один по правому, другой по левому краю. Прописать нужно стилями и обязательно внутри тэгов <body>

    Asked by gadjet,

    0 votes
    2 answers

  11. как сделать «full background горизонтальный слайдер»?

    Не знаю как правильно назвать,подскажите пожалуйста, как можно сделать «full background горизонтальный слайдер» как на этом сайте http://www.waterevive.com/ ? только мне надо сделать только горизонтальный, переходы вверх-вниз мне не нужны, и на этой сайте используют Ascensor.js – там все меню прописывается в нем, и редактировать его у меня не получается, очень все запутанно, так как все параметры меню целиком прописаны в скриптах, нужен другой способ похожей «навигации»…

    Asked by gumapumba,

    0 votes
    3 answers

  12. Bootstrap: проблема с фиксацией блока ( affix)

    Приветствую коллеги! Пытаюсь с помощью Bootstrap сверстать меню которое прокручивается до верхней границы экрана и там фиксируется. В Bootstrap для этого есть специальный класс affix ( http://twitter.githu...ript.html#affix ) Вертикальную фиксацию сделал, но не могу решить проблему с шириной. До фиксации ширина одна, после фиксации - другая. Хотя величина в свойствах стоит одна и та же (23.4... %) До фиксации: .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } После фиксации: .affix { position: fixed; top:0; width: 23.404255319148934%; /* *width: 23.351063829787233%;*/ } Ширина родительского элемента совпадает. Так в чём же проблема? Го…

    Asked by Devvega,

    0 votes
    2 answers

  13. Не могу обуздать картинки

    Не судите меня строго,я начинающий.У меня такая проблема.Есть некая картинка,на весь экран, на ней два флажка ссылками.При уменьшении экрана флажки разлетаются. По логике надо бы картинку с флажками завернуть в div,но как это сделать технически??не знаю. Подскажите пожалуйста. <head> <title>Шах Лав Вест</title> <style type="text/css"> body { background-color:#420200; background-image:url(http://shahlavwest.ru/images/welcome.jpg); background-repeat:no-repeat; background-position:center } .flag_1 { float: left; padding: 500px 0px 0px 220px } .flag_2 { float: right; padding: 500px 220px 0px 0px } </style> </head> <body> <div c…

    Asked by An24,

    0 votes
    1 answer

  14. Помогите с проблемой!

    Привет всем форумчанам Возникла проблема, в css файле у меня установлены параметры для отображения .img Но нужно вставить одну картинку без этого стиля,применяющегося ко всем картинкам. Есть ли способ как-то обойти этот стиль,либо отключить его применение к определенной имаге?

    Asked by AIMCH3R,

    0 votes
    2 answers

  15. Прокрутка блока на странице

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

    Asked by T@NKIST,

    0 votes
    3 answers

  16. Оцените заготовку для проектов

    Перед тем, как начать верстать за деньги, решила сделать заготовку проекта. Прошу оценить, поправить, посоветовать. Папка: прототип проекта. - папка css - папка img - папка js - index.html Содержание index.html: <!doctype html> <html lang="ru"> <head> <title>Page</title> <meta charset="utf-8"> <!--[if lt IE 9]> <script src="js/ie.js"> <![endif]--> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="wrap"> <header> </header> <footer> </footer> </div> <!-- wrap ends --…

    Asked by Zverushka,

    0 votes
    11 answers

  17. Не открывается сайт - ждет ajax.aspnetcdn.com

    Все добрый вечер! Никогда не было такой проблемы и вдруг взялась из ниоткуда Блог открывается по несколько минут, пишет "Ожидание от ajax.aspnetcdn.com. Один раз 10 минут пришлось ждать! Google вообще по этой теме ничего не выдает... Подскажите, пожалуйста, в чем проблема и что можно сделать, что вернуть блог в нормально состояние? Заранее спасибо!

    Asked by Troll13,

    0 votes
    2 answers

  18. Ограничение размеров картинки в CSS для IE

    Товарищи, помогите, пожалуйста! Тут такое дело. Взял в аренду интернет-магазин. Редактирую шаблон. Для редактирования доступны только файлы *.tpl и таблица стилей CSS. Каким-то скриптом выводится картинка с изображением товара. Дизайном предполагается, что картинка должна на странице быть уменьшена до размеров не более 350 x 350 (px) с сохранением пропорций. Выводимая картинка имеет идентификатор id="IMG_x", соответственно в CSS ее можно "подцепить" через #IMG_x. Нормальным браузерам можно сказать "max-width" и "max-heigth", и они понимают. А вот Internet Explorer - не понимает! Как можно сказать это Internet Explorer'у, чтобы он делал как надо? Вроде пробовал советы сдел…

    Asked by Catenoid,

    0 votes
    2 answers

  19. Верстка меню

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

    Asked by devilcranx,

    0 votes
    3 answers

  20. Подскажите, как сделать подобное?

    Добрый день. Недавно появилась идея - создать сайт с автоматизированной системой матчей по игре League Of Legends. Существует огромное кол-во подобных сайтов только по КС. Вот примеры http://fragarena.ru/ http://live-cs.ru/ . На них есть модуль для создания миксов/турниров, в принципе есть такой уже готовый для движка livestreet, однако хочется научится делать подобное своими руками. Подскажите пожалуйста какими знаниями нужно обладать для этого? Можно ли это сделать с помощью одного PHP или все обстоит сложнее? Интересуют модуль с кланварами, сообщество и модуль команд. Очень надеюсь на вашу помощь

    Asked by Piley,

    0 votes
    6 answers

  21. Как устроены сылки на внешние директории?

    Вот столкнулся с проблемой,дочерных страниц сайта стало очень много(тоесть в коренной папке сайта много хтмл документов) и стало неудобно с ним работать,искать нужный файл нужной страницы в куче всего... В общем создал отдельную папку link для таких дочерных страниц,а главную страницу оставил в коренной директории.С главной страницы легко ссылатся на дочерные страницы,таблицы стилей,картинки и т.д.,а вот дочерные страницы немогут ссылатся на главную страницу,те же картинки и те же стили,скрипты и т.д. так как они снаружи.Мне кто то посоветовал поставить перед ссылкой слеш,но это неработает... В общем что нужно поставить вначале ссылки что бы она начинала ссылатся не с тек…

    Asked by pudge,

    0 votes
    2 answers

  22. Адаптивный бэкграунд

    Бьюсь над проблемой целый день Есть сайт - горизонтальный параллакс, никак не удается сделать фон (виньетка снизу) адаптивным, чтобы он сжимался пропорционально при изменении расширения экрана. Уже было испробовано много вариантов. Картинка в <body> (почему-то не удается поставить div, только картинку) <body> <img id="responsive" src="img/bg_body.png" /> <div id="wrapper"> <div id="header"> </body> #responsive { max-width:100%; width:100%; height: auto; top:40%; left:0; position:relative; } так почему-то не сжимается, хотя по правилам должен. body{ width:7000px; background:#000 url(../img/body.png) repeat-x scroll; background-si…

    Asked by Troll13,

    0 votes
    3 answers

  23. div выходит за границы родителя

    Здравствуйте, делаю скелет шаблона, столкнулся с проблемой, при использовании float:left, блок выходит за границы родителя. Тег используется всего 2 раза, в одной части сайта. Проблемная часть помечена в коде. HTML <html> <head> <title>Games For Life</title> <link rel="stylesheet" type="text/css" href="template.css"/> </head> <body> <div id="body"> <!--Head--> <div id="head"></div> <div id="link"></div> <!--/Head--> <div id="flash"><img src="images/flash.jpg" border="0"/></div><h4 class="indi_name"><u>Инди-проекты:</u></h4> <div id="indi"> …

    Asked by ProMira,

    0 votes
    3 answers

  24. Какой способ лучше всего использовать для вставки видео с ютуба на сайте?

    Вот нужно вставить много видео на своем сайте,все видео с ютуба.Начал интересоватся то как это можно осуществить и вариантов оказалось немало,больше всего запомнился вариант через iframe изза своей простоты <iframe style="display: block; margin-left: auto; margin-right: auto;" src="http://www.youtube.com/embed/_uHPoG0Oaoc" frameborder="0" width="520" height="370"/> но он меня настораживает так как на том сайте на котором используют данную технику,видео с ютуба часто лагает,и приходится копировать адрес видео и наново грузить и смотреть через сам ютуб... В общем какой способ щитается лучшим?

    Asked by pudge,

    0 votes
    3 answers

  25. Помогите подключить шрифт

    Не получается подключить шрифт в css. Шрифт в формате ttf. Пробовал и otf - все равно без эффекта. HTML <span class="title-font">Services</span> CSS .title-font { font-size: 22px; font-family: url(../font/officina.ttf); } Cufon не предлагать. Нужно подключить шрифт именно так. Еще я думал о google fonts, но используемый шрифт оказался платным, так что этот вариант исключается.

    Asked by Feel,

    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