danila_omega
Newbie-
Posts
13 -
Joined
-
Last visited
danila_omega's Achievements
Explorer (1/14)
-2
Reputation
-
Есть вот такой код на html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Главная страница</title> <style type="text/css"> .GlavnoeMenuZastavka { } </style> </head> <body> <div style="font-weight:bold; "> <table class="GlavnoeMenuZastavka" border="0" cellpadding="60" cellspacing="0"> <tr align="center" > <td> <a href="http://m-training01.etsp.ru/view_doc.html?mode=Uchebcenter"><img src="icons\Damir\Uchebcenter.png" width="150" height="150" border="0" alt="Учебный центр.png"></a> <p style="margin:0px;">Учебный центр</p> </td> <td> <a href="http://m-training01.etsp.ru/view_doc.html?mode=Sertifikati"><img src="icons\Damir\Dostigeniya.png" width="150" height="150" border="0" alt="Наши достижения.png"></a> <p style="margin:0px;">Наши достижения</p> </td> <td> <a href="http://m-training01.etsp.ru/view_doc.html?mode=Photo"><img src="icons\Damir\Photo.png" width="150" height="150" border="0" alt="Фотогалерея.png"></a> <p style="margin:0px;">Фотогалерея</p> </td> </tr> <tr align="center" > <td> <a href="http://m-training01.etsp.ru/view_doc.html?mode=Reyting"><img src="icons\Damir\Reyting.jpg" width="150" height="150" border="0" alt="Рейтинг"></a> <p style="margin:0px;">Рейтинг</p> </td> <td> <a href="http://m-training01.etsp.ru/view_doc.html?mode=kontakti"><img src="icons\Damir\Kontakti.jpg" width="185" height="150" border="0" alt="Контакты"></a> <p style="margin:0px;">Контакты</p> </td> <td> <a href="http://m-training01.etsp.ru/view_doc.html?mode=Voprosi"><img src="icons\Damir\Voprosi.png" width="150" height="150" border="0" alt="Часто задаваемые вопросы"></a> <p style="margin:0px;">Часто задаваемые вопросы</p> </td> </tr> </table> </div> </body> </html> И есть вот такой код как их объединить в один чтобы сначала был первый а следом за ним на странице отображался второй Второй код: [/color][/size][/font] %> <script type="text/javascript" src="/social/wsn.js" language="javascript"></script> <link href="/social/wsn.css" rel="stylesheet" type="text/css" /> <% iObjID = curObjectID == null ? curDocID : curObjectID; sObjName = curObjectID == null ? "document" : curObject.Name; curSocialBlock = tools_web.get_social_object_access( iObjID, sObjName ); /* права юзера по этому объекту */ bUserAllowViewList = curSocialBlock.allow_view_list; // - может ли просматривать списки лайкеров/дизлайкеров/фолловеров - сейчас одна переменная - можно разбить на три bUserAllowViewNumbers = curSocialBlock.allow_view_numbers; // - показывать ли число лайкеров/дизлайкеров/фолловеров - сейчас одна переменная - можно разбить на три bUserViewLike = curSocialBlock.view_like; // - видит ли юзер опцию Лайк bUserViewDislike = curSocialBlock.view_dislike; // - видит ли юзер опцию Дизлайк bUserViewFollow = curSocialBlock.view_follow; // - видит ли юзер опцию Отслеживать bUserAllowLike = curSocialBlock.allow_like; // - может ли лайкать этот объект bUserAllowDislike = curSocialBlock.allow_dislike; // - может ли дизлайкать этот объект bUserAllowFollow = curSocialBlock.allow_follow; // - может ли подписываться/отписываться bUserAllowShare = curSocialBlock.allow_share; // - может ли делиться (на будущее) bUserAllowComment = curSocialBlock.allow_comment; // - true|false //read|read-write|none iUserLikeWeight = curSocialBlock.like_weight; // - вес юзерского лайка iUserDislikeWeight = curSocialBlock.dislike_weight; // - вес юзерского дизлайка /* ************************************************** */ Server.Execute("/social/const_soc.html"); Server.Execute("/social/view_soc_strip.html"); Server.Execute("/social/view_soc_storage.html"); %> <div class="WTCSS-soc WTCSS-soc-block" id="wt-soc-block-<%=iObjID%>"> <div class="wrapper" id="wt-soc-block-wrapper-<%=iObjID%>"> <div class="comments-tree"> <ul class="ribbon object-tree" wt_user_id="<%=curUserID%>" wt_object_id="<%=iObjID%>"> <li class="fake-object-entry wall-entry" id="wall-item-<%=iObjID%>" wt_object_id="<%=iObjID%>"> <div class="comments"> <div class="controls" id="wt-soc-block-controls-<%=iObjID%>"> <% Response.Write( fnBuildControlStrip("like|dislike|reply|hide_comments_tree|spacer|follow|share") ); %> </div> <div class="comments-container" style="display: none;"> <ul class="comments-tree"></ul> </div> </div> </li> </ul> </div> <div class="current-access" style="display: none;">{"view_like":true,"view_dislike":true,"view_follow":true,"allow_like":true,"allow_dislike":true,"allow_follow":true,"allow_share":true,"allow_comment":true,"allow_view_numbers":true,"allow_view_list":true,"like_weight":1,"dislike_weight":null}</div> </div> </div> <script>$(document).ready( function () { WSN.Load.Tree(); } );</script>
-
Всем спасибо! на счёт списка учту на будущее!
-
Всем добрый день! Помогите пожалуйста, не моуг выровнять (сделать её аккуратной)! Что прописать? Щас выглядет вот так: http://itmages.ru/image/view/816632/9227541e Очень большой промежуток между "Личным кабинетом" "Панелью руководителя" и "Помощь" хотелось бы одинаковые промежутки. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Таблица в центре окна</title> <style> #sdvig{ margin-left: 250px; border: none !important; background: none; color: #ffffff; text-align: center !important; align: center; } th a:hover { background: none; /* Цвет фона под ссылкой */ } #jhg{ position: fixed; left: 1090px; top: 10px; } </style> </head> <body > <table width="900px" id="sdvig" border="0" cellpadding="0" cellspacing="0" > <tr align="center"> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989"><img src="/icons/16round/Glavnaya.png" width="70" height="50" alt="Главная" border="0"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=home&doc_id=5778991669240532737"><img src="/icons/16round/Obuchenie.png" width="70" height="50" alt="Обучение" border="0"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5782823464008879691"><img src="/icons/16round/UchebnieKursi.png" width="70" height="50" alt="Учебные курсы" border="0"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc_type&object_id=5486421379493803019&doc_id=5782823464018985890"><img src="/icons/16round/Biblioteka.png" width="70" height="50" alt="Библиотека" border="0"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=poll_procedure&doc_id=5778992633213505113"><img src="/icons/16round/Oprosi.png" width="70" height="50" alt="Опросы" border="0"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc_type&object_id=5630700369664156075&doc_id=5782777491471678364"><img src="/icons/16round/LichniyKabinet.png" width="70" height="50" alt="Личный кабинет" border="0"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5810240533540062834"><img src="/icons/16round/PanelRukovoditela.png" width="70" height="50" alt="Панель руководителя" border="0"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5778993005048716186"><img src="/icons/16round/Pomosh.png" width="70" height="50" alt="Помощь" border="0"></a></th> </tr> <tr align="center"> <th>Главная</th> <td>Обучение</td> <td>Учебные курсы</td> <td>Библиотека</td> <td>Опросы</td> <td>Личный кабинет</td> <td>Панель руководителя</td> <td>Помощь</td> </tr> </table> </body> </html>
-
нашёл сам, всё равно спасибо! <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989" ><img src="/icons/16round/135.jpg" width="120" height="80" alt="lorem" border="0"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989" ><img src="/icons/16round/Obuchenie.jpg" width="120" height="80" alt="lorem" border="0"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989" ><img src="/icons/16round/UchebnieKursi.jpg" width="120" height="80" alt="lorem" border="0"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989" ><img src="/icons/16round/Biblioteka.jpg" width="120" height="80" alt="lorem" border="0"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989" ><img src="/icons/16round/Oprosi.jpg" width="120" height="80" alt="lorem" border="0"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989" ><img src="/icons/16round/LichniyKabinet.jpg" width="120" height="80" alt="lorem" border="0"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989" ><img src="/icons/16round/PanelRukovoditela.jpg" width="120" height="80" alt="lorem" border="0"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989" ><img src="/icons/16round/Pomosh.jpg" width="120" height="80" alt="lorem" border="0"></a></th>
-
Добрый день всем пользователям! Появилась вот такая проблема не знаю как убрать эти рамки? Причём они отображаются только в IE 7, но нужно верстать именно под него. =( http://itmages.ru/image/view/811992/91456c9a - IE 7 http://itmages.ru/image/view/811993/2d756bcf - GoogleChrome как убрать эти бордовые рамки? Сам код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Таблица</title> <style> </style> </head> <body> <table> <tr> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989"><img src="/icons/16round/135.jpg" width="120" height="80" alt="lorem"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989"><img src="/icons/16round/Obuchenie.jpg" width="120" height="80" alt="lorem"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989"><img src="/icons/16round/UchebnieKursi.jpg" width="120" height="80" alt="lorem"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989"><img src="/icons/16round/Biblioteka.jpg" width="120" height="80" alt="lorem"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989"><img src="/icons/16round/Oprosi.jpg" width="120" height="80" alt="lorem"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989"><img src="/icons/16round/LichniyKabinet.jpg" width="120" height="80" alt="lorem"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989"><img src="/icons/16round/PanelRukovoditela.jpg" width="120" height="80" alt="lorem"></a></th> <th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989"><img src="/icons/16round/Pomosh.jpg" width="120" height="80" alt="lorem"></a></th> </tr> <tr> </table> </body> </html>
-
Добрый день, подскажите как поднять текст выше, а картинку оставить? <p><a href="http://ya.ru" class="proba1"><img src="/icons/16round/133.gif" alt="альтернативный текст"> Семинар Meritor</a></p> http://itmages.ru/image/view/801815/7473635a Заранее спасибо
-
Ну хоть кто нибудь помогите пожалуйста! Очень надо!Хоть идейки какие нибудь.
-
Есть календарь Вот скрипт: <head> <script language="javascript"> var dDate = new Date(); var dCurMonth = dDate.getMonth(); var dCurDayOfMonth = dDate.getDate(); var dCurYear = dDate.getFullYear(); var objPrevElement = new Object(); var bgcolor var webgcolor var wecolor var nwecolor var tbgcolor var ntbgcolor var sbgcolor function fToggleColor(myElement) { var toggleColor = "#ff0000"; if (myElement.id == "calDateText") { if (myElement.color == toggleColor) { myElement.color = ""; } else { myElement.color = toggleColor; } } else if ((myElement.id == "calCell") || (myElement.id == "calTodayCell")) { for (var i in myElement.children) { if (myElement.children.id == "calDateText") { if (myElement.children.color == toggleColor) { myElement.children.color = ""; } else { myElement.children.color = toggleColor; } } } } } function fSetSelectedDay(myElement) { if (myElement.id == "calCell") { if (!isNaN(parseInt(myElement.children["calDateText"].innerText))) { myElement.bgColor = sbgcolor; objPrevElement.bgColor = ntbgcolor; document.all.calSelectedDate.value = parseInt(myElement.children["calDateText"].innerText); objPrevElement = myElement; } } } function fGetDaysInMonth(iMonth, iYear) { var dPrevDate = new Date(iYear, iMonth, 0); return dPrevDate.getDate(); } function fBuildCal(iYear, iMonth, iDayStyle) { var aMonth = new Array(); aMonth[0] = new Array(7); aMonth[1] = new Array(7); aMonth[2] = new Array(7); aMonth[3] = new Array(7); aMonth[4] = new Array(7); aMonth[5] = new Array(7); aMonth[6] = new Array(7); var dCalDate = new Date(iYear, iMonth-1, 1); var iDayOfFirst = dCalDate.getDay(); var iDaysInMonth = fGetDaysInMonth(iMonth, iYear); var iVarDate = 1; var i, d, w; if (iDayOfFirst==0) { iDayOfFirst=6 } else { iDayOfFirst=iDayOfFirst-1 } if (iDayStyle == 2) { aMonth[0][0] = "Понедельник"; aMonth[0][1] = "Вторник"; aMonth[0][2] = "Среда"; aMonth[0][3] = "Четверг"; aMonth[0][4] = "Пятница"; aMonth[0][5] = "Суббота"; aMonth[0][6] = "Воскресенье"; } else if (iDayStyle == 1) { aMonth[0][0] = "Пон"; aMonth[0][1] = "Вт"; aMonth[0][2] = "Ср"; aMonth[0][3] = "Чт"; aMonth[0][4] = "Пт"; aMonth[0][5] = "Сб"; aMonth[0][6] = "Вск"; } else { aMonth[0][0] = "Пн"; aMonth[0][1] = "Вт"; aMonth[0][2] = "Ср"; aMonth[0][3] = "Чт"; aMonth[0][4] = "Пт"; aMonth[0][5] = "Сб"; aMonth[0][6] = "Вс"; } for (d = iDayOfFirst; d < 7; d++) { aMonth[1][d] = iVarDate iVarDate++; } for (w = 2; w < 7; w++) { for (d = 0; d < 7; d++) { if (iVarDate <= iDaysInMonth) { aMonth[w][d] = iVarDate iVarDate++; } } } return aMonth; } function fDrawCal(iYear, iMonth, iCellWidth, iCellHeight, sDateTextSize, sDateTextWeight, iDayStyle, ibgcolor, iwebgcolor, inwecolor, iwecolor, itbgcolor, intbgcolor, isbgcolor) { bgcolor = ibgcolor; webgcolor = iwebgcolor; wecolor = iwecolor; nwecolor = inwecolor; tbgcolor = itbgcolor; ntbgcolor = intbgcolor; sbgcolor = isbgcolor; var myMonth; myMonth = fBuildCal(iYear, iMonth, iDayStyle); document.write("<table border='0'>") document.write("<tr>"); document.write("<td align='center' style='BACKGROUND-COLOR:"+ bgcolor +";FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT:bold;COLOR:"+ nwecolor +"'>" + myMonth[0][0] + "</td>"); document.write("<td align='center' style='BACKGROUND-COLOR:"+ bgcolor +";FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT:bold;COLOR:"+ nwecolor +"'>" + myMonth[0][1] + "</td>"); document.write("<td align='center' style='BACKGROUND-COLOR:"+ bgcolor +";FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT:bold;COLOR:"+ nwecolor +"'>" + myMonth[0][2] + "</td>"); document.write("<td align='center' style='BACKGROUND-COLOR:"+ bgcolor +";FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT:bold;COLOR:"+ nwecolor +"'>" + myMonth[0][3] + "</td>"); document.write("<td align='center' style='BACKGROUND-COLOR:"+ bgcolor +";FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT:bold;COLOR:"+ nwecolor +"'>" + myMonth[0][4] + "</td>"); document.write("<td align='center' style='BACKGROUND-COLOR:"+ webgcolor +";FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT:bold;COLOR:"+ wecolor +"'>" + myMonth[0][5] + "</td>"); document.write("<td align='center' style='BACKGROUND-COLOR:"+ webgcolor +";FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT:bold;COLOR:"+ wecolor +"'>" + myMonth[0][6] + "</td>"); document.write("</tr>"); for (w = 1; w < 7; w++) { document.write("<tr>") for (d = 0; d < 7; d++) { if (myMonth[w][d]==dCurDayOfMonth) { document.write("<td id=calTodayCell bgcolor='"+ tbgcolor +"' align='center' valign='center' width='" + iCellWidth + "' height='" + iCellHeight + "' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>"); } else { document.write("<td id=calCell bgcolor='"+ ntbgcolor +"' align='center' valign='center' width='" + iCellWidth + "' height='" + iCellHeight + "' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>"); } if (!isNaN(myMonth[w][d])) { document.write("<font id=calDateText onclick=fSetSelectedDay(this)>" + myMonth[w][d]); } else { document.write("<font id=calDateText onclick=fSetSelectedDay(this)>"); } document.write("</td>") } document.write("</tr>"); } document.write("</table>") } function fUpdateCal(iYear, iMonth) { myMonth = fBuildCal(iYear, iMonth); objPrevElement.bgColor = ntbgcolor; if (((iMonth-1)==dCurMonth) && (iYear==dCurYear)) { calTodayCell.bgColor = tbgcolor } else { calTodayCell.bgColor = ntbgcolor } document.all.calSelectedDate.value = ""; for (w = 1; w < 7; w++) { for (d = 0; d < 7; d++) { if (!isNaN(myMonth[w][d])) { calDateText[((7*w)+d)-7].innerText = myMonth[w][d]; } else { calDateText[((7*w)+d)-7].innerText = " "; } } } } --> </script> <!-- ОКОНЧАНИЕ --> </head> <body> <!-- Вставить текст в необходимое место Вашей страницы --> <!-- НАЧАЛО --> <script language="JavaScript" for=window event=onload> <!-- var dCurDate = new Date(); frmCalendar.tbSelMonth.options[dCurDate.getMonth()].selected = true; for (i = 0; i < frmCalendar.tbSelYear.length; i++) if (frmCalendar.tbSelYear.options.value == dCurDate.getFullYear()) frmCalendar.tbSelYear.options.selected = true; --> </script> <form name="frmCalendar" method="post" action=""> <input type="hidden" name="calSelectedDate" value=""> <table border="2" bgcolor="white"> <tr> <td align=center> <select name="tbSelMonth" onchange='fUpdateCal(frmCalendar.tbSelYear.value, frmCalendar.tbSelMonth.value)'> <option value="1">Январь</option> <option value="2">Февраль</option> <option value="3">Март</option> <option value="4">Апрель</option> <option value="5">Май</option> <option value="6">Июнь</option> <option value="7">Июль</option> <option value="8">Август</option> <option value="9">Сентябрь</option> <option value="10">Октябрь</option> <option value="11">Ноябрь</option> <option value="12">Декабрь</option> </select> <select name="tbSelYear" onchange='fUpdateCal(frmCalendar.tbSelYear.value, frmCalendar.tbSelMonth.value)'> <option value="2012">2012</option> <option value="2013">2013</option> <option value="2014">2014</option> <option value="2015">2015</option> <option value="2016">2016</option> </select> </td> </tr> <tr> <td> <script language="JavaScript"> var dCurDate = new Date(); fDrawCal(dCurDate.getFullYear(), dCurDate.getMonth()+1, 30, 16, "12px", "bold", 3, "gray", "red", "white", "white", "red", "silver", "#D6D6D6"); </script> </td> </tr> </table> </form> <!-- ОКОНЧАНИЕ --> Подскажите пожалуйста что дописать? Необходимо: чтобы на любое число я мог приписать ссылку и она (дата) подсвечивалась в календаре а при нажатии на дату пользователь перемещался по ссылке! Вот картинка http://itmages.ru/image/view/796241/a0a9e918 20 число тут выделяется но не ссылка и до того как я на него навожу она не подсвечивается. Необходимо чтобы до наведения она подсвечивалась и при клике по ней я переходил на указанный адрес
-
Вот сам фрагмент этой части CSS если кому поможет /* MENUS */ /************ Horizontal menu *************************************/ /* Height is mandatory, level0_height + level0_borders + level0_padding */ .WTCSS-menu-h { height: auto; border-top: solid 0px #eeeeee; border-bottom: solid 0px #eeeeee; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; background-color:#7d807d; repeat-y left top; float: left; width: 100%; float: right; min-width: 1250px; } .WTCSS-menu-h div.menu-wrapper { height: auto; padding: 0px; } /* background colors levels 0-3 */ .WTCSS-menu-h ul li { z-index: 0; } .WTCSS-menu-h ul li:hover { z-index: 10000; } .WTCSS-menu-h ul li, .WTCSS-menu-h ul li:hover ul li, .WTCSS-menu-h ul li:hover ul li:hover ul li, .WTCSS-menu-h ul li:hover ul li:hover ul li:hover ul li { /* background-color: #ffffff; */ } .WTCSS-menu-h ul li:hover, .WTCSS-menu-h ul li:hover ul li:hover, .WTCSS-menu-h ul li:hover ul li:hover ul li:hover, .WTCSS-menu-h ul li:hover ul li:hover ul li:hover ul li:hover { background-color: #25b1d9;} /* text colors levels 0-3 */ .WTCSS-menu-h li a, .WTCSS-menu-h li:hover li a, .WTCSS-menu-h li:hover li:hover li a, .WTCSS-menu-h li:hover li:hover li:hover li a { color: #FFFFFF; } .WTCSS-menu-h li:hover a, .WTCSS-menu-h li:hover li:hover a, .WTCSS-menu-h li:hover li:hover li:hover a, .WTCSS-menu-h li:hover li:hover li:hover li:hover a { color: #FFFFFF; } .WTCSS-menu-h ul { padding: 0; margin: 0; list-style: none; white-space: nowrap; } .WTCSS-menu-h ul li { float: left; position:relative; font-size: 16px; } .WTCSS-menu-h a { display: block; text-decoration: none; } .WTCSS-menu-h a:visited, .WTCSS-menu-h a:active { color: #FFFFFF; } /* level 0 item element, design should be applied here, height is mandatory - content height */ .WTCSS-menu-h ul li a { height: 16px; text-align: center; font-weight: normal; line-height: 16px; padding: 10px 10px 10px 0px; } .WTCSS-menu-h ul li:hover a { } .WTCSS-menu-h ul li a div.item-icon { padding: 0px; } .WTCSS-menu-h ul li a div.item-no-icon { padding-left: 10px; /* border-left: solid 1px #999999; background-image: url(/pics/menu_arrow_sprite.png); background-position: right 3px; background-repeat: no-repeat; padding-right: 20px; */ } .WTCSS-menu-h ul li:hover a div.item-no-icon { background-position: right -97px; } /* level 1+ container, hidden by default */ .WTCSS-menu-h ul li ul { display: none; } .WTCSS-menu-h ul li ul li { margin-left: 0px; font-weight: normal; } .WTCSS-menu-h ul li:hover ul li a div.item-no-icon { padding-left: 10px; border-left: none !important; background-position: right -197px; } .WTCSS-menu-h ul li:hover ul li:hover a div.item-no-icon { padding-left: 10px; border-left: none !important; background-position: right -297px; } .WTCSS-menu-h ul li a div.item-no-icon-0 { padding-left: 10px; border-left: none !important; } .WTCSS-menu-h ul li:hover ul { display: block; z-index: 1000 !important; position: absolute; top: 36px; left: 0px; } .WTCSS-menu-h ul li:hover ul li a { display: block !important; text-align: left; font-size: 14px; font-weight: normal; border-left: solid 1px #999999; border-bottom: solid 1px #999999; border-right: solid 1px #999999; background-color: #FFFFFF; color: #333333; } .WTCSS-menu-h ul li:hover ul li:hover a { background-color: #25b1d9; color: #FFFFFF; } .WTCSS-menu-h ul li:hover ul li a.item-link-number-0 { border-top: solid 1px #999999; } .WTCSS-menu-h ul li:hover ul li ul { display: none; } .WTCSS-menu-h ul li:hover ul li:hover ul { display:block; position:absolute; left:125px; top: 0px; } /************ Horizontal menu END *************************************/
-
Всем доброго дня! Подскажите, кто знает! Почему у меня css селектор прописан 2 раза в файле css через ctrl+f проверил весь документ такого селектора больше нет?? в чём проблема и как это убрать? http://itmages.ru/image/view/782595/6130f404 Заранее спасибо!
-
Спасибо! как закрыть тему?
-
Покопавшись нашёл информацию что это стили браузера! Как их отключить? !important - не помогает. DOCTYPE - прописан.
-
Всем пользователям добрый день! Подскажите пожалуйста не опытному пользователю. Почему нельзя менять выделенный фрагмент CSS? и если можно, то как? http://itmages.ru/image/view/778247/8b486445 Заранее спасибо