Jump to content

Mary_RND

User
 View Profile  See their activity

  • Posts

    209

  • Joined

  • Last visited

 Content Type 

Everything posted by Mary_RND

  1. Mary_RND
    Понятно чего я его не могла найти то))) фиг догадаешься ведь как Волкер то на форуме написан правельно..@_@
  2. Mary_RND
    А как его найти?)
  3. Mary_RND
    Меню шло с условием таких именно пунктов..так что здесь уже на их усмотрение Спасибо хотя стоп,это меню будет просто по центру глупая я>< заголовок темы написала правельно, а внутри не то немного( Не отцентровать, а растянуть равномерно.
  4. Mary_RND
    Сайт http://vivatlatour.ru/about Не получается отцентровать меню, помогите объясните ) html <!-- menu --> <div id="base_menu"> <div id="menu_l"> <ul id="menu"> <li class="first"><a href="#">О компании</a></li> <li><span>Страны</span></li> <li><a href="#">Новости</a></li> <li><a href="#">Отели</a></li> <li><a href="#">Навигатор</a></li> <li><a href="#">Подбор тура</a></li> <li><a href="#">Спецпредожение</a></li> <li class="last"><a href="#">Контакты</a></li> </ul> </div> </div> <!-- /menu --> css /* base_menu */ #base_menu { display: block; position: relative; float: left; width: 100%; height: 47px; background: url(../i/bg_menu_l.gif) no-repeat left top; } #menu_l { width: 100%; float: left; background: url(../i/bg_menu_r.gif) no-repeat right top; height: 47px; } ul#menu { float: left; list-style: none; padding: 11px 30px 17px 45px; font-family: "Times New Roman"; font-size: 18px; margin: 0 auto; } ul#menu li{ padding: 0 0 0 18px; margin: 0 10px 0 0; color: #fff; float: left; font-weight: bold; background: url(../i/marker_menu.gif) no-repeat 0 5px; } ul#menu li a { color: #500000; } ul#menu li a:hover { color: #fff; text-decoration: none; } ul#menu li span { background: url(../i/marker_menu_s.gif) no-repeat 50% 100%; } ul#menu li.first{ padding: 0 0 0px 18px; } ul#menu li.last { margin: 0 0px 0 0; } /* / base_menu */ Когда-то я делала такое же, но получилось отцентровать, а тут как из головы вылетело ><
  5. Mary_RND
    Скажу так, с глюком я разобралась... #inner_1 #wrapper { float: left; width: 100%; background: url(../i/bg_left_wrap.gif) repeat-y left top; } #inner_1 #wrapper_r { width: 100%; float: left; margin: 0 0px 0 0px; background: url(../i/bg_right_wrap.gif) repeat-y right top; } #inner_1 #content { width: 90%; margin: 0 auto; } css выглядит теперь так Странно только одно, до этого *подняла старый css* такой же код, но не работал он так же... klierik, извини за беспокойство, но инета нет дома, а надо было разобраться до сегодня, поэтому послать ничего не могла>< Если интересно могу прислать) Спасибо ^___^
  6. Mary_RND
    klierik К сожалению в интернете выложить не получиться>< shvv Забавно что все одинаково Извините пишу с мобильного><
  7. Mary_RND
    Попыталась искать похожую тему что-то не получилось Есть такой html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lagn="ru"> <head> <title></title> <META http-equiv=Content-Type content="text/html; charset=windows-1251" /> <META name="keywords" content="" /> <META name="description" content="" /> <LINK REL="stylesheet" TYPE="text/css" HREF="_css/style.css" /> <LINK REL="SHORTCUT ICON" HREF="http://site.ru/favicon.ico" /> <script type="text/javascript" src="_css/jquery-1.js"></script> <script src="_css/AC_RunActiveContent.js" language="javascript"></script> <!--[if IE 6]> <script type="text/javascript" src="ie6fix.js"></script> <script type="text/javascript"> DD_belatedPNG.fix('.png24'); </script> <![endif]--> </head> <body id="inner_1"> <div id="wrapper"> <div id="wrapper_r"> <!-- path --> <div class="path"> <a href="#">Главная</a> </div> <!-- / path --> <div id="content"> <h1>Страны мира</h1> <ul class="strany"> <li>Европа <ul> <li><a href="#">Австрия</a></li> <li><a href="#">Великобритания</a></li> <li><a href="#">Венгрия</a></li> <li><a href="#">Германия</a></li> <li><a href="#">Ямайка</a></li> </ul> </li> </ul> </div> </div> </div> </body> </html> И css #inner_1 #wrapper { float:left; width:100%; margin: 0px; margin-top: -1px; background: url(../i/bg_left_wrap.gif) repeat-y left top; } #inner_1 #wrapper_r { float: right; background: url(../i/bg_right_wrap.gif) repeat-y right top; } #inner_1 #content { width: 100%; margin: 0 60px; padding-top: 25px; float: left; } Вот так это выглядит При том же css но без в #wrapper_r float: right так Как сделать чтобы нормально тянулся фон в блоке, но текст при этом не уезжал никуда >< Спасибо)
  8. Mary_RND
    Конечно не для обсуждения, а работы сейчас нет, так что самаквалифицируюсь) А если есть замечания, то можно же и в личку, я за, готова исправлять ошибки и смотреть, что и как сделала не так) это ж еще не все мои работы) Просто из под *unix не смотрю сайты
  9. Mary_RND
    я ж не сижу под *unix (( я смотрю и верстаю под Windows (
  10. Mary_RND
    Поменялся e-mail
  11. Mary_RND
    Решила выложить один из примеров своей верстки. http://eglit.biz/_files/_manufactura/index.html
  12. Mary_RND
    Выполняю верстку макетов: - HTML/XHTML + CSS, JavaScript в пределах css+html, - верстка под последнии версии браузеров Opera, Safari, Mozilla, также IE6 и IE7 - верстка сайтов: блочная, слоями, табличная; - слежение за техническим состоянием сайтов (исправление ошибок в кодах сайтов, программ); - размещение информации на сайтах клиентов; Примерная стоимость одного простого шаблона от 50$ и выше, в зависимости от сложности. По времени не больше 4-5 дней. Наполнение от 200р. и выше, в зависимости от количества информации. Предоставлять дизайн в формате psd и описание структуры сайта. Обращаться в личном сообщении на форуме или: ICQ: 241982911 E-mail: eglitrnd@gmail.com
  13. Mary_RND
    ясно, как и на checkbox, просто лень такое делать
  14. Mary_RND
    <input type="file" value="" /> Каким способом можно изменить у обзора фон и цвет текста?
  15. Mary_RND
    Есть таблица, в шапке таблице в ячейках справа должно быть две стрелочки вверх и вниз ввиде кнопок, в Мозиле и Опере нормально все становяться как надо, а вот в IE 7 и 6 держать их по центру... Проблема с IE 6 и 7 решила путем добавление вместо margin применив padding, в Опере с margin нормально, но вот в Мозиле из-за margin таблица не уменьшаеться...а если ставить padding, то начинает растягиваться ячейка в Опере... css обновила.. html <table> <thead> <tr> <th>Фото</th> <td>Марка <div class="form"> <form name="a1" method="post"> <input name="order" src="i/tr1.gif" height="8" type="image" width="8"> </form> <form name="a2" method="post"> <input name="order" src="i/tr2.gif" height="8" type="image" width="8"> </form> </div> </td> <td>Емкость <div class="form"> <form name="a1" method="post"> <input name="order" src="i/tr1.gif" height="8" type="image" width="8"> </form> <form name="a2" method="post"> <input name="order" src="i/tr2.gif" height="8" type="image" width="8"> </form> </div> </td> <td>Ток разряда <div class="form"> <form name="a1" method="post"> <input name="order" src="i/tr1.gif" height="8" type="image" width="8"> </form> <form name="a2" method="post"> <input name="order" src="i/tr2.gif" height="8" type="image" width="8"> </form> </div> </td> <td>Полярность <div class="form"> <form name="a1" method="post"> <input name="order" src="i/tr1.gif" height="8" type="image" width="8"> </form> <form name="a2" method="post"> <input name="order" src="i/tr2.gif" height="8" type="image" width="8"> </form> </div> </td> <td>Габаритные размеры <div class="form"> <form name="a1" method="post"> <input name="order" src="i/tr1.gif" height="8" type="image" width="8"> </form> <form name="a2" method="post"> <input name="order" src="i/tr2.gif" height="8" type="image" width="8"> </form> </div> </td> <td class="end">Производитель </td> </tr> </thead> </table> css #inner #center table { background: url(../i/bg_line_table.gif) repeat-x #fff 0 0; width: 100%; text-align: left; font-family: Tahoma; font-size: 1em; font-weight: normal; text-align: center; display: block; position: relative; } #inner #center table a { color:#0073BC; } #inner #center thead tr td, #inner #center thead tr th { color: #fff; border-width: medium; padding: 6px; .padding: 0 6px 0 6px; _padding: 0 6px 0 6px; border-right: 1px #9FA7AF solid; border-bottom: 1px #fff solid; height: 43px; width: 11%; } #inner #center thead tr td .form { display: block; position: relative; height: 20px; width: 8px; margin: -25px 0 0 95%; .margin: -25px 0 0 0; _margin: -25px 0 0 0; padding-left: 0; .padding-left: 95%; _padding-left: 95%; } #inner #center thead tr td .form form { float: left; display: block; position: relative; width: 8px; height: 8px; margin-top: 5px; }
  16. Mary_RND
    Хм Проверила на широкоформатном, все нормально во всех браузерах что именно не так?
  17. Mary_RND
    К сожелению на широформатном проверить не могу-__-" попробую поэксперементировать с top и left просто верстка не моя сайта, а вот править приходиться мне(
  18. Mary_RND
    Нуу)) Внесука я свою лепту) Мария, 21, Ростов-на-Дону, верстальщик :-)
  19. Mary_RND
    Проблема исправлена методом добавления абсолютного позиционирования
  20. Mary_RND
    Какой код? Такого способа реализации меню? Без глюка такого?
  21. Mary_RND
    Никто не может помочь с проблемой?(
  22. Mary_RND
    Меню сделано на основе картинок, все браузеры кроме IE6 реагирует нормально на вариант вертикального меню этим способом При наведение на меню оно начинает убегать вверх из-за #second .s-menu a:hover { background-position: right 0 !important; } без него все нормально, но не работает как надо css #second .s-menu { background:#9f1e26; padding:30px 0 20px 30px; } #second .s-menu a { display:block; margin:0 0 18px 0; } #second .s-menu a#s_7 { background:url(/i/s_m_rest.gif) no-repeat; width:116px; margin-bottom:18px; height: 11px; } #second .s-menu a#s_804 { width:31px; margin:0 0 10px 0; background:url(/i/s_van.gif) no-repeat; height: 9px; } #second .s-menu a#s_807 { width:67px; margin:0 0 10px 0; background:url(/i/s_eurasia.gif) no-repeat; height: 9px; } #second .s-menu a#s_813 { width:72px; margin:0 0 10px 0; background:url(/i/s_stanica.gif) no-repeat; height: 11px; } #second .s-menu a#s_815 { width:56px; margin:0 0 10px 0; background:url(/i/s_fregat.gif) no-repeat; height: 10px; } #second .s-menu a#s_816 { width:73px; margin:0 0 10px 0; background:url(/i/s_samurai.gif) no-repeat; height: 11px; } #second .s-menu a#s_8 { width:50px; background:url(/i/s_m_cafe2.gif) no-repeat; height: 13px; } #second .s-menu a#s_mini { width:120px; background:url(/i/s_m_mini.gif) no-repeat; } #second .s-menu a#s_orange { width:80px; margin:0 0 10px 0; background:url(/i/s_m_orange.gif) no-repeat; height: 11px; } #second .s-menu a#s_moktely { margin:0 0 10px 0; width:72px; background:url(/i/s_m_moktely.gif) no-repeat; } #second .s-menu a#s_pancakes { margin:0 0 10px 0; width:144px; background:url(/i/s_m_pancakes.gif) no-repeat; height: 11px; } #second .s-menu a#s_rotonda { margin:0 0 10px 0; $padding:0 0 10px 0; width:177px; background:url(/i/s_m_rotonda.gif) no-repeat; height: 11px; } #second .s-menu a:hover { background-position: right 0 !important; } #second .s-menu img { border: 0 solid; } #second .s-menu img.minicafe { margin: 0 0 10px 0; } #second .s-menu img.minicafe_last { margin: 0 0 10px 0; } #second .s-menu img.mini_cafe_active { border: 0 solid; margin-left:-12px; margin-bottom:10px; } #second h1 { background:#a5232b; text-align:center; width:207px; padding:10px 0 8px 0; } #second .text { padding:30px 25px 35px 25px; color:#666; } #second .text .news div.date { color:#ccc; font-size:0.85em; width:57px; clear:left; } #second .text .news a, #second .text .news a:hover { color:#a5232b; font-size:1.15em; } html <div class="left"> <div><img src="/i/s_foto1.jpg" alt=""></div> <div class="s-menu"> <a href="/catalog/i/1786" id="s_7"><img src="/i/sp.gif" alt="Рестораны"></a> <a href="/catalog/i/1786" id="s_804"><img src="/i/sp.gif" alt="Ван"></a> <a href="/catalog/i/1794" id="s_807"><img src="/i/sp.gif" alt="Евразия"></a> <a href="/catalog/i/1796" id="s_813"><img src="/i/sp.gif" alt="Станица"></a> <a href="/catalog/i/1798" id="s_8"><img src="/i/sp.gif" alt="Кафе"></a> <a href="/catalog/i/1798" id="s_815"><img src="/i/sp.gif" alt="Фрегат"></a> <a href="/catalog/i/1800" id="s_816"><img src="/i/sp.gif" alt="Самурай"></a> <a href="/orange" id="s_orange"><img src="/i/sp.gif" alt="Апельсин"></a> <a href="/pancakes" id="s_pancakes"><img src="/i/sp.gif" alt="Блинная "Бочка""></a> <a href="/rotonda" id="s_rotonda"><img src="/i/sp.gif" alt="Сеть кафе "Ротонда""></a> </div> </div>
  23. Mary_RND
    Заварка, желательно в css чтобы было Проблема в том, что и другие не воспринимают tr:hover я про этот костыль читала, но нормально его примера не нашла видать( может идет не дружба со стилями? html <table class="table" cellspacing="0"> <tbody> <tr class="title"> <td>DF</td> <td>DF</td> <td>DF</td> <td>DF</td> <td>DF</td> </tr> <tr> <td>GD</td> <td>FGH</td> <td>FGH </td> <td>FH</td> <td>hj </td> <td>j</td> </tr> </tbody> </table> css .table { display:block; position: relative; width: 100%; _width: 82%; margin-bottom: 40px; margin-top: 80px; .margin-top: 10px; _margin-top: 280px; } .table tbody tr { border-bottom: 1px solid #807763; border-right: 1px solid #807763; background: #948a73; } .table tbody tr:hover { border-bottom: 1px solid #807763; border-right: 1px solid #807763; background: #E1CD9E; } .table tbody td { vertical-align: middle; text-align: center; font-size: 13px; padding: 12px 5px 7px 5px; border-bottom: 1px solid #807763; border-right: 1px solid #807763; background: #948a73; }
  24. Mary_RND
    Есть таблица, в ней надо сделать чтобы при наведенние на строку она меняла цвет, методом td:hover делаеться ячейка, а вот к tr такой метод не проходит(( Подскажите как можно реализовать это через стили?
  25. Mary_RND
    Мозила отлично воспринимает десятые доли %, а вот Опера не в какую.... Можно ли как то это обойти?
×
×
  • 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