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. ширина изображения

    задача такова: есть картинка: <img src="bg/1.png" id="main-bg"/> и такой вот стиль для нее: #main-bg {width:100%; display:block} .wide #main-bg {width:1092px; display:block} необходимо, чтобы картинка занимала 100% отведенного под нее пространства в <div>, покуда разрешение экрана в ширину не превышает 1300 пикселей (то есть у пользователя экран 4 к 3, "квадратный"). если же экран широкоформатный (в ширину больше 1300), то нужно, чтобы картинка была шириной в 1092 пикселя. для этого в конце боди пишу скрипт: <script type="text/javascript"> function checkWindowSize() { if ( $(window).width() > 1300 ) { $('body').addClass('wide'); } else {…

    Asked by MasterP,

    0 votes
    4 answers

  2. рандомный фон из предложенных

    Необходимо сделать так, чтобы имг выбирался рандомно из предложенного массива. Сейчас это выглядит совсем криво: <img src="bg/.png" id="main-bg"/> <script> var bg = ['bg/1.png', 'bg/2.png', 'bg/3.png', 'bg/4.png', 'bg/5.png', 'bg/6.png'], n while(n == undefined){ n = Math.round(Math.random()*7) if(n==0||n==7) n = undefined } document.getElementById('main-bg').src = bg[--n] </script> раздражает то, что пока скрипт грузится проходит полсекунды и заметно, как браузер сначала грузит пустую область (bg/.png - специально положил битую ссылку), а потом - нужную картинку на ее место. Это критично, т.к. положение остального содержимого страницы зависит от н…

    Asked by MasterP,

    0 votes
    4 answers

  3. проблемы с дизайном

    у меня сайт artpb.ru при увеличении вида текст лезет за границу рамок , как этот момент исправить? заранее спасибо

    Asked by artpb,

    0 votes
    1 answer

  4. Блок лезет за пределы

    Немогу понять почему блок sidebar вылазиет за пределы. Надо, что бы он растягивался в нутри, а он наружу лезет. Может кто подскажет? Вот код HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>[title]</title> <link href="imgdiyan/style.css" rel="stylesheet" type="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="shortcut icon" href="/files/favicon.ico" type="image/x-icon"> </head> <body> <div id="wrap"> <div id="masthe…

    Asked by Alben,

    0 votes
    6 answers

  5. Не могу достичь кроссбраузерности

    Здравствуйте! Я начинающий веб-дизайнер, и, собственно, чтобы поднатореть начал с редизайнов. Оригинал сайта: http://pskov.izbirkom.ru То, что я сделал: http://sie-club.ru/design/ Но так как задумано сайт выглядит только в Опере. Остальные браузеры выдают мне черте что. Пожалуйста, помогите, я уже не знаю что делать. Вот например margin-top: -17px; для таблицы работает только в Опере. В остальных браузерах таблица не двигается.

    Asked by 7ion,

    0 votes
    8 answers

  6. Кнопка для открытия изображения в ajax-окне.

    Здравствуйте! Увеличенные изображения и их превьюшки используются сейчас достаточно широко, чтобы не быть не упомянутыми. Вид кнопки : <a href="картинка">Посмотреть</a> Нужно, чтобы при клике на ссылку картинка открывалась в ajax-окне. Заранее благодарю.

    Asked by Xelborg,

    0 votes
    10 answers

  7. автоматически активировать поле ввода

    Делаю страницу авторизации. Не подскажите, как сделать так, чтобы после завершения загрузки можно было начать вводить логин (чтобы поле input для логина становился активным)?

    Asked by MasterP,

    0 votes
    5 answers

  8. Наглый наезжающий блок

    Здравствуйте. Стоит передо мной задача сделать так, что бы один блок наезжал поверх другого в зависимости от вертикальной прокрутки страницы. Иными словами есть это —проблэм . Нужно что бы блок с картинками наезжал на блок с таблицей. Даже наверное что бы блок с картинками начинал двигаться вниз от определенного отступа (Без скриптов никак?)...

    Asked by Bondarov,

    0 votes
    2 answers

  9. Выпадающее меню

    Криво работает вот здесь http://test1.xenot.ru/ КОгда нажимаешь на главный пункт то подменю наезжает на следующий пункт!

    Asked by NeoMurderer,

    0 votes
    3 answers

  10. Как убрать отступ

    Привет всем!) Я решил сверстать ооочень простую страничку для Motd окна cs 1.6 сервера с использованием css и html. Начинаю работать пока что только с html'ом. Для начала на середину сверху я решил добавить изображение с названием сервера (сделанное в фотошопе) и вот собственно в теге <body> решил разместить оный код: <h1 align="center"><img src="images/df.png" alt="DealyFrags"></h1> Изображение выравнялось по середине, но у него имеется отступ от верха. Я не мастер в css и html и даже не пробовал углубленно изучать. Делаю я все сразу же и по учебнику. Или же это изображение выравнивать надо уже в css?

    Asked by Feers1de,

    0 votes
    4 answers

  11. HTML5 CSS Таблица. Расстояние между ячейками

    здравствуйте. не смог в справочниках найти и методом тыка догнать, как делать расстояние между строк в таблице больше/меньше? cellspacing вроде тыкал уже не зная куда..че то не увидел результата. И можно ли это задавать в CSS?..или только в хтмл коде непосредственно на странице? Сам код таблицы: <table class="price"> <col class=""/> <colgroup span="2"></colgroup> <col class=""/> <thead> <tr> <th colspan="2" scope="colgroup" background="/img/table_greenbar.png";><a href="" title="">Заголовок</a></th> </tr> </thead> <tbody class="price"> <tr> <td colspan="2" scope="colgroup">…

    Asked by Samenfaden,

    0 votes
    6 answers

  12. div вёстка, проблема с блоками

    Здравствуйте, задача сделать такое: есть html: <div id="hmenu"> <div id="rmenu"></div> <div class="menu"> <ul> <li > <a href="" title="Главная">Главная</a> </li> <li class="page_item page-item-17 current_page_item"> <a href="" title="xcvbdhdfh">xcvbdhdfh</a> </li> <li class="page_item page-item-2"> <a href="" title="Пример страницы">Пример страницы</a> </li> </ul> </div> <div id="lmenu"></div> </div> Никак не могу сделать правильно, подскажите плз как размес…

    Asked by Monachus,

    0 votes
    9 answers

  13. onmouseover

    Добрый вечер! Скажите. а можно ли через событие onmouseover поменять бэкграунд у блока? И если да, то как прописатьв стилях чтобы он ещё и repeat был. Пробовала, не получается

    Asked by htmlbr,

    0 votes
    14 answers

  14. Подсветка кода.

    Скажу честно, создаю пост от части из лени, но прежде всего ожидаю, что мне порекомендуют действительно хороший вариант... Нет ли у кого великолепного скрипта подсветки С++ кода? Можно на php но лучше, если на JS.

    Asked by CEBEP,

    0 votes
    12 answers

  15. всплывающая подсказка в HTML (addthis код)

    в следуйщем коде при наведении на иконку показывается стандартный текст сервиса addthis. что нужно дописать чтоб можно было по русски ввести нужные подсказки ? <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_vk"></a> <a class="addthis_button_facebook"></a> <a class="addthis_button_twitter"></a> <a class="addthis_button_odnoklassniki_ru"></a> <a class="addthis_button_compact"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script> <script type="text/javascript" src="http:…

    Asked by wernbloom@ukr.net,

    0 votes
    3 answers

  16. Вопрос об отступах

    Доброго времени суток! Возник вопрос, как задать отступ элемента на странице абсолютный не зависящий от других элементов(т.е. других блоков)? Вся проблема в том, что когда страница без наполнения копирайт блок прыгает вверх, то есть как зделать что бы даже при отсутцтвии других блоков, блок с копирайтом не поднимался. П.с: уже всё позабывал) Зарание спасибо!

    Asked by iloveforever,

    0 votes
    9 answers

  17. Почему в диве с определённой шириной широкие изображения автоматически не ужимаются?

    У меня есть див с шириной 500px. В нём есть широкое изображение, где-то 1000 px шириной. А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

    Asked by Serg55,

    0 votes
    10 answers

  18. Oracle VM VirtualBox

    Начну с того, что установил Oracle VM VirtualBox, создал виртуальную машыну с Linux Ubuntu, запускаю и через несколько секунд появляеться вот такая надпись FATAL: No bootable medium found! System halted.Что ето за ошибка?

    Asked by Mr.Black,

    0 votes
    7 answers

  19. Непонятки с 960gs

    Всем привет. Нашел туториал для дизайнеров по верстке для 960gs http://www.tutorial9.net/photoshop/design-...h-the-960-grid/ . PSD примера: http://www.tutorial9.net/wp-content/upload...04/BlueGrid.psd Но макет который там представлен вызывает у меня вопросы насчет верстки блоков чисто по фреймворку. Блок с телефоном в шапке имеет темную рамку, которая вылазит слева на область где будет margin, с первой колонкой списка Summary of Service справа то же самое. Понятно, что это некритично, можно все это в одном блоке по сетке сверстать, а внутри него уже использовать обычные плавающие блоки. Но я хочу тогда понять почему не сделали все по сетке, это же туториал, т.е. образец?…

    Asked by optimismous,

    0 votes
    4 answers

  20. Помогите type="imege" сделать текстом

    Помогите <input type="image" src="/buy.gif" name="go" alt="В корзину" class="subm" /> сделать обычной ссылкой типа <a href="">. Мне подсказали что это стилями можно сделать, только я не знаю как, очень надо

    Asked by frost18,

    0 votes
    5 answers

  21. Подскажите с версткой, пожалуйста

    Добрый день участникам! Сразу уточню, что я не суперспец в верстательных делах, но задача была поставлена, нужно реализовать. Итак, на главной странице вот этого сайта был добавлен блок с табами (ближе к низу страницы). В нормальных (старых, объезженных) браузерах - FF 3, Opera 9, IE 8 - этот блок, как и требовалось встает в центр макета. В новых браузерах - FF 4, Chrome - разъезжается по всей ширине. Я подозреваю, что, возможно, что дело в html5-секциях, которые старые браузеры не поддерживают, но не знаю... Коллеги, подскажите, как исправить. Бьюсь уже третий час. Спасибо

    Asked by Ololo74,

    0 votes
    3 answers

  22. Помогите избавиться от горизонтальной прокрутки в FF

    Привет. Проблема с версткой, не могу понять откуда берется горизонтальная прокрутка в FF. В других браузерах все ок. Помогите, пожалуйста. Сайт Спасибо.

    Asked by krokodily,

    0 votes
    10 answers

  23. Слетел подключенный шрифт на сайте

    Вот к примеру, страница <H1> выводился с подключенным шрифтом MyriadProLightCondensed, но тут вдруг перестал. Стили я не правил (т.е. вообще даже не открывал), менял только код PHP в некоторых шаблонах компонентов. Теперь почему-то не подключается нужный шрифт ни в одном браузере. Помогите разобраться? Да, кстати, дамп сайта на локалке работает как надо.

    Asked by d0ublezer0,

    0 votes
    14 answers

  24. Как резать готовый, нарисованный сайт!

    Как ы CS3 резать сайт и разделять каждый рисунок????

    Asked by Andante94,

    0 votes
    6 answers

  25. Высота 100% с отступами.

    Добрый день. Есть проблема, но не как не могу найти решение без использования js. Требуется див по центру экрана у которого высота 100% но при этом есть отступ. Соответственно при изменении окна браузера, должен тянуться див и не должен появляться вертикальный скролл. Собственно нынешний код (урезанный). <style> html, body { padding:0px; margin:0 auto; height:100%; width:100%; } #section { height:100%; } #content { height:100%; margin:20px; } </style> <div id="section"> <div id="content"> текст </div> </div> Как это должно выглядеть. P.S. Извиняюсь если подобная тема есть, но не нашел ее.

    Asked by sayber,

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