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. Flexslider

    http://www.woothemes.com/flexslider/ Решил воспользоваться этим слайдером, т.к. он адаптивный. Все работает, кроме того, что стрелки передвижения слайдов не visible. Они есть, т.к. при наведении курсора курсор меняется. Я сделал отдельный документ *.html без другого контента, только слайдер. Стрелки появились. Следовательно проблема в родителях, но мне ее не найти. Помогите пожалуйста! Вот css для стрелок: /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(components/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-…

    Asked by Michael Myers,

    0 votes
    3 answers

  2. Проблема с шириной ячеек

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

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  3. Свойство Text decoration для поля

    Доброго времени суток! Хочу задать вопрос к специалистам CSS Вот страничка http://nablago.com.ua/content/co-enzyme-q10 Там написано: Старая цена: 360,00 (Все зачеркнуто) А нужно, чтобы была зачеркнута только цифра 360,00 Как это сделать? В CSS прописано . field-field-oldtzena { text-decoration: line-through; color: green; } .field-field-oldtzena .field-label-inline-first { text-decoration: none; color: red; } Как видите цвета отображаются нормально, а свойство text-decoration: none почему то не хочет становится как надо.

    Asked by VasyOK{!},

    0 votes
    31 answers

  4. различия CSS между IE и OPERA

    Народ, помогите разобраться. Фоновая картинка в таблице прописана в CSS в отдельном файле. IE показывает все нормально, а opera не видит фоновую картинку. Что интересно, index.html состоит из трех таблиц, в каждой таблице есть фоновая картинка, которая прописана во всех трех таблицах одинаково, только в первой и в третьей таблице фон грузится, а в середине нет. Может кто сталкивался с такой проблемой? Причем не грузится тока в Opere.

    Asked by Guest kisa005,

    0 votes
    21 answers

  5. Меню сайта

    вот создал меню кнопки сделал в фотошопе.При наведении на кнопку она меняется Я правельно понимаю теперь нужно кнопки залить в папку IMEIGE и прописать код. <a class="shapka" href="http://www.express-mag.ru/index.php">'>http://www.express-mag.ru/index.php"> </a><a href="http://www.express-mag.ru/index.php" onMouseOut="MM_swapImgRestore()" onMouseOve"MM_swapImage('Image18','','Новая папка/knopka1.jpg',1)"><img src="Новая папка/knopka.jpg" name="Image18" width="199" height="40" border="0"></a> <td align="center" valign="middle"> <a class="shapka" href="http://www.express-mag.ru/index.php?show_price=yes">'>http://www.ex…

    Asked by ppvkomi,

    0 votes
    29 answers

  6. Отображение элемента поверх всех других

    Добрый день. Как сделать чтобы элемент, который находится внутри другого с overflow: hidden, отображался поверх всех других? <!DOCTYPE html > <html> <head> <style type="text/css"> .inner { position: absolute; top: 150px; left: 150px; } .outer { overflow: hidden; width: 100px; height: 100px; position: relative; } </style> </head> <body> <div class='outer'> <div class='inner'> Content </div> </div> </body> </html> Нужно чтобы Content всегда отображался. Стиль position: fixed для inner не подходит, т.к. в этом случае в моей задаче придётся делать расчёты …

    Asked by kidar2,

    0 votes
    4 answers

  7. Как залить фон градиентом?

    Здравствуйте! Я начинающий верстальщик. Столкнулась с такой проблемкой. Есть полосочка - градиент, для фона. Размер 1500Х1. Градиент заливается, но он не растягивается на всю высоту, то есть если не уменьшать масштаб, все отлично, а когда уменьшаешь, то градиент как обрывается. Repeat делать смысла нет, как я поняла... Помогите пожалуйста. Есть ли выход из этой ситуации??

    Asked by Lucky_Malina,

    0 votes
    12 answers

  8. Правильное подключение Media Queries

    Всем привет! Разбираюсь с адаптивной версткой на Media Queries, все сделал. Не могу определиться как более оптимально подключить их. Получилась довольно внушительная "простыня" CSS (65кб). Как их лучше подключить: в общий файл CSS или разбить на отдельные файлы в зависимости от разрешения экрана? 1. Если каждый файл будет отдельно и подключатся будет через <link rel="stylesheet" href="smartphone.css" media="only screen and (min-device-width : 320px) and (max-device-width : 480px)">то будет ли браузер скачивать все файлы или ограничится только нужным? Была бы экономия нескольких килобайт при загрузке страницы. 2) Если все правила идут в одном файле, то можно чут…

    Asked by Coolbits,

    0 votes
    2 answers

  9. Подключить шаблон к странице (вопрос от чайника)

    Я успешно произвел базовую установил Смарти. В папке templates есть два файла index.tpl и menu.tpl. Как мне подключить шаблон к обычному html-файлу из папки www? Спасибо!

    Asked by Никита,

    0 votes
    3 answers

  10. Помогите решить пару проблем

    Кто знает, подскажите пожалуйста, как решить следующие проблемы: 1.Можно ли сделать, чтобы определенный цвет рисунка отображался прозрачным на браузерах Mozilla Firefox, IE6,7, Opera. На IE это делается с помощью фильтра chroma, а на других как? 2.Не на IE у меня почему-то не действует свойство CSS "cursor: hand". Опять же, как можно задать определенный курсор на элементе во всех трех браузерах. 3.Также не в IE не действует свойство CSS border-left, примененное к фрейму. Как можно это исправить. Есть ли какой-то тэг для рисования не горизонтальной, а вертикальной линии в HTML, который действовал бы во всех трех браузерах? 4.Я уже начинаю ненавидеть разработчиков Mozilla и…

    Asked by nemecfc,

    0 votes
    11 answers

  11. div в td

    Подскажите пожалуйста, как сделать следующую вещь: <table> <tr> <td style="height:100%"> <div class="1"> </div> <div class="2"> </div> </td> </tr> </table> Оба дива фикс. ширины и высоты, необходимо чтобы один был прибит к полу td, а второй к потолку. Вставлять внутрь ещ? одну таблицу не хочется..

    Asked by Lergana,

    0 votes
    9 answers

  12. Помогитеееееееее плз

    Ребятя помогите!!!! Мне нужно узнать код вкладки. Пожалуйста ответьте мне скодом а если не знаете то ненада. Плз помогите

    Asked by TOKIOboy,

    0 votes
    18 answers

  13. для чего нужен тег iframe

    Подскажите, пожалуйста, для чего нужен тег iframe. В каких интернет-технологиях или просто ситуациях его надо применять? Ещё интересно, как он поддерживается браузерами и стандартами w3c. К примеру, могу ли я делать сайты на XHTML Transitional и применять этот тег в вёрстке? Что такое фреймы и как они позволяют в одном окне браузера отображаться разные документы, я вполне представляю, так что про сами фреймы мне не надо объяснять.

    Asked by clavin,

    0 votes
    10 answers

  14. bootstrap колонки + рамка

    Добрый день, форумчане! Необходимо сверстать данную страничку. Нужно, чтобы некоторые колонки были обвернуты рамкой + логотип. Есть мысля делать это все при помощи fieldset+legend. Но, как видно по картинке, блоки должны располагаться непосредственно от рамки и лого, не внутри филдсета. Также еще нужно, чтобы при наведении на блоки применялся hover-эффект (по дефолту на них стоит фильтр размывания, при наведении этот фильтр должен исчезать). Собсна, в чем вопрос: как реализовать подобную рамку и лого, чтобы еще и до колонок смог достучаться ?

    Asked by YurikMurik,

    0 votes
    3 answers

  15. горизонтальное выпадающее по клику меню на CSS

    Возможно ли такое сделать? как здесь http://megaweb.su/demo/click_menu/megaweb.su.html но без использования Javascript.

    Asked by qwertyasdfg,

    0 votes
    8 answers

  16. Как вывести 2 значения VALUE (HTML)

    Доброго времени суток необходимо вывести выпадающий список, при выборе вариантов должна выводится картинка и отдельно ссылка(или слово, 2 картинки или все что угодно), цель вывести 2 значения. И еще одно условие код должен быть на html. пример моего кода: <img src="1.jpg" name="pic" id="pic"> <select onchange="document.getElementById('pic').src=this.value"> <option value="1.jpg">1</option> <option value="2.jpg">2</option> <option value="3.jpg">3</option> </select> сейчас при выборе 1 выводит картинку, нужно добавить, что бы выводило картинку и например какое то слово или ссылку

    Asked by Denys,

    0 votes
    7 answers

  17. Символ Цельсия

    Собственно как вставить в строчку знак Цельсия, температура, типа +24*С вместе звездочки символ?

    Asked by okunev2,

    0 votes
    4 answers

  18. Не работают внешние таблицы стилей

    Здравствуйте. Такая проблема. При выносе стилей в отдельные файлы с расширением .css они перестают работать в документе. Как только переношу код из файла назад в тег style всё снова работает. При том что javascript, подключаемый также из внешнего файла, работает нормально. Заранее спасибо за помощь Вот часть кода страницы и далее содержимое файла header.css: <DOCTYPE html> <html> <head> <link rel="stylesheet" type=”text/css” href=”../global/styles/header.css” /> </head> <body background="../global/images/bg1.png" text=black link=blue vlink=923b8b> <div id="header"> <table width=1280 align=center border=0 cellspacing=0 cel…

    Asked by alex-great,

    0 votes
    5 answers

  19. Адаптивная верстка и iphone.

    Здравствуйте, уважаемые форумчане. Проблема следующая. Есть сайт с адаптивной версткой: grimakva.ru При проверке сайта в эмуляторах моб устройств все отображается корректно (за исключением меню (оно в процессе). Но при просмотре сайта непосредственно через айфон (различных моделей и версий ios) фон сайта отображается некорректно, выравнивается по ширине, оставляя внизу большое пространство. При этом прописанные @media screen полностью игнорируются. В чем может быть ошибка? Буду рада любым советам и полезным ссылкам, сама к сожалению не нашла ничего.

    Asked by Toleri,

    0 votes
    13 answers

  20. Как выровнять один div по высоте относительно другого DIVа

    У меня сейчас вот так сверстано на DIVах Нужно сделать чтобы было вот так: Как реализовать ???

    Asked by generator2003,

    0 votes
    12 answers

  21. absolute? Фиг вам - fixed!

    Собственно есть проблемка, серьёзная, а решения в инєте нигд ене нашел, может кто-то сталкивался... Есть некоторая верстка, вверху страницы есть хеадер, спозиционированный как absolute. Так вот при переходе по внутренней ссылке на закладку в html документе этот абсолют ведет себя как фиксед, тобиш весь контент, тобиш остается вверху екрана когда должен был бы улететь далеко вверх за границы видимости. Наблюдается в фаерфоксе всех версий, експлорере 6-7(8 не пробовал). В опере все шоколадно. Может кто-то уже лечил?

    Asked by Love_silense,

    0 votes
    26 answers

  22. резиновый трехколоночный макет с отступами по бокам

    Ссылка: http://concept.dax.ru/ В IE6 не удается получить тоже, что и в FF и Opera, а именно отступы от краних колонок по 10%. Так же в IE6 не удаётся задать ширину для центральной колонки такую, как прописанно в стилях (min-width: 4,9%) почему не ясно хотя я прописал min-width:4,9%; width: auto !important; width: 4,9%; а вотFF и Opera хоть и отдают для этой колонки нужное пространство, но судя по border сам слой эту ширину не имеет? Как можно исправить проблему с отступами в IE, какими принципами можно руководствоваться тут для верстки такого макета? Почему ширина min-width не входит в рамку колонки pust?

    Asked by ardjuna,

    0 votes
    23 answers

  23. При пробеле слетает слово

    В боковой менюшке ставлю пробел между словами а слово слетает на строку ниже. Если пишу слитно (даже если слово больше) все слово влазиит. А если поставлю хотя бы одну букву через пробел она слетает на строку ниже.

    Asked by Gintos,

    0 votes
    32 answers

  24. Подключение стиля с помощью @media

    Здравствуйте! Есть вот такая конструкция: <link rel='stylesheet' media='(min-width: 1281px) and (max-width: 1366px)' href='css/1366x768.css' /> <link rel='stylesheet' media='((min-width: 1025px) and (max-width: 1280px)) and ((min-height: 874) and (max-height: 900))' href='css/1280x1024.css' /> Но на практике она не работает... Хочу с её помощью подключать стилевой файл, если ширина окна будет колебаться от 1025 до 1280, а высота от 874 до 900 . Высота страницы задана в процентах, но высота блока с контентом - 874px. При увеличении ширины экрана (более 1280px) должен подключатся другой стилевой файл. Но почему-то этого не происходит. Даже при ширине в 1400 …

    Asked by maksvirus911,

    0 votes
    8 answers

  25. Gulp, с чем его едят?

    Добрый день. Прошу помочь разобраться с этим зверем. Js знаю на уровне написания скриптов на jquery. Что пока есть. Установил Node, gulp. В папке с проектом создал папку dev, в которой храню less,js исходники bootstrap. (Bootstrap просто взял чтобы поучиться настраивать gulp) Задача состоит вот в чем. Хочу чтобы less файлы объединялись в один, затем конвертировались в css, прогонялись через autoprefixer минимизировался и сохранялся в папке /css/min.css Так же и js, но с этим думаю справлюсь как пойму принцип. Так же вопрос насчет плагинов, нужно их самому ставить если стоит npm? Допустим вот исходный файл gulpfile.js var gulp = require('gulp');gulp.task('css', func…

    Asked by li4e,

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