Jump to content

Nailya

User
 View Profile  See their activity

  • Posts

    75

  • Joined

  • Last visited

 Content Type 

Everything posted by Nailya

  1. Nailya
    ни один вариант не подходит, я знаю, что если поставлю height:100% для #container_layout и min-height: 100% для #main_layout, то фон растянется по высоте, но тогда при переполнении контента, он будет заезжать по footer
  2. Nailya
    Всем привет! У меня двухколоночный макет, только вот при недостаточном контенте уменьшается высота фона, а нужно, чтобы высота фона постоянно оставалась от header'a до footer'a? Подскажите, что можно сделать? Вот ссылка на скриншот http://s59.radikal.ru/i163/1308/f7/8494a81e4d2c.png Вот код: <div id="container_layout"> <div id="main_layout"> <div id="all_layout"> <div id="header_layout"> Header_Layout </div> <div id="left_block_menu_layout"> left_block_menu_layout </div> <div id="content_layout"> content_layout </div> <div id="footer_layout">footer_layout</div> </div> <!--end all_layout--> </div><!--end main_layout--> </div> <!--end container_layout--> html, body { margin: 0; padding: 0; height: 100%; font-size: .85em; font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif; color: #232323; background-color: #816c6c; } /* Styles for ~/Views/Shared/_Layout.cshtml ———————————————————--*/ #container_layout { position: relative; min-height: 100%; width: 1024px; margin: 0 auto -150px; background: url(images/bg_left_block_menu.png) repeat-y; } #main_layout { background: url(images/bg_content_layout.png) repeat-y 100% 0; } #all_layout { background: url(images/bg_left_block_menu.png) repeat-y; overflow: hidden; padding: 0 0 150px; } #header_layout { width: 100%; background: rgb(138, 134, 134); height: 200px; } #left_block_menu_layout { width: 250px; float: left; } #content_layout { float: right; width: 773px; } #footer_layout { position:absolute; bottom: 0; width: 100%; background: #5c3f4f; height: 150px; float: right; }
  3. Nailya
    Я нашла ошибку, оказалось, что форму <form action="adminka.php" method="post"> нужно ставить за пределы таблицы
  4. Nailya
    Вот код: <html> <head> <title>tablesorter</title> <script type="text/javascript" src="jquery-latest.js"></script> <script type="text/javascript" src="jquery.tablesorter.min.js"></script> <script type="text/javascript" src="sort.js"></script> <link href="otzyvy.css" rel="stylesheet" type="text/css"> </head> <body> <?php include (sql_connect.php'); header("Content-Type: text/html; charset=utf-8"); if(isset($_POST['act1'])){ foreach ($_POST['act1'] as $comment_id=>$moderation) { mysql_query("UPDATE table_com SET moder='1' WHERE id=".$comment_id); } } if(isset($_POST['act0'])){ foreach ($_POST['act0'] as $comment_id=>$moderation) { mysql_query("UPDATE table_com SET moder='0' WHERE id=".$comment_id); } } if(isset($_POST['act3'])){ foreach ($_POST['act3'] as $comment_id=>$moderation) { mysql_query("DELETE FROM table_com WHERE id=".$comment_id); } } $table = mysql_query("SELECT com, timing, moder , id FROM table_com"); ?> <table id="large" cellspacing="0" class="tablesorter"> <thead> <tr> <th class="head">Отзывы</th> <th class="head">Время</th> <th class="head">Модерация</th> <th class="head">Выборка</th> </tr> </thead> <tbody> <?php if(!$table) die("Error_select: " . mysql_error()); $rows = mysql_num_rows($table); for($j=0; $j<$rows; $j++){ $row = mysql_fetch_row($table); ?> <tr> <td> <?php echo $row[0] ?></td> <td> <?php echo $row[1] ?></td> <td> <?php echo $row[2] ?></td> <td><form action="adminka.php" method="post"> Добавить<input type="checkbox" id="select_1" name="act1[<?php echo $row[3]?>]"> На модерации<input type="checkbox" id="select_0" name="act0[<?php echo $row[3]?>]"> Удалить<input type="checkbox" id="delete" name="act3[<?php echo $row[3]?>]"></td> </tr> <?php }?></tbody></table><input class="button" name="button" type="submit" value="Отправить" /></form> </body> </html>
  5. Nailya
    Всем привет! Моя таблица подгружается из БД, задача таблицы заключается в то, что надо выбрать нужные строки с помощью чекбоксов и отправить в БД, обновляя данные. Я использовала популярный плагин JQuery tablesorter для сортировки таблицы. Вот ссылка: tablesorter.com/docs/#Download, т.е. при нажатии на заголовке, таблица сортируется. Так вот, проблема в том, что после нажатия на заголовок, я начинаю ставить галки и нажимаю submit и он не обновляет данные. Вопрос, почему, если не нажимать на заголовок для сортировки, я спокойно могу обновляет данные, а если нажать на заголовок данные данные уже не изменить? В чем конфликт?
  6. Nailya
    такой вариант не подходит: <div class="border_top"></div> этот вариант хорош для статичного текста, а у меня комменты в цикле, то есть они появляются/исчезают, если я этот div с классом border_top вставляю за пределы цикла(как это видно выше в коде - перед словом for), то он всегда будет виден, а мне нужно, чтобы он исчезал вместе с первым комментарием, если я ставлю этот <div class="border_top"></div> внутри цикла, то он утолщает разделитель второго комментария
  7. Nailya
    да с id="result" - это косяк, я сделала его классом, хотя работает. По поводу класса .border-top: хоть я и сделала этот вариант, но не учла того, что если нет ни одного комментария этот border-top останется first-child тоже не сработал .result:first-child{ width:400px; border-top:1px solid #d0d3d9; }
  8. Nailya
    Вот код, правда с элементами php, я сделала border-top за счет дополнительного div'a с классом .border_top за пределами цикла echo "<div class='border_top'></div>"; for($j=0; $j<$rows; $j++){ $row = mysql_fetch_row($result1); echo "<div id='result'><span class='comment_author'>"; echo htmlspecialchars(mysql_result($result1,$j,'comment_author'))."<br/>"; echo "</span>"; echo htmlspecialchars(mysql_result($result1,$j,'comment'))."<br/>"; echo mysql_result($result1,$j,'comment_date'); echo ' '; echo mysql_result($result1,$j,'comment_time')."<br/>"; echo "</div>"; #result{ width:400px; background:#fff; border-bottom:1px solid #d0d3d9; } .border_top{ width:400px; border-top:1px solid #d0d3d9; } извините, что так неясно изложила я создала поле для комментария, как только пользователь написал комментарий, он появляется сразу под полем....и вот эти комментарии мне нужно было как-то разделить снизу border'ом, а в самом первом комментарии border сверху
  9. Nailya
    Всем добрый день! Я сделала разделитель по низу за счет border-bottom, но не знаю как сделать для первого элемента border-top?
  10. Nailya
    извините, что не написала раньше, уже исправили, да, именно там где 101, именно эта цифра была сдвинута не так как надо... исправила, за счет line-height для input...это получилось как-то интуитивно...101 встало на место в ie, при этом ничего не повредило в ff.....не понимаю как это работает
  11. Nailya
    Всем привет! текст в input в ie расположен не так, как в ff Вот ссылка, третий букет("Весеннее настроение"), input стилизованный с двумя стрелками - верх и вниз http://enjoyflowers/dostavka_buketov/
  12. Nailya
    Все привет! Возникла проблема с наложением картинки для кнопки в селекте, необходимо сделать select более привлекательным, но когда картинка поверх кнопки, сам клик не срабатывает Подскажите, есть ли какие-нибудь варианты для этого <img src="img/ramka.png"> <select name="sel"> <option value="asp">маленький </option> <option value="js">средний </option> <option value="php">большой </option> </select><img id="fon_for_arrow" src="img/fon_for_arrow.png"> select{ position:absolute; z-index:1; padding:1px 0; border:0; color:#636363; font:italic 15px Arial; } img{ position:relative; top:-2px; left:110px; } #fon_for_arrow{ position:relative; top:-3px; left:80px; }
  13. Nailya
    http://enjoyflowers.ru/ - зеленое меню, но это боевой сайт, к сожалению здесь я еще не приминяла этот проблемный код, он на локалке: -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; transition: background 0.5s ease; filter: Alpha(opacity=100);
  14. Nailya
    Всем привет! Не работает в ie8: Я создала горизонтальное меню: 4 пункта меню на зеленом фоне и между этими пунктами вертикальный разделитель(картинка). Создала hover c серым фоном, но при наведении курсора фон закрывает все, кроме разделителя слева, который относится к предыдущему пункту. И это происходит, если я веду курсором по пунктам меню СЛЕВА НАПРАВО, а если наоборот, то работает корректно,только разделитель чернеет, хотя он зеленого цвета Как можно сделать так, чтобы и разделитель слева закрывался фоном и разделитель не чернел? .Menu-2 { margin:0; padding:0; float:left; width:1200px; height:40px; background:url(/template/menu/menu_1/img/menu2_line.png) no-repeat; } .Menu-2 li { margin:0; padding:0; float:left; list-style-type:none; } .Menu-2 li a { display:block; min-width:130px; height:40px; font-weight:bold; text-align:center; color:#FFF; cursor:pointer; font-size:14px; margin-left:-1px; background: url(/template/menu/menu_1/img/menu_razdelitel.png) no-repeat right; } .Menu-2 li a span { line-height:36px; border-bottom:1px dotted #FFF; } .Menu-2 li.select a { background: #1dbb50; color:#000; } .Menu-2 li a:hover { background: #1dbb50; color:#333; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; transition: background 0.5s ease; filter: Alpha(opacity=100); } Хотела еще добавить про разделитель: разделитель справа чернеет у пункта меню, когда отводишь курсор
  15. Nailya
    Это очень хорошо, что вы шутите).........но иногда не до шуток(когда срочняк, и когда ты новичок), а так вы мне помогли, спасибо, все получилось
  16. Nailya
    получилось тоже самое, только теперь при наведении курсора разделитель справа не перекрывается + html для полной картины <body> <ul class="Menu-2"> <li><a><span>Текст1</span></a></li> <li><a><span>Текст2</span></a></li> <li><a><span>Текст3</span></a></li> <li><a><span>Текст3</span></a></li> </ul> </body>
  17. Nailya
    Всем привет! Я создала горизонтальное меню: 4 пункта меню на зеленом фоне и между этими пунктами вертикальный разделитель(картинка). Создала hover c серым фоном, но при наведении курсора фон закрывает все, кроме разделителя слева, который относится к предыдущему пункту. Попробовала margin-left:-1px; -- при наведении курсора этот маrgin закрывает разделитель слева, но из-за этого немного прыгает все меню. Как можно сделать так, чтобы и разделитель слева закрывался фоном при наведении курсора и не было никаких сдвигов .Menu-2 li a { display:block; min-width:130px; height:40px; font-weight:bold; text-align:center; color:#FFF; cursor:pointer; font-size:14px; background: url(/template/menu/menu_1/img/menu_razdelitel.png) no-repeat right; } .Menu-2 li a span { line-height:36px; border-bottom:1px dotted #FFF; } .Menu-2 li.select a { background: #EDEDED; color:#000; } .Menu-2 li a:hover { background: #EDEDED; color:#000; margin-left:-1px; }
  18. Nailya
    Ответа уже не нужно, все разрешилось <body> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="400" height="300“> <param name="movie" value="trud_per.avi"> <param name="quality" value="high"> <param name="scale" value="exactfit"> <param name="bgcolor" value="#369"> <embed src="trud_per1.flv" width="400" height="300" type="video/x-flv" pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed> </object>
  19. Nailya
    Всем привет! У меня следующая проблема, при запуске видео с моей html-страницы на firefox, браузер мне отвечает, что нету подходящего плагина, и нужно запустить его вручную, и отправляет меня на официальный сайт Adobe, где предлагает мне загрузить Flash Player, но безрезультатно - видео не запускается. Затем попробовала переконвертировать .avi в .flv, а type:"video/avi" в type:video/x-flv....в общем эксперементировала с расширениями и MIME-типами - тоже ничего не дало Может pluginspage не тот(использовала этот вариант:pluginspage="http://www.macromedia.com/go/getflashplayer") Не знаю, где ошиблась, помогите! Вот мой код: <body> <embed src="Wildlife.f4v" width="400" height="300" type="video/x-flv" pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed> </body>
  20. Nailya

    ie6 меню

    Nailya replied to Nailya's question in HTML Coding

    Получилось,как просто, спасибо. А как сделать, чтобы в ie6 при наведении курсора на меню, кнопка увеличивалась снизу, наезжая на белый фон(это основной блок #main),как в остальных браузерах
  21. Nailya

    ie6 меню

    Nailya posted a question in HTML Coding

    Все привет! У меня проблема с меню(#menu) в ie6: при наведении курсора на меню появляется ненужный отступ снизу, а надо чтобы и меню было плотно прижато к нижней границы #header, и при наведении курсора кнопка также увеличивалась снизу(menu a{padding:2px 20px 0;}), наезжая на границу <!doctype html> <html><head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="basecss.css" type="text/css"> <link rel="stylesheet" href="css_to_for_m.css" type="text/css"> <!--[if IE 6]> <link href="ie.css" type="text/css" rel="stylesheet"> <![endif]--> </head> <body> <div id="container"> <div id="main"> <div id="header"> <div id="header-inner"> <div id="logo"></div> <div id="menu"> <ul> <li class="on"><a href="#">menu</a></li> <li class="on"><a href="#">menu</a></li> <li class="on"><a href="#">menu</a></li> <li class="on"><a href="#">menu</a></li> <li class="on"><a href="#">menu</a></li> </ul> </div><!-- end menu --> </div><!-- end header-inner --> </div><!-- end header --> <div id="all"> text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>end</div><!-- end all --> </div><!-- end main --> <div id="footer"></div> </div><!-- end container --> </body> </html> html,body{ height:100%; background:#545c66; } body{ font-size:small; font-family:Helvetica, Arial, sans-serif; } #container{ width:800px; background-image:url(pic/bg.png); margin:0 auto; min-height:100%; position:relative; } #main{ width:600px; background:#fff; margin:0 auto; } #all{ padding:0 0 90px; overflow:hidden; } #footer{ width:600px; margin:0 0 0 100px; height:90px; background:#535961; position:absolute; bottom:0; } #header{ width:600px; margin:auto; height:120px; border-bottom:1px solid #ccc; background:#535961; } #header-inner{ overflow:hidden; } #logo{ float:left; position:relative; left:10px; top:10; width:160px; height:80px; background:url(pic/logo4.gif) no-repeat 100% 10%; } #logo:after{ content:'обучение системному администрированию'; display:block; color:#94938f; position:relative; left:30px; top:50px; font-size:.9em; } #menu{ margin:95px 0px 0 160px; } #menu li{ float:left; background:#757a98 url(pic/left.png) no-repeat 100% 0; margin-right:5px; } #menu a{ padding:2px 20px 0; line-height:25px; text-transform:uppercase; text-decoration:none; color:#e1e5ff; font-style:none; font-weight:bold; } #menu li a:hover{ display:inline-block; color:#79786e; background:#d7d9dc; }
  22. Nailya
    Все получилась))))) Вы ответили на все мои вопросы, спасибо огромное :) Все получилась))))) Вы ответили на все мои вопросы, спасибо огромное :)
  23. Nailya
    Я пока для себя учусь делать сайт, не знаю еще будет ли там изображение, а вот с высотой постоянный косяк, Я пробовала вставить фон-изображение background:url() repeat-y; в #main, но он у меня не растягивается по высоте,не знаю, что делать
  24. Nailya
    Спасибо, все так и сделала, footer прибит к низу, но теперь #main отлип от #footer, при малом контенте
  25. Nailya
    Я пробовала так сделать, но тогда появляется другая проблема: footer не прибит к низу, если уменьшить контент
×
×
  • 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