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. Позиционирование float

    Задал расположение картинок при помощи float html <div id="content"> <a href="#"><img src="img/1.jpeg" class="img"/> <a href="#"><img src="img/2.jpeg" class="img"/> <a href="#"><img src="img/3.jpeg" class="img"/> <a href="#"><img src="img/7rm.jpeg" class="rek"/> <a href="#"><img src="img/4.jpeg" class="imgd"/> <a href="#"><img src="img/5.jpeg" class="imgd"/> <a href="#"><img src="img/6.jpeg" class="imgd"/> </div> css .img { float: left; }.rek { float: right; } .imgd { float: left; } Все отлично расположилось, но при прокрутке колесика мышки с нажатым ctrl в сторону умень…

    Asked by sol,

    0 votes
    6 answers

  2. txt link hover и img link hover

    Помогите настроить CSS. Есть кусок: a:link { color: black; } a:hover { background-color: black; text-decoration: none; color: white; } img, img:hover { background-color: transparent; padding: 0px; text-decoration: none; } <a href="#">TEXT</a> <a href="#"><img src="#"></a> Проблема такая. У ссылочных картинок появляется левая толстая палочка снизу, от которой не избавиться А как избавиться?

    Asked by XTerm,

    0 votes
    3 answers

  3. border

    Правильно понимаю, что контролировать border: 4px dotted; никак нельзя? Например в ИЕ точки-кружки а в ФФ: точки-квадратики. Или регулировать длину штриха при border: 4px dashed;? Именно через бордер, фон занят более важным. Спасибо.

    Asked by Sh.B.Malinkin,

    0 votes
    3 answers

  4. Дизайн формы

    Asked by xakki,

    0 votes
    3 answers

  5. html тег создает белую полосу прокрутки в ie7

    Не знаю в чем дело, может кто то сталкивался с таким. Вот скрин http://s61.radikal.ru/i171/1103/67/a0436925b0a3.jpg

    Asked by onik,

    0 votes
    12 answers

  6. проблемы в IE

    Доброго времени суток. Вопрос в следующем. Сверстал я тут одну страничку и почти везде она себя хорошо ведет кроме как в ИЕ7 и выше. Там три колонки и они все резиновые, смотрится везде более-менее хорошо но есть проблема. Если в ИЕ7 или выше начать изменять размер окна мышкой то бывает такие моменты что тот блок что посередине переваливается за самый правый блок. Что бы этот эффект увидеть зайдите по ссылке под ослом и поизменяйте размер окна мышкой. как избавиться от данного недуга? и еще вопрос. В одном месте я применил отрицательный маргин для того что бы вынести кусочек текста за блок. Во всех браузерах хорошо смотрится а вот осел почему то обрезает этот кусочек. Сей…

    Asked by blaga,

    0 votes
    10 answers

  7. background to slider

    Добрый вечер, подскажите как можно выставить фото слайдер background для элементов контента. Пробовал через z-index, получается криво. Нужно чтоб было вот так http://pixs.ru/showimage/VillaSanMa_8067826_14250958.jpg а получается вот так http://sport.teslalight.com.ua/ Спасибо.

    Asked by mrfrunze,

    0 votes
    5 answers

  8. Ссылки и почее

    Доброго времени суток,у меня возникла такая проблема,не знаю как сделать ссылку.Я сделал горизонтальное меню и мне нужно сделать переходы,я так понимаю как то с помощью <a href а дальше не знаю что писать что писать

    Asked by Maks_Lamer,

    0 votes
    16 answers

  9. Firefox медиа запрос

    <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Recipes</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="css/style.css" rel="stylesheet"></head><body> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="image"></div></body></html>.image { display: inline-block; height: 100px; width: 24%; border: 1px solid black;}@media screen and (max-width: 640px){ .image { width: 49%; }}https://yadi.sk…

    Asked by WhatIsHTML,

    0 votes
    2 answers

  10. Супер дизайн

    http://prntscr.com/fcm086 кто нибудь сталкивался с таким слайдером, подкиньте пример решения пожалуйста. В гугле не смог найти подобного слайдера.

    Asked by Endorphin,

    0 votes
    2 answers

  11. аккордеон

    суть проблемы: создано два элемента - Аккордеон с 3 раскрывающимися пунктами и кнопка при нажатии на которую происходит так же раскрытие дочернего элемента. все работает исправно но если я в html, код аккордеона расположу над кодом кнопки то при открытии элемента аккордеона кнопка сместится вниз и наоборот. мне нужно это исправить любым способом. ошибок в коде нет мне просто нужен вариант.

    Asked by SHADOWtop1gg,

    0 votes
    1 answer

  12. Проблема с Оперой.

    Опера не понимает правильно растояние между колонками есть такое: #leftside {float:left; width:16.4%;} #centerside {float:left; width:66.2%; margin-left:0.5%; margin-right:0.5%;} #rightside {float: right; width:16.4%;} Три блока между правым и центром в опере появляется расстояние больше чем 0.5% хотя в мозиле и IE все нормально. Может опера как то не так понимает Флот. Кто то может подсказать как сделать правильно?

    Asked by dr_pasha,

    0 votes
    2 answers

  13. скрыть кнопки меню после клика на них

    Подскажите как организовать следующее. Есть кнопки меню.реализованы вот так. есть ссылка, изображение фоном. <td class="td" valign="top"> <div style="background-image:url(/images/tog_03.gif); background-repeat:no-repeat; width:109px; height:32px; vertical-align:middle; padding-top:10px; " > <div> <a href="price.php"><center>Прайс-лист</center></a> </div> </div> </td> И нужно сделать,что бы при нажатии, это изображение скрывалось и оставался только текст ссылки. Т.е. если ссылка активна бэкграунда не видно пользователю, как только он кликнул на другую ссылку, у этой отображение возобновилось…

    Asked by greysells,

    0 votes
    6 answers

  14. z-index

    Здравствуйте! Изучаю верстку, пытаюсь по-тихонечку сверстать первый сайт. Контент должен умещаться по ширине в 1000px, в центре экрана. Есть два дива, мне нужно, чтобы они были на верху. Позиционирую их с помощью z-index (float не работает, т.к. общая ширина двух элементов больше 1000px). Возникла такая проблемка: если ставлю position:absolute, то все ок. Но, мне нужно, чтобы они были наверху не экрана, а верхней границы таблицы (внутри которой они находятся). Тогда ставлю position:relative. И ничего не получается. Помогите, пожалуйста, поставить их на место <center> <table border="3" width="1000"> <tr> <td> <div id="right"> …

    Asked by YanaSt,

    0 votes
    5 answers

  15. min-width для Internet Explorer

    Скажите, есть ли какойто аналог для min-width Internet Explorer. С 7-ой версией тоже не работает. Opera и Firefox отображают нормально.

    Asked by Elly,

    0 votes
    4 answers

  16. Проблема с кодом

    Есть у меня проблема ,больше часа питаюсь решить <hr style="border: 1px #CCC inset; margin-top:10px; margin-bottom:10px;" /> <div style="margin-left:20px; white-space:nowrap; "><span id="navigator" >[prev-link]Назад[/prev-link] {pages} [next-link]Вперед[/next-link]</span> | <form action="http://skrypalej.net" name="go_on_page" method="get" > <input style="width:30px;height:18px;" type="text" name="cstart" class="perexod" /> <input type="submit" value="Go" style="width:30px" class="button_vote"/> </form> | <span id="navigator" ><a href="java script:window.scrollTo(0,0);">Вверх</a></span> <…

    Asked by Mr.Black,

    0 votes
    14 answers

  17. поставили скрипт на сайт а пользоваться не научили

    Ищу помощи у знающих. Мне на сайт поставили модальное всплывающее окно, которое появляется при попытке выйти из него. Работает исправно, но есть 2 вопроса: -скрипт настроен на срабатывание 1 раз в сутки, в каком месте можно поменять эту настройку, например поставить через 1 час, или на постоянное? -если потребуется что-бы окно некоторое время вообще не всплывало, как его временно отключить, не удаляя скрипт полностью. Буду благодарен мудрому совету.

    Asked by Гука,

    0 votes
    10 answers

  18. Ищу гуру(наставника)

    Добрый вечер. Я начинающий веб-программист. Хотел бы найти наставника, который помог бы мне освоить html верстку, ее процесс, помогал бы при появлении какие то проблем, указывал бы недочеты, я в свою очередь помогал бы ему с какой-то мелкой работой, я достаточно общительный. Сойдусь с любым человеком. Опыта верстки у меня нету, но html естественно на достаточном уровне. Сам имею какой-то опыт, на мой взгляд, небольшой, но для начала будет достаточно. Прошу ответить здесь или в личку, если таковы найдутся.

    Asked by БУБЛ1К,

    0 votes
    4 answers

  19. Что означает content: e005

    Что означает выражение content: "\e005";Применяется к span'у. Нашел на сайте _designmodo.com, это иконка меню, видна если сузить окно браузера.

    Asked by alleclf,

    0 votes
    3 answers

  20. Не important

    Есть ли свойство,которое обратно important в стилях?

    Asked by user,

    0 votes
    13 answers

  21. Поясните за Disqus

    Посоны, чё его так все используют? Чё в нём такого? Даже htmlbook и уже давно. Зачем прибегать к чужим разработкам когда систему комментариев любой го*нокодер на подобии меня сможет быстро написать! Зачем писать всякие тра-ля-ля на подобии "Не пиши код в комментариях, он может не корректно отображаться" когда можно сделать всё своё и чтобы с кодом не было никаких проблем. Зачем играть по чужим правилам когда можно диктовать свои?

    Asked by Морская улиточка,

    0 votes
    3 answers

  22. Как сделать такое на flexbox?

    Нужно с помощью flexbox сделать такое Как это сделать? Пока что получается вот так

    Asked by yaparoff,

    0 votes
    1 answer

  23. Неправильно отображается порядок объектов.

    Помогите пожалуйста. Панель отображается под текстом, хотя написана выше него. Иллюстрация проблемы: http://94.19.106.128/test/donate.html. cat donate.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <link type="text/css" rel="stylesheet" href="style/style_i.css"/> <style> body { background: url(donate-5.gif); } </style> </head> <body> <link rel="import" href="object/import_panel.html"> <div id="content"> <p>Подкинь монетку<br> <b>MONERO </b>46W3ckYoCvxB5Wh1k9U8M9WhoGFDjxtqNKXZ3Nta3s7dKe5SV8ZcFDh1nfB2mgkZm5MYoTUrfj aQUAGUJNig3sANLxxGzfC<b…

    Asked by miisha,

    0 votes
    4 answers

  24. Возможно ли отменить действие стилевого правила?

    Имею выносной стилевой файл в котором определены такие настройки (все упростил для наглядности): a { color:#f00; } a:hover { color:#000; background:#bbb; } и html <div id="block"> <p>бла-бла-бла <a href="#">Здесь</a> бла-бла-бла</p> <ul> <li> <p>пам-парам <a href="#">Тут</a> пам-парм</p> </li> </ul> </div> если я пропишу правило (таковы требования) div#block p a { color:#ccc; } то оно применится ко всем ссылкам блока (id="block") в тч и в составе списка. Но вот именно в списке мне нужно оформление ссылок, которое задано "глобальным" правилом. Вопрос: можно ли каким-то пр…

    Asked by Punsh,

    0 votes
    1 answer

  25. Проблема в Firefox. Нужен хак или совет.

    Добрый день. У меня проблема с <textarea></textarea> Нужно задать строго ширину, но кроссбраузерность страдает. Для оперы, ие я задал ширину -4px и все стало смотреться нормально, но только на MAC'е. На PC-версии firefox'a ширина получилась на 4 пикселя больше. Может есть какой-то хак для лисы под виндой? Или через скрипт надо как то сделать.. В нете нашел скрипт "хаки для любого браузера под любой ос" но не работает почему-то. (на харбе был, способ как .win .ff3 question_div textarea { width: 296px !important; } Посоветуйте пожалуйста что делать.

    Asked by Амель,

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