Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 03/02/2012 in all areas

  1. v01d0s
    поставить на фон и задать левый паддинг
    2 points
  2. buddah
    Да что ж так все больны Лебедевым то? Ну кто, кто сказал, что подчеркивание обязательно должно быть в интерфейсе? Кто сказал, что интерфейс должен быть именно таким и никак иначе? Зачем эта шаблонность? А если я хочу выделить ссылку другим шрифтом, цветом, увеличить\уменьшить размер её шрифта, да еще и поднять её базовую линию, с фига ли мне ваше подчеркивание нужно? Или, допустим, заголовок поста, которому задан другой цвет, да еще и уголки скругленные, да еще и тенюшка. Подчеркивания имеют право быть, но говорить так категорично - большая ошибка. Не поймите превратно, это не эмоции. Подчеркивание - это холивар. Нет единственно правильного решения на все случаи. Не учите этому новичков, они пока еще не в состоянии фильтровать слова старшего товарища, тем-более представителя хорошей, судя по всему, московской веб-студии.
    2 points
  3. buddah
    После этого я попросил бы их выйти из зала
    2 points
  4. Switch74
    label вообще во всех браузерах должен бы работать, но почему-то у мя в последнем фаере и ie7 не работает. Если все вешать на js то можно label поменять на что угодно - это не принципиально, главное оставить input, остальное можно менять. В jquery все вышло бы куда проще.
    1 point
  5. Switch74
    я так понимаю ты очень хочешь, чтобы данная реализация работала и в ie и в лисе попробуй так <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="description" content=""> <meta name="keywords" content=""> <title>Test</title> <style> *{margin:0px;padding:0px;} html,body{height:100%;} .radio{display:inline-block;width:10px;height:10px;border:1px solid #bbb;background:#d00;} </style> <script> function radio(elem) { var id = elem.id; var input = document.getElementById(id+'_'); var obj = document.getElementById('_'+id); if(input.checked) { obj.style.background = '#0d0'; } } </script> </head> <body> <label id="radio_1" onclick="radio(this);"> <div class="radio" id="_radio_1"></div> <input type="radio" name="radio" id="radio_1_"> пункт радио </label> </body> </html> но есть одно но, в некоторых браузерах чекед стоит по умолчанию и его не снять + если ты будешь делать список переключателей, то тебе нужно будет сделать функцию их обнуления
    1 point
  6. alexandr_v-vich
    Только, что-то намудрил я...по-моему как-то так var virtualRadio = document.getElementById('virtual_radio'); var myRadio = document.getElementById('myRadio'); if (myRadio.checked) { virtualRadio.style.backgroundImage='url(images/checked.png)'; } Switch74, Аха, да и вот и я про....опередили меня))
    1 point
  7. Switch74
    ну тогда можно сделать так <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="description" content=""> <meta name="keywords" content=""> <title>Test</title> <style> *{margin:0px;padding:0px;} html,body{height:100%;} .radio{display:inline-block;width:10px;height:10px;border:1px solid #bbb;background:#d00;} </style> <script> function radio(input) { var id = input.id; var obj = document.getElementById('_'+id); if(input.checked) { obj.style.background = '#0d0'; } } </script> </head> <body> <label> <div class="radio" id="_radio_1"></div> <input type="radio" name="radio" id="radio_1" onclick="radio(this);"> пункт радио </label> </body> </html>
    1 point
  8. alexandr_v-vich
    Не очень разбираюсь в скриптах, но авось помогу.... Убрать .onclick, оставте просто var virtualRadio = document.getElementById('virtual_radio'); var myRadio = document.getElementById('myRadio'); if (myRadio.checked == false) { myRadio.checked = true; virtualRadio.style.backgroundImage='url(images/checked.png)'; } ...вариант?
    1 point
  9. Switch74
    не понимаю что именно вы хотите добиться своим кодом, но обычно пытаются добиться что-то вроде этого: <style> .radio{width:10px;height:10px;border:1px solid #bbb;background:#d00;} </style> <script> function radio(obj) { var id = obj.id; var input = document.getElementById(id.substr(1)); if(!input.checked) { obj.style.background = '#0d0'; input.checked = 'checked'; } else { obj.style.background = '#d00'; input.checked = ''; } } </script> <input type="radio" id="radio_1"> <div class="radio" id="_radio_1" onclick="radio(this);"></div>
    1 point
  10. sigma77
    Tmin10, Не работает, потому что float преобразует любой элемент в блочный, соответственно и граница отображается внизу блока. У каждой же строки есть своя нижняя граница. Соответственно нужно либо заключить ссылку в блок, либо разместить внутри ссылки со свойством float строчный элемент, которому и задать границу.
    1 point
  11. sigma77
    Так? http://jsfiddle.net/G5W3M/1/
    1 point
  12. br3t
    http://htmlbook.ru/css/background-size ?
    1 point
  13. psywalker
    Еще хуже =) В общем сам разобрался =) http://jsfiddle.net/keut3/4/ Уверен? http://jsfiddle.net/keut3/5/
    1 point
  14. selevit
    Доброго времени суток. Прошу критики и советов по верстке.
    1 point
  15. Odrin
    Еще хуже =) В общем сам разобрался =) http://jsfiddle.net/keut3/4/ Помогла эта статья. Может кому еще пригодится. Если в двух словах - как я и подумал, это "Margin Collapsing". "Если у родительского элемента нет ограничивающих факторов( об этих факторах я напишу ниже ), то margin переходит от внутреннего элемента к внешнему, после чего выбирается по старой схеме этот margin ( если одноименные. то выбирается наибольший, для разноименный происходит сложение .)" И решение: "Внешнему элементу поставить border, например border:1px solid black; Можно добавить padding, например padding:10px; И последнее правило — overflow(любое значение, кроме visible)" P.S. Статью однозначно в закладки)
    1 point
  16. rus
    посмотри тут.
    1 point
  17. rus
    в подобных каталогах "универсальных категорий" как таковых нет, есть категории типа "другое, прочее", но это вряд ли вам подойдет, а вот универсальные сайты в "этом же роде" - бывают по сему вставляйте в ту категорию, которая по вашему мнению чаще мелькает у вас на сайте.
    1 point
  18. rus
    Softlink, поверь, я не просто так говорю, значит самолично сталкивался с подобной проблемой и по сему обратил пристальное внимание на эту тему, хотя сам в верстке только лишь адепт, но не мастер.
    1 point
  19. Mr.Black
    Приветствую...Помогите мне просветится. Как вот такой код может создать треугольник? Ну как? width:0; height:0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-top: 200px solid blue; —-- Код взят из http://tantek.com/CSS/Examples/polygons.html
    1 point
  20. Switch74
    вот тебе код, поэкспериментируй с width и height, и попробуй задавать некоторым противолежащим бордерам прозрачный цвет и ты поймешь как это работает <style> #b { width:100px; height:100px; border-top:100px solid #0f0; border-left:100px solid #00f; border-right:100px solid #00f; border-bottom:100px solid #0f0; } </style> <div id="b"></div> так же можешь для полного освоения данной чтукой по изменять размеры бордюров и их стили
    1 point
  21. Softlink
    Я все-таки склоняюсь к путям. rus, по факту оно будет работать и без пробела и без точки с запятой.
    1 point
  22. MiksIr
    Максимальную ширину можно только тексту задать, что бы удобнее читать было, а все остальное оставить - Смотрю на 1920, вполне терпимо А вот что не понравилось: Отсуствие шапки. Макет сразу разделен на лево-право. По опыту - создает проблемы при жизни сайта (т.е. последующие "хотелки") Как оформлено меню с картинками, обычно все же такое списком делают. Почему h2? Где h1? Сеошники уже рвут волосы. Скажите, а где та школа, которая учит верстальщиков убирать подчеркивание по наведению? А особых отличников - наоборот, показывать подчеркивание. С удовольствием ее бы уничтожил. Своих верстальщиков учу никогда не привязвать стили к div/span именам тегов - только классы. Опять же - опыт. Ибо при доработках часто требуется добавить новый блок/span и тут начинаются проблемы, что на нем уже есть стили. Причем, часто это добавляет не верстальщик, а JS программист в качестве маркеров. Создает лишние проблемы. <p class="border"></p> - почему p? Где активные пункты меню? Не нарисовали или вы забыли? Если не нарисовали - должны первом делом спросить дизайнера об этом еще до верстки.
    1 point
  23. ablay2009
    Могу перевести, если кому надо? На англицком постоянно читаю/пишу
    1 point
  24. buddah
    Если будет меняться размер шрифта заголовка, то линия будет ездить. Но если уверен что все будет так, как есть, то почему нет. Вариант Макса более гибкий.
    1 point
  25. lexxcode
    Вот так можно. Понятно, оформить можно как угодно. И сам скрипт в самой простой реализации, можно добавить доп. проверки при необходимости.
    1 point
  26. lexxcode
    не понял о каком проводнике речь, как заготовка можно так сделать
    1 point
  27. br3t
    См тут _http://www.cy-pr.com/forum/f64/t14204/
    1 point
  28. ShumNo
    да уж..
    1 point
  29. Nanto
    Одного пункта не хватает: пользуюсь рабочим временем тестеровщиков. Если баг воспроизводится в IE9 (в режиме эмуляции) - то всё просто. Если нет - смотрю на VirtualBox-e. Если и в VB - нет, начинаем выяснять с тестеровщиком - что у кого не так (или просто забиваю на этот баг).
    1 point
  30. lexxcode
    Онлайн-тестеры в принципе не удобен. 1. Иногда страницу нужно много раз и часто обновлять, в каком-то конкретном браузере. 2. Тот же browsershots.org, частенько вообще забивает на, то что нужно предоставить скрины. Так, что imho самый не удобный вариант. А вот выбор между использованием виртуальных машин, или установки всяких эмуляторов и портабл браузеров на одну машину, это вопрос кому как удобно или что позволяют ресурсы аппаратной части.
    1 point
  31. hedgehog
    VB нравится как минимум тем, что не приходится захламлять систему всякой ерундой На виртуальные машины можно ставить что угодно и когда угодно. А еще очень полезная вещь - снепшоты. А еще мне не очень хорошо подходят остальные варианты Верстаю под FreeBSD/Kubuntu PS: нацатипятитысячнаятема
    1 point
  32. Vin
    По мотивам статьи использую Utilu IE collection. Это не эмулятор, в отличии от IETester'а, а сборка-костыль, устанавливающая несколько разных версий нативных IE. Немного не по теме: дабы не раздувать реестр windows, firefox'ы отсюда http://portableapps.com/apps/internet/firefox_portable можно ставить портативные.
    1 point
This leaderboard is set to Kiev/GMT+03:00
×
×
  • 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