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. прблема c двумя <div>-колонками в div-контейнере

    Народ, подскажите плиз... Есть следующая код #container{ width: 800px; margin-left: auto; margin-right: auto; text-align: left; border: 1px solid #E0E2EE; background: #FAFCFB; - не срабатывает в FF и Opere } #left{ width: 75%; padding: 5px 5px 10px 5px; float:left; font-size:0.9em; border-right: 1px solid #E0E2EE; } #right{ width: 22%; padding: 5px 6px 5px 0px; float: right; } #footer{ width: 100%; background: #F8F9FB; float: left; } <div id="container"> <div id="left">Некоторая инфа</div> <div id="right">Некоторая инфа</div> <div id="footer">Подвал<div> </div> Так вот все чудесно, только когда я …

    Asked by Виталий,

    0 votes
    6 answers

  2. Дробный font-size

    Подскажите как понимать цифры через слэш. Как их трактует браузер? body { color: #333333; font: 12px/17px 'Trebuchet MS','Lucida Grande',Arial,sans-serif; margin: 0; }

    Asked by seemax,

    0 votes
    15 answers

  3. Сложное обтекание div-ов

    Здравствуйте. Столкнулся со следующей проблемой с обтеканием div-ов. На картинках ниже приведено, что есть и что нужно получить. Это у нас есть: (http://itmages.ru/image/view/287959/d5fb3475) А вот так надо: (http://itmages.ru/image/view/287960/4a7d5e0b) Код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> <style> .news_main{ font-weight:normal; text-align:left; padding-top: 3px; padding-bottom: 7px; } .news_box{ text-align: left; vertical-align: top; padding: none; height: auto…

    Asked by nikolay2011,

    0 votes
    4 answers

  4. margin-left в IE6 удваивается

    В IE6 удваивается марджин-лефт и сдвигает слой больше чем надо. Как с этим бороться подскажите плиз <!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"> <head> <meta http-equiv=Content-Type content="text/html;charset=windows-1251"> <title>Untitled</title> <style> * { margin: 0px; padding: 0px; } #osnova{ width:100%; height: 100%; min-width:1000px; } #bodier{ height: 100%; background:#CFCFCF; position: relative; z-index:0; } #left_body{ width: 100%; height:600px; z-index:0; position: relative; } #podlogo{ backgro…

    Asked by rokkkky,

    0 votes
    4 answers

  5. Кодировки.

    Доброго всем дня. Проблема вот в чём: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Заголовок</title> <link href="css/styles.css" type="text/css" rel="stylesheet" media="all" /> </head> <body> </body> </html> Такой вот прекрасный красивый код, валидатор ничего против не имеет, на хостинге всё работает идеально, никаких проблем. Запускаю на локалхосте. Получаю вот что: п»ї<!DOCTYPE html PUBLIC "-//W3C/…

    Asked by Игорь Ермаков,

    0 votes
    12 answers

  6. Как сделать резиновое вертикальное меню

    Помогите разобраться, не могу никак понять, как нужно сделать, чтобы меню расстягивалось вниз, допустим при добавлении нового пункта меню. Меню построено на основе картинки, не знаю как его порезать и сделать так, чтобы онго расстягивалось. Вот картинка того меню, которое как раз и должно расстягиваться: http://i006.radikal.ru/0805/8f/88030d2cc48e.jpg

    Asked by BRK,

    0 votes
    6 answers

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

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

    Asked by Gintos,

    0 votes
    32 answers

  8. Резиновая шапка при фиксированном сайте

    Сайт на шаблоне с фиксированной шириной. Необходимо сделать на сайте шапку. Сейчас шапка на сайте есть, сделана по вот этому уроку, но вариант не подходит, так как в нём используется body { background <...> }, а мне нужно через backgroung задать сайту фон. Пробовал ещё такое решение: CSS: .container { background: #fff repeat; margin: 0 auto; height: 192px; width: 100%; overflow: hidden; position: relative; } template.php: <div class="container"> <div align="center"><img src="http://site.ru/themes/theme/images/top.jpg" alt="" /></a></div> </div> С высотой шапки 192px и шириной >1700px. Но при использовании этого способа,…

    Asked by vkapas,

    0 votes
    8 answers

  9. Валидатор выдает ошибку

    Доброго дня! Подскажите пожалуйста ответы на пару вопросов. 1. Валидатор выдает ошибку такую: td.stran Parse Error { background-image: url("/images/04.jpg"); BACKGROUND-POSITION: left top; background-repeat: no-repeat; background-color: #ffffff;} И также при таком коде в Мозиле и Опере эта фоновоя картинка не отображается! 2. Также Мозила не понимает следующий код: td.kontakt { font-size: 10pt; color: #f5f5f5; background-color: #89B2A3; text-align: center; font-weight: bold; } В IE и Опере все ок. Заранее всем спасибо!

    Asked by Loed,

    0 votes
    12 answers

  10. Как выровнять div по правому краю без float!

    Привет, форумчане! Подскажите, как можно выровнять div по правому краю без использования flot и относительного либо абсолютного позиционирования. Имеется вот такой вот div.pagination, внутри которого лежит div.pages, что и нужно сдвинуть в правую сторону блока pagination: http://joxi.ru/gmvjVqJuM9XQma Для вложенного блока установил свойство 'display: inline-block'. Пробовал сдвинуть с помощью text-align - не помогло И margin'ы тоже не выручают. Что посоветуете? Заранее спасибо!

    Asked by Antoshka007,

    0 votes
    13 answers

  11. Прямоугольник+треугольник через псевдоэлемент и градиент

    Как сверстать такую фигуру? Моя идея: Сделать прямоугольник, добавить через псевдоэлемент треугольник. но как сделать его так, чтобы залить градиентом таким же, как и у прямоугольника? Ссылка на псд. http://rghost.ru/56934778

    Asked by Vitalya T,

    0 votes
    5 answers

  12. верстка фиксирование позиции слоя

    Всем привет. Решил вот поиграться с divной в?рсткой - натолкнулся на проблему: Идут подряд 2 дива: #main_logo { float: left; width: 25%; min-width: 300px; } #header_nav { min-width:400px; } В первом диве картинка, во втором текст. При уменьшении размеров окна текст во втором диве переносться как только хочет вплоть до того, этот див переноситься под див с картинкой. :/ Меня же такое положение вещей в корне не устраивает. Как это побороть?

    Asked by mckey,

    0 votes
    5 answers

  13. Картинка напротив сайта в поисковике!

    Подскажите код для того, чтобы при выдаче поисковиком (например яндексом) слева от текста была картинка. и код для добавления сайта в избранное. Спасибо!

    Asked by М.Сергей,

    0 votes
    16 answers

  14. как сделать ссылкой фрагмент блока?

    вопрос: есть блок шириной в 1000 пх, надо чтоб ровно посередине него, была какая-то зона/блок/хз, при нажатии на которую юзверь отправлялся бы на мейн. пробовал задать у него посередине блок, и сделать его ссылкой, но почему-то в такой ситации ссылкой становится и материнский блок( пнгшку как-то не охота пихать(оптимизации ради). подскажите как ето сделать корректно и правильно?

    Asked by Proks,

    0 votes
    21 answers

  15. О, Якоря!

    Если на странице есть якорь со свойством display:none и видимый Как на этой же странице огранизовать ссылку, чтобы переводила на этот Якорь и делала его видимым? А еще тому, который видно - дисплей:ноне

    Asked by chest,

    0 votes
    28 answers

  16. phpmyadmin не хочет включатся

    почему -то phpmyadmin не включатся , пишет проверьте пароль и имя(все сходится, но он всеравно не включается). Подскажите в чем может быть проблема?

    Asked by JENYTAVR,

    0 votes
    11 answers

  17. Вставка php в html инклудом

    Заранее прошу прощение, может глупый вопрос. Просто в php я вообще не понимаю, пока изучаю html и css. Переделал html шаб из паблика, сделал его почти полностью на инклудах. Хочу вставить форму обратной связи. Пытаюсь через инклуд, а страничка "съезжает" в сторону и выдает ошибки. Вот так пытаюсь вывести в html документе форму связи <!--#include file="inc/index.php" --> Пробовал в .htaccess прописать AddType application/x-httpd-php .php .htm .html .phtml результат тот же, не работает. Помогите разобраться.

    Asked by turovnet,

    0 votes
    15 answers

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

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

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  19. три колонки - средняя жесткая, боковые тянутся

    Помогите сверстать или дайте ссылку, чего-то не могу найти нигде такого. Шапка и подвал не нужны. Просто три колонки. Средняя по середине - она неизменной ширины. Боковые тянутся, чтобы заполнить всю страницу. Пробую так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> #pred { float:left; background-color:#0000FF; width:50%; text-align:right; position:relative; z-index:1; } #sled { float:right; background-color:#00FF00; width:50%; text-align:left; position:relative…

    Asked by Колос,

    0 votes
    6 answers

  20. Не масштабируемый фон

    Допустим есть такой код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin:0;padding:0;} html, body{height:100%;} .back{ width:100%; height:100%; background:url('1 (2).jpg') no-repeat; } </style> </head> <body> <div class="back"> </div> </body> </html> и выглядит все это вот так: если уменьшить страницу, то будет так: с увеличением тоже самое. как сделать так, что бы при изменении страницы фон оставался как на первой картинке?

    Asked by bob_24,

    0 votes
    14 answers

  21. Div блоки

    Хочу расположить 3 блока div горизонтально. левый и правый фиксированной длины, средний растягивается на ширину страницы. Пишу такой текст <div style='background:red; width:63px; height:38px; float: left'> Левый блок </div> <div style='background:blue; height:38px; margin-left:63px; margin-right:14px;'> Центр </div> <div style='background:green;width:14px; height:38px; float:right;'> Правый блок </div> но почему то 3 блок съезжает вниз....что я не так делаю?

    Asked by RiG,

    0 votes
    4 answers

  22. Прозрачные иконки

    Ребят, есть идеи как сделать иконки с вот такой прозрачностью, чтобы они просвещали фон родителя ? мне кажется это нереально. Хотел бы уточнить, что сами иконки это svg. Я могу сделать их прозрачными, не могу придумать, как сделать чтобы их просвещал белый фон

    Asked by brezze,

    0 votes
    15 answers

  23. Как убрать горизонтальную прокрутку?

    Помогите разрешить проблему... Сейчас у меня в процессе верстка сайта в слоях. В таком виде: центральная часть фиксированная - 979px, чтобы сайт влезал в 1024. Если разрешение больше, что левая и права части (по 180px) будут видимы. Но при проверке сайта при разрешении 1024 на 768 появилась горизонтальная линия: Как решить? Всю голову сломал (( Наглядный пример тут - http://tennisprofi.ru/ CSS * { margin: 0; padding: 0; } html { height: 100%; } body { background-image:url(pics/fon.jpg); background-repeat:repeat-x; font: 12px/18px Arial, Tahoma, Verdana, sans-serif; background-color:#deeff9; } a { color: blue; outline: none; text-decoration: underline; } a:hov…

    Asked by Slashik,

    0 votes
    10 answers

  24. Кроссбраузерность для Сафари

    Помогите, пожалуйста, разобраться с кроссбраузерностью для Сафари. Во всех браузерах все ок и все готово казалось бы, а в Сафари полный завал. 1. Бекграунд для боди не отображается (вернее он отображается, но только если я забираю линейный градиент, вебкит не срабатывает для него) 2. С хлебными крошкам тоже какой-то каламбур вышел. 3. И самое главное миниатюры тоже не отображаются - какие полоски на их месте. Вот скрин ужаса http://clip2net.com/s/3hrsNwy А вот няша http://clip2net.com/s/3hrsUPS

    Asked by Orysya,

    0 votes
    7 answers

  25. проблема в ie, неправильный пересч?т картинок

    Здраствуйте, имеется следующая проблема. Есть отдельная страница на которой выводится картинка и под ней панель навигации. Чтобы сохранить высоту страницы постоянной, я в css поставил обрезку картинок по высоте. Так вот в ie картинка искажается, поскольку он неправильно считает ширину файла (в css задано как auto) в ff и opera размеря считаются правильно. Ниже прив?л код страницы и css стили для них. <div class="one"> <div class="two"> <a href="img1.shtml" target="_blank"> <img src=" /pic/gallery/avdeev/avdeev1.jpg" alt="avdeev1.jpg, 1438 kB" title="avdeev1" class="image"></a> <div class="image_menu"> <a href="pre2.shtml"&gt…

    Asked by DMGaster,

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