Trayanez
-
Posts
29 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Trayanez
-
.moduletable_menu.ul.li{ margin-left:54px; } .moduletable_menu.ul.li.ul.li{ margin-left:0px; } Самый простой способ сделать так
-
проблему решил, спасибо этот намек мне дал почву для размышлений. <div class="header"><a href="#"><div class="head-left">проектно-строительная компания</div></a></div> в стилях попробовал дописал .header a{text-decoration:none;} проблема исчезла, пасиб
-
Столкнулся с такой проблемой уже второй раз. Код примерно такой <a href="#"><div class="head-left">проектно-строительная компания</div></a> в стилях прописываю .head-left a{ text-decoration:none; } .head-left{ background:url('img/logo.png') no-repeat; height:60px; padding:5px 0 0 160px; float:left; color:#fff; text-decoration:none; } все везде прекрасно выглядет во всех браузерах, кроме Google Chrome. уже обшарил интернет и не могу найти решение этой проблемы!! пример такой проблемы есть на сайт http://autonote.su/ если зайти на него с Chrome, то у каждого пункта меню будет видно синее подчеркивание, которого не наблюдается при входе с другого браузера. Подскажите, может кто то уже боролся с этой проблемой!!
-
незнаю, я привык в работе по-максимуму использовать дивы без таблиц из принципа, а это сделать без таблиц элементарно...
-
Сверстанная страница на одном компьютере неправильно отображется.
Trayanez replied to rognarek's question in HTML Coding
хоть и глюк нашел, но все равно посоветуй начальнице комп поменять или прекратить вообще работу с компьютерами, она на них пагубно влияет...они начинают глючить)))) -
я подобное создавал в form, чисто на дивах без использования таблиц, особо проблем не испытал
-
я может вопрос недопонял малость, но я сделал так как понял, только пришлось перекроить на таблицы вот код: html: <table class=" nw" width="100%" height="50" cellpadding="0" cellspacing="0"> <tr> <td class="pole_name">Тут название поля*</td> <td class="pole_lists" valign="middle"> <select class="list_style"> <option value="all">132</option> <option value="1">123</option> <option value="2">13</option> </select> </td> </tr> </table> css: #pole { width:100%; float:left; } #pole .nw { background-color:#e3ebf5; } #pole .wht { background-color:#FFF; height:50px; } #pole .pole_name { text-align: left; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:18px; padding-left:25px; width:33%; line-height:50px; } #pole .pole_lists { line-height:50px; width:63%; text-align:center; } #pole .list_style { width: 90%; height:90%; background-color:#cccccc; font-family:Arial, Helvetica, sans-serif; font-size:22px; } если я неправильно что-либо сделал напиши, может помогу!!
-
я чет понять не могу зачем такой сложный скрипт для выпадающего меню!!! я в нем не стал особо разбираться... короч чтоб много не писать, я вставил скриптик попроще для менюшки и настроил ее так как ты хотел: в итоге в header код стал такой <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <link rel="stylesheet" href="temp-for-menu.css" type="text/css"> <link rel="stylesheet" type="text/css" href="sdmenu/sdmenu.css" /> <script type="text/javascript" src="sdmenu/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn-slide").click(function(){ $("#panel").slideToggle("slow"); $(this).toggleClass("active"); return false; }); }); </script> </head> и кусок кода где твое раскрывающееся меню стал такой <div id="my_menu" class="sdmenu"> <div> <span class="btn-slide">Выпадающее меню</span> <div id="panel" style="display:none;"> <a href="index.html">Image Optimizer</a> <a href="index.html">FavIcon Generator</a></div> </div> <a href="index.html" class="links">Не выпадает</a> </div> и не забудь закинуть файл jquery.js в папку, тогда все работает как ты и хотел!!!(по поводу первого вопроса), по поводу второго вопроса сходу сказать не могу, так как не могу потестить из-за отсутсвия IE6 на рабочем компе по второму вопросу советую почитать вот эту статью http://joomlaforum.ru/index.php?topic=46060.0
-
Удалял, скрипт!! я даже пробовал просто голый body оставлять с его стилями один фиг та же фигня(((
-
начал делать сайт и напоролся в неожиданно простом месте на очень неприятную проблему, с которой не могу разобраться.... http://open.ezg.su/ - по этой ссылке выложен сайт такое ощущение, что у body в верхней его части находтся какой то пустой div. margin:0, padding:0-как видно из примера не помогают!!!!! Может кто сталкивался с такой проблемой...подскажите как решить(может вообще в хостинге проблема ) самое прикольное, что когда делал верстку на компе( html ) проблем не было, никуда ничего не уезжало!!! а как закинул на сервак точно такой же код, верстка поехала!!!!!!
-
я долго разбирался в коде.... и примерно понял почему блоки у тебя в ней разъезжаются(расстояние появляется между изображением холодильника и блоком с менюшкой)-это происходит из-за того что (как я понял): основной блок шапки header_wrap у тебя динамический(width:100%), а каждый из трех блоков внутри нее статические по ширине!!!! Рисунок с яблоком наезжает на меню вот из-за этого свойства DIV.icq1 { margin-left: 870px; margin-top: -60px; font-color: #ffffff; } то есть рисунок у тебя настраивается от левого края header_wrap.... выход есть один и он для тебя самый приемлимый-сделай сайт статическим по ширине , и центируй при помощи <center></center> как и было предложено выше
-
не совсем понял вопрос, надо чтоб три блока стояли друг под другом и глобальный wrapper тянулся вправо если в каком нить из блоков добавляется текс, то вот тебе код код: <html > <head> <style> body{width:auto;} #wrapper{ background:blue; padding:10px; width:auto; float:left; } #wrapper1{ background:red; width:auto; float:left; width:100%; } #wrapper2{ background:#e77817; width:auto; float:left; width:100% } #wrapper3{ background:#969594; width:auto; float:left; width:100% } #z{float:left;background:blue;} </style> </head> <body> <div id="wrapper"> <div id="wrapper1">dfkdbffhdj</div><br> <div id="wrapper2">dfdf</div><br> <div id="wrapper3">gfhfhf</div><br> </div> </body> </html> если ни это, то уточни вопрос
-
ну что я тебе могу по этому поводу сказать,....так просто не смогу объяснить в чем косяки!!! надо код смотреть и css! выложи, а там посмотрим!
-
<li> как повернуть список в горизонтальное положение?
Trayanez replied to sh1va's question in HTML Coding
пример куска css с рабочего сайта!!! на сайте главное меню(<div class="topmenu">список ссылок</div>) выполнено списком слева направо!! код css: #menu {width:85%;height: 24px;border-top:2px solid #ae0000;margin-left:150px;} .topmenu {padding:4px;margin: 0 0 0 10px;} .topmenu li {float:left;list-style:none;} .topmenu li a {position: relative;text-decoration: none;text-transform: lowercase;font: bold 11px arial;text-align: center;color:#212121;margin-right:9px;} .topmenu a:hover{color:#4C4C4C;text-decoration:underline;} код самого меню: <div id="menu"> <ul class="topmenu"> <li><a href="#">главная</a></li> <li><a href="#">О сайте</a></li> </ul> </div> -
Делаю нумерованный список, а получаются -- маркеры
Trayanez replied to goutlant's question in HTML Coding
в том то и дело, что он у li ставит не цифры, а круглешки из-за этого свойства -
Делаю нумерованный список, а получаются -- маркеры
Trayanez replied to goutlant's question in HTML Coding
list-style-type: disc; вот это попробуй удали в css из li или поставь list-style-type:decimal; тогда можно в html не указывать type=1 (вот в этом месте <ol type=1>) p.s. вот ссылка где можешь почитать по поводу этого свойства http://www.htmlbook.ru/css/list-style-type.html -
тут скорее всего поможет php... на мой взгляд самый простой вариант передать $_GET параметр в функцию, обработать её intval и в <option value="Товар1"></option> и т.д. и добавить например name у каждого option и сделать проверку, если значение полученное GET и name совпадают то при формировании вывода добавить selected <option name="1" value="Товар1" selected>. Что то вроде такого...
-
примерно понял что ты хочешь сделать.... мы с другом подобное делали для шапки одного сайта, но там применили одну хитрость! разбили рисунок на три части, средняя была как бы монотонная и ее можно было заполнить фоном repeat-x, а две крайние стационарные по ширине!!!! думаю идея понятна, но такая идея подойдет не для всех фоновых рисунков....
-
"чтоб ее размер не менялся при открытии" я эту часть текста понял наоборот..... Правда не любитель я отвечать на теоретические вопросы, а больше люблю заниматься кодом и отвечать так же готовым кодом
-
если ты хочешь чтобы у тебя размер фоновой картинки был постоянный на всех компьютерах независимо от разрешения пропиши ширину глобального дива стационарно, или пропиши на него min-width!!!! но тогда если откроют страницу на компе с маленьким разрешением появится горизонтальный скрол в окне браузера(но с фоновой картинкой ничего не будет)
-
стили то ты как бы скопировал в файл style.css, но у меня в индексе было прописано подключение стилей из style-new.css а насчет съезжания кнопок, когда окно сильно маленькое- этого не избежать! а смысл этого избегать, ведь есть какое то минимально возможное расширение экранов!!!! Как я в таких случаях делал я просто прописывал на на блок в css min-width!!! то есть при чрезмерном сужении окна браузера отображение изображения сайта прикращает сужаться а в браузере просто появляется нижний скрол, вот и все....
-
я поковырялся малость по этому вопросу и вроде получилось...думаю тебе это поможет каким нибудь образом!!!ниже представлен код и css КОД: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Рисунок в тексте</title> </head> <body> <div id="blok"> <p> Обтекание картинки текстом — один из популярных приемов верстки веб-страниц, когда изображение располагается по краю окна браузера, а текст обходит его с других сторон (рис. 2). Для создания обтекания изображения текстом существует несколько способов, связанных, как с возможностью тегов HTML, так и с применением стилей. <img src="kult-ico.png" width="100" height="100" alt="Иллюстрация" align="right" vspace="5" hspace="5"> Обтекание картинки текстом — один из популярных приемов верстки веб-страниц, когда изображение располагается по краю окна браузера, а</p> </div> </body> </html> css: body{width:100%;} #blok{ border:1px solid black; width:300px; height:300px; }
-
Делаю нумерованный список, а получаются -- маркеры
Trayanez replied to goutlant's question in HTML Coding
выложи коды, я посмотрю, может что найду -
Делаю нумерованный список, а получаются -- маркеры
Trayanez replied to goutlant's question in HTML Coding
есть вариант, что глабальный list-style прописан или тип не прописан <ol type="1">, не могу точно сказать, не видя код и css!!! но если ты говоришь все используешь правильно, то вернее всего, что то глобально прописано. Проверь-если не получится, выклади код и css-посмотрим в четыре глаза, может что найдем!! -
поменяй <span>на <div> вот что у меня получилось в итоге код: <body> <div class="h3_text"><b>Расширительные баки и <br /> гидроаккумуляторы</b></div> <div class="h4_text"> -Мембранные расширительные баки Reflex для <br /> закрытых систем отопления. Тип N <br /> </div> <div class="h4_text"> - Гидроаккумуляторы Reflex для систем горячего и <br /> холодного водоснабжения. Тип DE <br /> </div> <div class="h4_text"> - Настенное крепление для экспанзоматов </div> </body> css: body{ width:100%; } .h3_text{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#6b6b6b; line-height:12px; } .h4_text{ margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6b6b6b; line-height:12px; } вроде даже похоже получилось на представленный абзац на рисунке...(к слову просматривал на Mozile в IE лень проверять как смотрится)