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. Скрол не простой а картинкой, срочн

    реально сделать скрол не боковой, а в самой странице вот чтото типо такого , очень над

    Asked by woofs,

    0 votes
    11 answers

  2. Рамка банера

    Рамка не облегает картинку, а растягивается по длине, не получается делать так, чтоб она облегала чисто картинку. Вот исходник style.css #baner{border-color:orange; text-align:center; border-style:ridge; border-width:15px; } HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <head><title>Банер</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <div id="baner"><img src="baner.jpg" alt="Фото "></div> <body> </body> </HTML> Вот результат фото нижу. http://slim.filesurf.ru/20100320/00000010/...ip_image002.jpg

    Asked by people2010,

    0 votes
    6 answers

  3. Если вылазят строки

    В общем проблема следующего рода - есть div с заданной шириной, и ограниченой высотой, содержание заранее не известно. Иногда бывает, что при обрезании текста, видна часть строки, что есть некрасиво. Хотелось бы удалить не полностью отображаемые строки, ни где не могу найти решения , вот код: <!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" xml:lang="en"> <head> <title>Test</title> <style type="text/css"> .content{max-width:200px; max-height:200px; overflow:hidden} </style> </head> <body> <div class="content">…

    Asked by Garnet,

    0 votes
    5 answers

  4. Отступы внутри блока DIV

    Здравствуйте! Я в блочной вёрстке новичок, поэтому не сочтите за наивность мой вопрос (ну и вообще исходный код))). Посмотрите, как должна выглядеть страница: картинка Обратите внимание на подвал, там где краска из банки а на ней адресный блок. Я попытался это реализовать блоком DIV с фоновой картинкой и с соответствующими margins для позиционирования текста внутри этого блока. Но у меня не получилось вот, что получилось. Картинку сначала было видно, а когда стал экспериментировать с текстом, то она пропала, а текст никак не встаёт на место. Помогите грамотно решить эту головоломку.

    Asked by Iguar,

    0 votes
    2 answers

  5. editplus криво меняет кодировку

    Перекодировал страницу в editplus с ANSI в utf-8, загрузил на хостинг, вышли кракозябры "Учёные". Потом с notepad перекодировал обратно в ANSI - никаких изменений. Как мне перекодировать страницу в utf-8 без кракозябр?

    Asked by apexis,

    0 votes
    3 answers

  6. parallax psd-макеты

    хотелось бы попрактиковаться в вёрстке parallax-макета, но не получается найти psd. помогите пожалуйста, если кому попадались

    Asked by cyklop77,

    0 votes
    5 answers

  7. Нужна помощь!

    Доброго времени суток! Взявшись за изучение языков(html и css по курсам от "Специалиста") прошёл первую ступень,начал потихоньку понимать основы , смотря на код понимаю что к чему! Но когда пытаюсь сам сделать не опираясь на примеры,ничего не выходит то ли фантазии не хватает, то ли я чего то не понимаю просто не могу (пытаюсь делать div-ами но к сожалению ничего не выходит)!Знаю тут даже вопроса нету,да и даже если бы был нормально поставлен все равно был бы глупым,поэтому может просто дадите какой нибудь совет?(учил нормально не кое как)

    Asked by Flanidub,

    0 votes
    8 answers

  8. Пробелы между картинками

    Здравствуйте. Возникла проблема с картинками: откуда-то берутся пробелы между картинками, хотя, судя по написанному в коде, их быть не должно. Подскажите, как от них избавиться, очень нужно. Вот HTML <section class="content"><div><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.p…

    Asked by kattiperk,

    0 votes
    8 answers

  9. Проблема в Safari (mac os)

    Уже день мучаюсь, мозг себе сломал но так и не понял почему такое происходит. Есть сайт http://nt-work3.bl.ee/ там если покрутить страницу вниз - появляется клон верхнего меню и прикрепляется сверху. Где то посередине сайта есть горизонтальный слайдер с прокруткой мыши. Во всех браузерах все работает нормально, где то без анимации, где то с анимацией, не суть. Суть в том, что в Safari если наводить мышью на пункт Новинки (в клонированном меню) то не показывается выпадающее меню. До тех пор пока не покрутишь мышью слайдер.. Как только покрутил и меню открывается.. Меню клонирую кодом $(document).ready(function () { $(".heading-wrapper").before($(".heading-wrapper")…

    Asked by Нарек,

    0 votes
    2 answers

  10. А как вот так зделать?

    http://online.ukrworld.net/111/ Вот, мне нужно в шапку сайта, между надписями каталог онлайн игр и www.online.ukrworld.net вставить маленькую картинку. Вставить так, что надписи остались на своих местах...Если просто вставляю картинку, написси уезжают...и билеберда выходит полная..подскажите...

    Asked by Cyrax,

    0 votes
    3 answers

  11. Opera и отступ после clear

    У меня есть 3 блока, которые включают в себя несколько элементов, различных по высоте. Между ними слой clear, выполняющий понятную функцию. Проблема возникла тогда, когда между вторым и третьим блоком мне нужно было сделать отступ. Он почему-то был виден везде, кроме оперы. Пришлось изменить html-код на такой: <div class="clear"> </div> А в css записать так: div.clear { clear: both; height: 0; } Вроде работает, но меня беспокоит правильность решение. И с чего вообще в этих блоках, разделённых clear'ом, может не работать margin? З. Ы. Причём padding работает, а margin нет. Но padding не подходит по той причине, что у блока и разделителя разные цвета, да…

    Asked by Choo,

    0 votes
    1 answer

  12. Выдрать заливку(pattern) из фотошопа

    Как выдрать pattern фотошопа, чтобы сохранить его отдельной картинкой?

    Asked by Пророк,

    0 votes
    0 answers

  13. Использование тега h2 в теге ul

    при использовании тега h2 в теге ul валидотор ругается но очень нужно именно такой подход, может как то обрамить h2 во что-то другое? <ul class="class"> <h2 class="classH2">Producst</h2> <li>- <a href="#">Lorem ipsum dolor sit vamet.</a></li> <li>- <a href="#">Sed facilisis pede non nisi.</a></li> <li>- <a href="#">Nulla dapibus fringilla ipsum.</a></li> </ul> спасибо

    Asked by termoplus,

    0 votes
    4 answers

  14. Позиционирование div'a

    Здравствуйте. Подскажите пожалуйста как отпозиционировать див по горизонтали, что бы он был всегда в центре? Вот css #head1 { background:url(../images/bg_h.png); position:absolute; margin-top:30px; float:left; height: 195px; width: 100%; z-index:1; }#head2 { background:url(../images/head.png); background-repeat:no-repeat; background-position:center; position:absolute; margin-left:20%; float:left; height:276px; width:800px; z-index:2; } На сколько это правильно вообще? И что поставить вместо 20% что бы он всегда был по центру? Сам сайт www.laserhall.org Заранее всем буду благодарен.

    Asked by HeIek,

    0 votes
    8 answers

  15. max-width для img

    Задал для картинок max-width: 100% В хроме всё нормально, а в опере и фоксе нет. Почему? http://divstudio.ru/portfolio/icew/

    Asked by Shugich,

    0 votes
    4 answers

  16. Атрибут onclick для тега TR и ссылки внутри тега

    Есть таблица: <table> <tr onclick="document.location = '1'"> <td> Текст <a onclick="document.location = '2'" href="java script:;" title="Ссылка">Ссылка</a> Текст </td> </tr> </table> При клике на элементе TR осуществляется переход на 1, а при клике на ссылку переход на 2 не происходит... Как исправить??? помогите понять... Знаю, что-то похожее работает, а у меня не получается P.S. Пример работы сайт irr.ru - ссылка на добавление объявления в блокнот. Кажется мне понятно как это сделано на сайте irr.ru... после клика на ссылку в яваскрипте останавливается выполнение событий вверх по DOM

    Asked by goodeeny,

    0 votes
    0 answers

  17. Выравнивание раскрывающегося списка.

    Подскажите, как выровнять текст в раскрывающемся списке, а именно выделенный пункт списка, а не весь список Пр. <select id="form"> <option selected="selected">Text1</option> <option>Text2</option> </select>

    Asked by Alex&R,

    0 votes
    6 answers

  18. Еще одна задумка

    Вот такое хочу)) : Есть две страницы. На первой-ссылки на контент. На второй- форма для скачивания. При нажатие ссылки на первой, происходит переход на вторую страницу, где в форме отображается соответствующая ссылка на скачивание. На сколько мне хватает фантазии: на второй страницы должен быть Яваскрипт, который бы осуществлял обработку информации со ссылки и вставлял в форму. Интересно еще, как должна выглядеть сама форма. Классно было бы еще Каптчу к форме прикрутить. А, ну, и сам вопрос: как реализовать..? Как всегда, заранее благодарен

    Asked by chest,

    0 votes
    17 answers

  19. Вертикальное меню

    Доброго времени суток! есть такая проблема - в вертикальном меню "аккордеон" все время открыт первый пункт... к огромному сожалению это совсем ни к чему, во всяком случае на всех страницах. Как открыть нужные подпункты там где надо, я уже разобрался, а вот как закрыть этот первый пункт не знаю... облазил все... Как все это дело выглядит можно посмотреть тут: http://perfectionstudio.ru/palve/index.html, если надо напишу сюда все коды..) Буду очень-очень благодарен за помощь!

    Asked by mikhelevich,

    0 votes
    2 answers

  20. Два непонятных явления...

    Здравствуйте. Столкнулся с двумя проблемами на своих сайтах. Сам решения не нашел, мой знакомый программист - тоже. Надеюсь на этом форуме мне помогут решить эти задачи. 1. Сайт: http://www.soccerland.ru, прописал все в стилях через @font-face в общем все сделал также как на сайте soccerland.ru, на котором все работает, но почему-то на hockeyland.ru они отказываются работать. Проверил права на папку со шрифтами, не знаю в чем еще может быть проблема? Буду очень признателен за решения этих проблем. Может тут все просто?

    Asked by jerry,

    0 votes
    8 answers

  21. Проблема с добавлением даты в mysql

    Имеется mysql 5.7, php7. таблица с полями fio, boss, office, position, date-u, date-u имеет формат 0000-00-00 Выполняю запрос из php, не добавляет в базу данные mysqli_query($con, "INSERT INTO $table(fio, boss, office, position, date-u) VALUES ('$fio', '$boss', '$office', '$position', 11/11/2012)"); Если без даты, то данные добавляются Если сделать запрос из phpmyadmin, данные добавляются, но дата все равно с нулями. INSERT INTO `users`(`fio`, `boss`, `office`, `position`, `date-u`) VALUES (1,2,3,4, 11/11/2012) Почему дату не добавляет?

    Asked by RK3DNP,

    0 votes
    6 answers

  22. Резиновый слой с изображением

    Доброго дня. Начал изучать HTML совсем не давно,вот столкнулся вот с такой проблемой. Задача: Создать фон для страницы,используя изображение большого разрешения,но при этом сделать его резиновым по горизонтали. Давно видел,такую идею,за фон берут изображение,режут его вертикали по полам и при изменении размера монитора или открытии панели закладок,то есть подгонка размера изображения фона под монитор пользователя,одна часть изображения фона заходит на другую,при этом изображение оптимизировано так,что швов практически не видно,а фон хорошо подогнан под разрешение монитора. Помоги советом,как такое или другим способом реализовывается. Вот мой начальный код,очень мало,но д…

    Asked by Gohhan,

    0 votes
    8 answers

  23. Лишние отступы

    Здравствуйте! Такая проблемка: при расположении двух изображений рядом (бок-о-бок) задаю одному align='left', другому нет и смотрится нормально, за исключением того, что правое (второе) изображение несколько сползает вниз. Создается такое впечатление, что там появляется какой-то верхний отступ (которого, на самом деле, нет). Такая же ситуация и с дивами (float='left')... От чего это и как исправить? Спасибо. ЗЫ: Извиняюсь, если подобная тема уже была, просто не нашел - поиск как-то криво работает...

    Asked by borinets,

    0 votes
    5 answers

  24. Кроссбраузерная вёрстка(Ios safari...)

    Имеется сайт http://epicforever.ru/ Вверху 2 дива, собственно новости и новые песни. При открытии их на айфоне\айпэде, в левом диве некоторые строки переносятся на 2 строки, высота дива увеличивается... Как сделать, чтобы такого не происходило? nowrap не предлагать) c min-width экспериментировать пробовал, тоже не помогло.. мб что то не так делал. Зарнее спасибо)

    Asked by Briss,

    0 votes
    6 answers

  25. Изменение картинки при наведении (перекатывание)

    Доброй ночи, Есть faq как сделать, чтобы картинка менялась при наведении (http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee), рассматривается два варианта, при смене картинок одну на другую и при перекатывании одной и той же картинки сверху вниз, так вот, мне интересен эффект перекатывания, так как при смене одной на другую бывает, что у людей с медленным инетом картинка долго прогружается. В jsfiddle все перекатывается очень быстро, незаметно для глаза, но у меня на сайте перекатывание выглядит плавно и медленно, т.е. в течении целой секунды можно наблюдать как картинка перекатывается сверху вниз и это не есть гуд. Можно как-то избавится…

    Asked by pleymo,

    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