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. 3-х колоночный макет

    Делаю верстку по этому примеру. Во всех браузерах работает нормально но вот в IE6 замечены такие ошибки: если в блоке «Content» находится элемент на всю ширину блока (было замеченно для <table width="100%"> и <textarea> c ,большим cols, который растягивает элемент на ширину большую чем сам блок), то центральный блок смещается относительно левого по вертикали т.е. визуально центральный блок начинается там где кончается левый, а правый смещается относительно центрального примерно так: левый блок центральный блок правый блок Что с этим делать, ума не приложу, все уже перепробывал ... ничего не помогает. Временно решил проблему так: <table w…

    Asked by folibis,

    0 votes
    0 answers

  2. Баг с плавающим блоком в IE 6,7

    Собственно, проблема. Сверстал макет. В IE 8 и отличных от IE браузерах (FF, Chrome, Opera) блок с текстом обтекает блок с картинкой. вот так: В IE 6/7 же блок с текстом смещается вниз: ХТМЛ код: <div id=mainframe> <div id=corner> <img class="ugol_right" src="ugol_right_small.gif" alt="" /> </div> <div id=content> <p>This is a tool for finding friends in real life. </p> <!-- бла-бла-бла--> </div> CSS код: * { margin: 0; padding: 0; border: 0; } html, body {height: 100%;} body{ background: #fff; color: #333; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } #container {overflow: auto; padding-bot…

    Asked by nefarious,

    0 votes
    1 answer

  3. Chrome и visited

    Доброго дня, форум! Пытаюсь настроить кроссбраузерность. Радуют все, кроме Chrome. Проблема такая: не меняется background-image у visited ссылки. - что показывает Chrome - что должно быть #menu a:link { color:#00338D; background-repeat:no-repeat; padding-left:20px; background-image:url(img/pup_sin.png); * background-image:url(img/pup_sin.gif); } #menu a:visited { color:#D52B1E; padding-left:20px; background-image:url(img/pup_kr.png); *background-image:url(img/pup_kr.gif); background-repeat:no-repeat; } #menu a:active { color:#fff; background-color:#D52B1E; background-image: none; text-decoration:none; padding-left:20px; } #menu a:h…

    Asked by Zoilga,

    0 votes
    2 answers

  4. css хитромудрые селекторы

    Есть верстка: <body> <header>Заголовок сайта</header> <div class="layout"> <aside> <div class="top"></div> <div class="middle"> <h2 class="nomargin-top">Меню</h2> <—- вот он, элемент для которого надо получить селектор <ul class="nomargin-bottom"> <—- и для последнего тоже надо <li><a href="link1.html">Ссылка 1</a></li> <li><a href="link2.html">Ссылка 2</a></li> <li><a href="link3.html">Ссылка 3</a></li> <li><a href="link4.html">Ссылка 4</a></li> <…

    Asked by crashtua,

    0 votes
    6 answers

  5. считать и изменить данные из span

    подскажите как сделать данную задачку? через javascript значит есть span <span class="count">1</span> в нём содержится некое число,заранее не известно(в данном примере это 1 ) и есть кнопка. при нажатии на неё надо считать текущее значение из тега span ,увеличить на 1 и записать обратно. собственно как сделать чтение из тега,и запись нового значения? я бы смог это сделать если бы число хранилось в input text.тут считать и записать легко.но как изменять значение в объектах типа див,спан незнаю вообще.подскажите пожалуйста

    Asked by snake2,

    0 votes
    2 answers

  6. Новичок. Помогите, пожалуйста, по верстке.

    Проблема в следующем: выпадающее меню сдвигает остальные блоки, вместо того, чтобы просто отображаться поверх. Приношу извинения, если такая тема была ранее, но не нашел. Все, что находил - не помогало. Привожу код. Разметка <!DOCTYPE html> <html lang="ru" > <head> <meta charset="windows-1251" /> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="menu"> <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Навигация</a> <ul> <li><a href="#">Карта сайта</a></li> <li>&lt…

    Asked by Stranger,

    0 votes
    4 answers

  7. Отображение страниц в мобильных устройствах

    Добрый день, решил разобраться в вопросе создания страниц для мобильных устройств и, почитав статьи и книги, натолкнулся на некоторые вопросы. Вычитал в книге Бена Фрейна, что без тега meta с атрибутом vieport обычная (неадаптированная веб-страница) сжимается в браузере мобильника, но влезает в него целиком (речь в данном случае о iPhone 3gs). Но у меня стоит по Оперу тестировщик для просмотра в разных устройствах и там ничего и без этого тега не сжимается и страница целиком не влезает. В чём здесь дело? Может, современные мобильные устройства не сжимают страницу?

    Asked by webmos,

    0 votes
    3 answers

  8. Паттерн изображения с разными частями цветов

    У меня есть узор, который используется в кач-ве бекграунда. Так вот есть секции, которые имеют другой цвет. Можно ли как-то сделать так, чтобы узор шел цельным и были разные цвета, ромбиков, так и дивов. Я пытался поставить поверх див с белым цветом, но он полностью закрывает узор. Если делать див с прозрачностью, то это уже не абсолютно белый цвет(0xffffff) получается. Вот скриншот с макета в фотошопе. А вот кусок css body { background: url('../img/bg.png') #000;}

    Asked by helio,

    0 votes
    5 answers

  9. Ссылка с картинков

    Как сделать ссылку подчёркнутую точками с картинкой слева, чтобы она не была подчёркнута. Понимаю, что можно в тег a вложить span и сделать отступ с background. Но можно ли обойтись одним тегом a? Я пробовал делать а:before для картинки и border-bottom:dotted для ссылки. Но точки распространяются и на картинку слева, чего быть не должно.

    Asked by PavelTkachev,

    0 votes
    6 answers

  10. Как правильно реализовать?

    Здравствуйте! Подскажите пожалуйста как правильно реализовать подобное? Ширина блока 100%, сверху линия, а между ней должен быть текст по центру. Мне приходит на ум, что текст можно абсолютно спозиционировать. А как бы вы сделали? P.S желтым просто текст закрасил.

    Asked by FitTech,

    0 votes
    2 answers

  11. Проблема с CSS

    //dell

    Asked by TOTO,

    0 votes
    0 answers

  12. Как сделать, чтобы прозрачность не затрагивала заголовок

    Сам блок div является прозрачным, необходимо сделать так, чтобы элементы которые в нем находятся не принимали свойство прозрачности, я уже попытался вынести h1 из div, но безрезультатно. код: http://jsbin.com/juwapitogi/edit?html,css,output

    Asked by Rimming,

    0 votes
    2 answers

  13. Не отображаеться картинка

    Здравствуйте ребят нужна помощь в казалась бы элементарных вещах, но сам никак не соображу почему не работает, не верстал уже года 3-4 где то а сейчас понадобилось сделать кнопку, банальная картинка ссылкой но почему то не работает,картинка лежит в той же самой директории,названия правильные,а картинка все равно не отображаеться, в чем может быть ошибка помогите пожалуйста) скрин директории сама картинка и файлик с html разметкой так же прилагаю скрин кода и сайта где картинка(ссылка) не отображается, вроде все элементарно а все равно не работает(

    Asked by Евгений_SB,

    0 votes
    2 answers

  14. Включение в автофокус клавиши на сайте

    Всем хай! Решил создать своего рода бота на основе автокликера, который подписывался бы на группы в вылезающем окне. Но тут же встала проблема, в связи с различным расположением кнопки "вступить в группу", из-за разных размеров фото сообщества . Так как я настроил кликер на определенный порядок действий, он каждый цикл нажимал на одно и тоже место, т.е иногда он не попадал на заветную кнопку. Решил все исправить: открыл html код страницы и принялся исправлять то , незнаю что. После этого стал искать подходящие конструкции html кода в инете. Нашел какой-то "атрибут autofocus" , но , как не удивительно, не смог грамотно вставить в код страницы. Поэтому обращаюсь к вам , г…

    Asked by Gelik02,

    0 votes
    0 answers

  15. Как сверстать по таким требованиям слайдер ?

    В макете есть слайдер который должен соответствовать следующим тре6ованниям: 1. Слайдер должен уметь работать без js (в случае если у пользователя нету js) (Я: как они могут без js работать ?) ; 2. Слайдер должен быть контентным (Я: как это ?); 3. Я: Фото в слайдере изменяется 50x50, 150x150, 240x240; 4. требования IE 10 + остальные браузеры - 2 последние версии; Помогите как сверстать такой слайдер понятия не имею....

    Asked by Alexej,

    0 votes
    5 answers

  16. ie6 + png-24

    Как зделать так, что б картинки png-24 отображались нормально в ie6?

    Asked by fastikkk,

    0 votes
    2 answers

  17. Checkbox и textarea

    Хотел сделать так чтобы только полсе прокрутки содержимого в текст. поле можно было поставить флажок. Но как то не получилось, помогите найти ошибку. Заранее благодарен. (P.S. onclick="f_click();" привязанно к другой функции и работает) <!DOCTYPE HTML PUBLIC "-//W3C//DTD Html 4.01//EN" "http://www.3.org//TR/html4/transitional.dtd."> <html> <head> <title>Флажок</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script type="text/javascript"> <!-- function f_flag() { document.getElementById(check1).disabled = false; } //--> </script> </head> <body> <center><h2>П…

    Asked by Lag,

    0 votes
    0 answers

  18. Помогите с отступами

    Привет, граждане форумчане! У меня есть такой кусок кода: <ul class="menu"> <li class="level1 item1 first">Клик:</li> <li class="level1 item2">Реф.клик:</li> </ul> Вот как бы мне сделать отступ внитри тега так, чтобы не менять css и чтоб этот отступ изменялся автоматически. Например: Клик: 123 Реф.клик 456 Отступ прозрачной картинкой мне не нравится, т.к. есть и непостоянные величинв и они будут то в 4 цифры, то в 3. Заранее спасибо!

    Asked by allplayer,

    0 votes
    2 answers

  19. Рамка вокруг изображения

    Создаю форму обратной связи. Поля type="text", с помощью CSS задаю border-color:#4664A4; border-width: thin; border-style:solid. Понятно, что вокруг полей ввода появляется соответствующая граница. Для отправки использую type="image", тоже есть соответствующая граница. Можно ли сделать так, чтобы вокруг текстового поля была граница, а вокруг поля изображения этой границы не было? Заранее благодарен.

    Asked by chapai,

    0 votes
    3 answers

  20. сужение окна...

    Добрый день! Друзья подскажите,пожалуйста,как пофиксить:при сужении окна правый блок наезжает на контент,а потом и во-все всё разваливается... шаблон выглядит: враппер>>шапка>>левый блок(флоат лефт,ширина фикс.)>>правый блок(флоат райт,ширина фикс)>>контент>>подвал

    Asked by milkeyway,

    0 votes
    5 answers

  21. Фокус на футер после обновления.

    Всем привет. Есть футер на сайте с ссылками, при нажатии на которые страница обновляется. Собственно вопрос в том, как сделать чтобы после обновления полоса прокрутки сайта была внизу(отображался футер). Заранее спасибо.

    Asked by Lakrein,

    0 votes
    4 answers

  22. Посоветуйте uploader для картинок

    Привет. Посоветуйте, кто встречался с вопросом. Нужен uploader для картинок в форме(<form>) с предпросмотром. Хотелось бы чтобы было: 1. Загрузка нескольких изображений. 2. Предпросмотр в нужном мне месте. 3. Гибкость в переделке под себя 4. Бесплатный (желательно) 5. jquery 6. флеш фтопку 7. Ограничение сколько файлов заливать 8. И было бы просто обязательно, чтобы картинка загружалась в превью сразу после добавления в input поле. Без нажатия дурацких кнопок "загрузить", "готово" и прочее. Идеальный вариант: Требований конечно много, но вроде как не только я с этим сталкиваюсь Спасибо, друзья!

    Asked by alex_anderr,

    0 votes
    2 answers

  23. Схлопывание WTF!?

    Вроде разбирался с этим схлопыванием месяцев несколько назад все ок было, щас вот делаю разметку и в голове полная каша. Вот ниже код очень простой гляньте: HTML потом CSS <h1> ТЕКСТ1 </h1> <p> ТЕКСТ2 </p> h1 { margin-bottom:20px; } p { margin-top:20px; } тут мы видим что образуется схлопывание, т.е отступ будет между этими элементами не 40px, а 20px. из книги: cхлопывание не срабатывает если: для элементов, у которых установлено свойство padding. для элементов, у которых на стороне схлопывания задана граница; на плавающих элементах (для них свойство float задано как left или right); для строчных элементов; для <html>. для элементов, у …

    Asked by Hell&Heaven™,

    0 votes
    4 answers

  24. Фоновый рисунок

    Всем привет изучаю я значится ЦСС фоновые рисунки по книжке очень содержательной и вот там пример с искажением сложной спирали ... вкратце: там есть 4 разных рисунка добавленных для эффекта размытости вот только как их отдельно посмотреть ума не приложу помогите пожалуйста посмотреть картинки http://meyerweb.com/eric/css/edge/complexspiral/glassy.html ПЫ СЫ видел что они делают и в стилях видно все но интересно посмотреть просто на картинки но бида в том что заданны относительные ссылки на изображения

    Asked by Bobikys,

    0 votes
    3 answers

  25. docpad и пейджинг

    Доброго времени суток. Подскажите, может есть специалисты по шаблонизатору docpad. Пытаюсь сделать пейджинг. Сам пейджинг выводится и вроде как правильно, но по переходу вылазит 404. Вот и не могу понять от чего так. http://altyncev.ru/posts Может кто, что подскажет. Все opensource https://github.com/npofopr/_altyncev Крутится на heroku.

    Asked by npofopr,

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