Jump to content

Switch74

Expert
 View Profile  See their activity

  • Posts

    3,246

  • Joined

  • Last visited

  • Days Won

    155

 Content Type 

Everything posted by Switch74

  1. Switch74
    мне почему-то кажется, что это в админке
  2. Switch74
    кстати да, у мя label не работал ни в опере ни в ие, хотя элементарнейший тег
  3. Switch74
    целый элемент уж точно не нужен — для этого есть margin-ы соседей. а если скажем нужно разместить в две строчки по два блока разной высоты с float:left, да еще с отступом, чтобы не слипались <div style="clear:both;"> </div> в самый раз, ну а если отступ нужен побольше, то тут да, лучше использовать отступы
  4. Switch74
    а вы видите другие элементы в .header? Оо у вашей реализации тоже есть минус - увеличение высоты блока на 1px минимум, иногда это критично, но вообще ваш способ действенный в том случае который вы описали
  5. Switch74
    да, в некоторых случаях блоки без пробела отображались не так как надо, но давно не сталкивался уже с подобной проблемой, видимо в новых браузерах это поправили
  6. Switch74
    К сожалению здесь я особо ни чем не помогу, могу лишь сказать, что ну очень там все кривова-то сделано, для перехода от одной менюшки к другой очень узкая дорожка по которой должна проходить мышка в IE я толком по тестить не могу, но там бывают часто проблемы с подобными меню.Могу лишь посоветовать сдвинуть #submenu немного левее margin-left:30px; может быть потребуется и больше, но тогда стрелочку будет не видно, но зато будет работать
  7. Switch74
    .header padding-top:10px
  8. Switch74
    смотря в какой роли используется этот div, если это линия, то там ничего не нужно, если как отступ(пустая строка), то можно и пробел, но в любом случае я бы отказался от пробела - лишний трафик и не нужный смысл
  9. Switch74
    label вообще во всех браузерах должен бы работать, но почему-то у мя в последнем фаере и ie7 не работает. Если все вешать на js то можно label поменять на что угодно - это не принципиально, главное оставить input, остальное можно менять. В jquery все вышло бы куда проще.
  10. 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> но есть одно но, в некоторых браузерах чекед стоит по умолчанию и его не снять + если ты будешь делать список переключателей, то тебе нужно будет сделать функцию их обнуления
  11. Switch74
    надеюсь после both стрелочку не ставили
  12. 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>
  13. 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>
  14. Switch74
    ну я там размеры не подгонял, это уже твоя забота, я только идею дал
  15. Switch74
    для этого ограничения могу предложить использовать такую конструкцию <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="keywords" content=""> <title>Тест</title> <style> *{margin:0px;padding:0px;} html,body{height:100%;} #middle { display:table; width:100%; height:100%; } #content { display:table-cell; vertical-align:top; padding:2%; width:61%; } #sidebar { display:table-cell; vertical-align:top; padding:2%; width:31%; background:#ddd; } @media screen and (min-width: 1000px) { .max-content{float:right;width:700px;text-align:left;vertical-align:top;} .max-sidebar{float:left;width:300px;text-align:left;vertical-align:top;} } </style> </head> <body> <div id="middle"> <section id="content"> <div class="max-content"> <h1>Content</h1> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p> </div> </section> <aside id="sidebar"> <div class="max-sidebar"> <h2>Sidebar</h2> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> </div> </aside> </div> </body> </html>
  16. Switch74
    не знаю каким браузером вы пользуетесь, но удалите его или обновите до последней версии, у меня во всех норм кроме IE его нет на компе.
  17. Switch74
    попробуйте так, максимальную и минимальную ширину потом поставите сами если будут проблемы в каких-то браузерах, то поподробнее пишите в каких и какие <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="keywords" content=""> <title>Тест</title> <style> *{margin:0px;padding:0px;} html,body{height:100%;} #middle { display:table; width:100%; height:100%; } #content { display:table-cell; padding:2%; width:61%; } #sidebar { display:table-cell; padding:2%; width:31%; background:#ddd; } </style> </head> <body> <div id="middle"> <section id="content"> <h1>Content</h1> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p> </section> <aside id="sidebar"> <h2>Sidebar</h2> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> </aside> </div> </body> </html>
  18. Switch74
    так что же тут париться то блин, посмотрел ваш пример, думал от него плясать, но мне стало страшно... зачем html { margin:auto; max-width:80em; color:inherit; } не ужели у html есть откуда брать цвет для текста, а max-width:80em; - это зачем, вам ведь нужен был сайт на 100% это только сверху я начал верстку я могу вашу использовать, а css можно менять я так понимаю?
  19. Switch74
    если ты про верхнее меню и проблему при наведении на ссылке, например "о компании" нет правого закругления: у тебя у "о компании" и "сертификаты" одно и тоже имя t_1, имя параметр уникальный и должен быть один на страницу
  20. Switch74
    рад, что смог помочь
  21. Switch74
    Я не спец по древним, возможно вам подойдет такой вариант, но конкретных целей я не знаю и сделан он лишь для показа идеи. Фоны левого и правого блоков отделены от контентной части Размеры левой и правой независимо влияют на общую высоту Ширину пришлось сделать чуть меньше, т.к. в IE есть глюки работы с процентами div#separate был введен, чтобы появились фоны, они почему-то не показывались без него в IE, если вы знаете почему отпишитесь и попробуем исправить как-нибудь более нормально. Так же при появлении бегунка в IE появляется одностроковая белая полоса, тоже не разбирался из-за чего похоже на margin-collapse, но это не он. <!DOCTYPE html> <html> <head> <style> *{margin:0px;padding:0px;} html,body{height:100%;min-height:100%;} #body{position:relative;min-height:100%;width:100%;background:#ddd;} #bg-left{position:absolute;top:0px;left:0px;bottom:0px;width:65%;z-index:1;background:#ddd;} #content-left{position:relative;margin:2%;width:60%;float:left;z-index:2;} #bg-right{position:absolute;top:0px;right:0px;bottom:0px;width:35%;z-index:1;background:#bbb;} #content-right{position:relative;margin:2%;width:30%;float:right;z-index:2;} #separate{position:relative;height:0px;width:0px;z-index:0;} #footer{position:relative;height:0px;clear:both;} </style> </head> <body> <div id="body"> <div id="bg-left"></div> <div id="bg-right"></div> <div id="content-left">content-left <br><br><br><br><br><br><br><br> </div> <div id="content-right">content-right <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </div> <div id="separate"></div> <div id="footer"></div> </div> </body> </html> таблицами наверно было бы проще, но использование display:table; для сайта, который должен отображаться в ie6,7 это не в тему
  22. Switch74
    обычно для подобных вещей используются так называемые макеты, часто для их реализации используются сложные функции, но все они основаны на ptintf() и sprintf() пример использования: у вас есть макет, в котором чистый html - это будет наш скелет назовем его html.html и будем читать этот файл для всех страниц <!DOCTYPE html> <html> <head> %s </head> <body> %s </body> </html> дальше создадим head.html и body.html в них будет структура остальной однотипной части твоего документа покажу все на примере head.html, body.html сделаешь сам, в него потом можно будет подгружать таким же способом подобные части такие как header,menu,footer.... <meta charset="UTF-8"> <title>%s</title> <meta name="description" content="%s"> <meta name="keywords" content="%s"> это конечно минимум, но ты можешь добавить js и css, но у меня лично это делается динамически другой функцией теперь наш index.php <?PHP $html = file_get_contents("html.html"); $head = file_get_contents("head.html"); $head = sprintf($head,"Название сайта","description","keywords"); $body = file_get_contents("body.html"); $html = sprintf($html,$head,$body); echo $html; ?> вот тебе в вкратце система работы с макетами страниц, теперь тебе для смены дизайна достаточно сменить только верстку в *.html файлах, но если подходить к этому вопросу серьезно, там нужно предусмотреть много мелочей в плане защиты и других, если они учитываются ТЗ.
  23. Switch74
    у меня ie7 ругается на какую-то синтаксическую ошибку в 445 строке, но это у него бывает на пустом месте. добавь #left_blk position:relative; z-index:2; и учти, что z-index работает только если ты указываешь position отличный от static так же хочу заметить, что z-index указывает высоту в слое родителе, т.е. указав 999 для появляющегося меню оно не станет на 999 уровней выше контентной части, оно станет только выше ссылок в этом же меню. никогда не видел смысла делать такие здоровый z-index, только если у вас есть 999 элементов которые должны располагаться на разных уровнях, мне обычно хватало использовать до 10 для фиксированых объектов максимум 100 для запаса.
  24. Switch74
    ты же говорил, что второй вариант ту же ошибку выдает ну раз заработало - это хорошо
  25. Switch74
    ну тогда остается только один вариант, вынести js и css в отдельные файлы
×
×
  • 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