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. Рамка с закругленными краями ( для таблицы)

    Задача! Надо сверстать такое http://fota.mota.ru/albums/7b677767b8ffbf2...24/image/0.html я сделала так <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS&DIV...Флора & Фауна ...Домашняя страница...</title> <link href="Style21.css" rel="stylesheet" type="text/css" /> </head> <body class="m2" > <div id='container'> <table cellspacing="0" > <tr> <td width="8%" > <div id="td13"> <div id='img_t_right'> </div> </div></td> <td > <div id="td20"> <div id="l"> <div id="r"> <d…

    Asked by m2v11,

    0 votes
    4 answers

  2. Кроссбраузерный спойлер по клику на CSS3

    Этот "урок" сочетает в себе все темы, поднятые ранее и видимо окончательно (или до новых модификаций языка) закрывает данный вопрос. Спойлер открывается по клику на его название и скрывается по клику в любую область за его пределами. Ничего нового, просто последовательное строение: #spoiler:focus .spoiler { display: block; } .spoiler { display: none; overflow: hidden; } <a href="#" id="spoiler">Название спойлера <div class="spoiler">информация для скрытия, появляется по клику</div> </a> Самое простое решение, которое не работает в Google Chrome вообще. Запросив на гугле: "WTF?", получил рекомендацию прописать: tabindex="1" Почему "1"? Это…

    Asked by iDrugov,

    0 votes
    14 answers

  3. Как сделать так, чтобы DIV занял все свободное место?

    Смотрите, страница состоит из трех дивов с абсолютным позиционированием: Размеры первого и второго дивов заданы. Нужно сделать так, чтобы третий див занимал все оставшееся пространство экрана. Как это сделать? Дело в том, что в этом третьем диве находится картинка. Отчаявшись выровнять ее по центру, я даже поставил третьему диву атрибут align=center, но и это не помогло! По-моему это из за того, что третий див автоматически получает такую же ширину, как сама картинка.

    Asked by hooey_ru,

    0 votes
    6 answers

  4. Компановка div-ов разной высоты

    Можно ли как-то разместить дивы чтобы они выглядели как на картинке? У всех одинаковая ширина и разная высота, и одинаковое(или +- 1 див) количество дивов в столбце Каждый цвет это отедльный блок Я нашел плагин для jquery http://masonry.desandro.com/ который делает что мне надо, но хотелост бы для начала обойтись без JS

    Asked by artishok,

    0 votes
    9 answers

  5. Совсем запутался.

    Я не знаю как решить проблему. Передо мной стоит задача реализовать меню вида >Главная страница >Регистрация >Вход В случае входа пользователя, чтобы она менялась на >Главная страница >Профиль >Выход Код менюшки у меня такой (vmenu.tpl) [url="http://%22$HOME_PAGE_LINK%7B:content:%7Dquot;"]Главная[/url] {if #user# == 1} [url="http://%22$PERSONAL_PAGE_LINK%7B:content:%7Dquot;"]Профиль[/url] {else} [url="http://%22$REGISTER_LINK%7B:content:%7Dquot;"]Регистрация[/url] {/if} {if #user# == 1} [url="http://%22$LOGOUT_LINK%7B:content:%7Dquot;"]Выход[/url] {else} [url="http://%22$LOGIN_LINK%7B:content:%7Dquot;"]Вход[/url] {/if} вызы…

    Asked by SiRius,

    0 votes
    20 answers

  6. Всплывающее окно

    Имеется вот такая штука: Как ее грамотно заверстать? На ум приходит только либо таблца 3х3, или же дивами (там из тоже будет много). Расскажите, кто как делает подобные вещи? P.S. Также нужно отметить, что окно должно тянуться как по горизонтали, так и во вертикали. Тень и углы - естественно полупрозрачные. Спасибо за любую инфу...

    Asked by DjTarik,

    0 votes
    66 answers

  7. Как зафиксировать Шапку сайта?

    Здравсвуйте, поскажите пожалуйста, как сделать на HTML или CSS, фиксированную шапку сайта, чтоб при прокрутке страницы она она всегда была видна. На языке HTML хотел сделать, посредством тегов <TBODY>, <THEAD> и <TFOOT> но не получилось. С помощью CSS реализовал в FireFox через POSITION, но IE 7 это не поддержал. Не подскажете, наверно через html и CSS это пока нельзя сделать?

    Asked by Avsen,

    0 votes
    6 answers

  8. Как растянуть блок на оставшуюся высоту экрана?

    Допустим у нас заполнена половина экрана блоком с известной высотой, второй блок (под ним) должен растягиваться до конца экрана. Вот, хотяб приблезительно как сделать можно?)

    Asked by Razor,

    0 votes
    3 answers

  9. Увеличение картинки по клику средствами CSS.

    Здравствуйте. Нашел в сети стиль для увеличения картинки по клику. Всё бы хорошо, но при наведении мыши на миниатюру, курсор не слушается команды: cursor: pointer; , отображается стрелка. Зато когда картинка увеличилась, отображается курсор: cursor: zoom-out; Так же не получается сделать рамку и тень вокруг увеличившейся картинки, использую такие команды: box-shadow: 3px 3px 5px rgba(0,0,0,0.5); border: solid 1px rgba(210,210,210,.4); Вот полный текст стиля: img.foto_smal-big { cursor: pointer; border: none; /* Убираем рамку */ margin-top: 0; margin-bottom: 10px; margin-left: 15px; margin-right: 15px; float: l…

    Asked by Kompilator,

    0 votes
    5 answers

  10. Зависимые чекбоксы

    Вот есть два чекбокса: <input type="checkbox"> <input type="checkbox" disabled> Скажите, как сделать, чтобы при выборе первого, второй становился активным и если второй выбран, то после снятия галочки с первого, второй становился бы снова неактивным и ещё и невыбранным.

    Asked by sergey_sergey,

    0 votes
    34 answers

  11. Таблица + таблица + таблица. ?

    Ну вот появилась проблемка. То что нужно сделать сложную верстку. И для этого нужно делать несколько таблиц. Так вот что-то не получается у меня сделать 2 таблицы рядом друг с другом. Тег никакой не могу найти как сделать это. Помогите плиз!!!!

    Asked by lenster,

    0 votes
    26 answers

  12. Размер шрифта в *.psd для CSS

    Добрый вечер. Взялся верстать свой первый макет в *.psd. Сразу возник ряд вопросов ответы на которые поиск по форуму не дал. В *.psd есть текстовый слой, размер шрифта 20pt. Ставлю тоже в пунктах в CSS - совсем не то получается. Пытаюсь переводить в другие единицы измерения исходя из 12pt-16p-1em, снова глупости. Вопрос: как правильно переводить размер шрифта из *.psd в CSS ? И еще, в макете куча текстовых полей, отступов и т.д. Неужели что бы узнать размер отступа его надо "линейкой" мерять или включать сетку и присматриваться ? О_о И как пожелание хотелось бы увидеть на форуме мануал для новичков (или не очень) как верстать макет с *.psd. Тонкости использования графич…

    Asked by Kelenar,

    0 votes
    12 answers

  13. отступы в таблице

    Товарищи, с помощью таблиц делаю разбивку рисунка. IE выдает такой артефакт: между картинками появляется просвет, причем Opera отображает все нормально. Размеры таблицы подобраны четко по размерам рисунков. Это глюк IE или я что-то не так делаю?

    Asked by raven,

    0 votes
    20 answers

  14. выравнивание картинок внутри контейнера div

    Здраствуйте, что то я бился бился головой об стену, но в упор не вижу какую я ошибку сделал. В общем суть в следующем. Есть макет фотоальбома, выравнивание картинок друг относительно друга сделано по тупому с помощью таблицы. Внутри каждой ячейки таблицы находятся два вложенных друг в друга div'a, в последнем из них находится картинка. В итоге результат такой: http://www.artunion.cellbiol.ru/fotoalbum/...ery/album.shtml Необходимо чтоб рамка второго вложенного дива плотно прилегала к рисунку, а рисунок в свою очередь был бы расположен как див. Вот код shtml: <!--#set var="title" value="Галерея." --> <!--#include virtual="/ssi/header.html" --> <td valign="…

    Asked by DMGaster,

    0 votes
    13 answers

  15. Как сделать этот сайт по центру?

    Сверстан сайтик был в Imageready и потом в Dreamweaver. http://natalyfanya.narod.ru Как сделать, чтобы весь сайт всегда позиционировался по центру? И еще). Страница с видео в опере некорректно работает) может кто знает в чем загвоздка? в IE все ок. Спасибо огромное!

    Asked by jazzz777,

    0 votes
    8 answers

  16. Нельзя ли отключить наследование в объявлении стиля?

    Не могу найти ответа. Здается мне, что W3C не предусмотрела отключение наследования стилей.

    Asked by freeneutron,

    0 votes
    9 answers

  17. Админка

    я понимаю, что вопрос немного расплывчатый.. но все же, может, что-нибудь проясните вообще по этому поводу.. как делают админки?

    Asked by Alex_Mak,

    0 votes
    29 answers

  18. Скрвание текста

    Здравствуйте, я делаю сайт помощи для игры Requiem. Веб-программинг никогда не учил, всю инфу нахожу в интернете. Но вот столкнулся с проблемой. Не могу найти скрипт для скрытия/свертывания текста. Типа чтоб при нажатии на "Показать текст" разворачивался текст, а при повторном нажатии, но там уже будет "Скрыть текст" он сворачивался обратно. А вместо текста хочу записать туда таблицу. Пожалуйсто, подскажите как это можно сделать. Заранее благодарен.

    Asked by ktak,

    0 votes
    38 answers

  19. Не работает display:inline-block

    Добрый день друзья. Есть вопрос по поводу верстки, верстаю макет - и в блоке услуг не могу выравнить блоки с видами ремонта в одну линию, задал в hmtl класс, в css - задал отступы и display:inline-block, и ничего не происходит. div class="row"> <div class="col-md-12"> <div class="mc_wrap"> <div class="mc_item_wrap"> <div class="mc_item"> 12345677 </div> <div class="mc_item"> 12345677 …

    Asked by Владимир Горинов,

    0 votes
    6 answers

  20. Показать div по выбору из select

    Добрый день. Пробую сделать такую вещь, но не выходит: Есть страница: <html> <head> </head> <body> <select name='Count'> <option value="1/54">1/54</option> <option value="2/54">2/54</option> <option value="3/54">3/54</option> <option value="4/54">4/54</option> </select> <div id="1/54" style="display: none">1/54</div> <div id="2/54" style="display: none">2/54</div> <div id="3/54" style="display: none">3/54</div> <div id="4/54" style="display: none">4/54</div> </body> </html> Подскажите пожалуйста, как сделать так, чтоб п…

    Asked by neutron,

    0 votes
    12 answers

  21. эффект перелистывания страниц

    Эффект перелистывания страниц, можно как то реализовать? Явой или чемто еще?

    Asked by -O-J-A-,

    0 votes
    7 answers

  22. Растягивание div по высоте родителя

    Приветствую профессионалов и новичков html/css Столкнулся со старой проблемой - как растянуть див по высоте родителя. Не кидайте в меня тапком и не отсылайте в гугл, ибо моя проблема несколько отличается от привычной. В верстке я использовал bootstrap, а конкретнее колоночную верстку (col-lg, col-md, col-sm и так далее). Выглядит это так: Как можно заметить, левая колонка не дотягивает до низу. Точнее не дотягивает полупрозрачный коричневый фон. И все бы ничего, можно было бы использовать старый добрый "margin-bottom:-6000px; padding-bottom:6000px;", но при разрешении экрана 320/480 (читай смартфон) колонки встают друг за другом по вертикали, вот так: И полупрозрачный…

    Asked by maxakagaret,

    0 votes
    7 answers

  23. overflow hidden в IE

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> #hidden{ width:100%; overflow:hidden; } table{ border-collapse:collapse; } td{ border:1px solid #000; } </style> </head> <body> <table border="1"> <tr> <td width="300"> </td> <td> </td> </tr> <tr> <td> </td> <td> <div id="hidden"> <table width="1000"> <tr> <td width="200">ТЕКСТ</td> <td width…

    Asked by YETI,

    0 votes
    8 answers

  24. Как растянуть слайдер на всю секцию?

    Есть футер и есть шапка. Футер не фиксированный. Между ними контент. Первый экран контента один большой слайдер. Как его растянуть на всю секцию первого экрана? Шаблон адаптивный. Максимальная ширина контента 1200px. Пробую прикрутить jquery плагины со слайдерами, но как их вытянуть на высоту 100%? Думал через абсолют, но во всех слайдерах чёрт ногу сломит и где-то глубоко в коде скриптом задаются стили и позиционирование. И не факт, что абсолютом заведётся. То есть в итоге задача растянуть по высоте и ширине слайдер или бэкграунд слайдера, что бы он был на всю ширину экрана и резиновый по высоте. Но контент слайдера должен быть максимально по ширине 1200px при…

    Asked by tefery,

    0 votes
    5 answers

  25. Как автоматизировать перенос части базы данных из Экселя на сайт???

    Доброго времени суток. Очень понравился сайт. Давно им пользуюсь и почти всегда нужную инфу находил. Задача: есть база в екселе, которая обновляется каждый день. (как-то так сложилось изначально) Есть сайт, на нем страничка с таблицой, в которой отображается часть данных базы екселя. Сейчас все происходит в ручную и очень занудно. Как бы этот процесс автоматизировать, т.е. один раз сделать верстку таблицы, а обновлять только данные в ячейках, а не всю таблицу заново? Может XML? Слышал про php скрипты, но в php я совсем лузер. Помогите, плииииз!

    Asked by Shkur,

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