Trayanez
-
Posts
29 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Trayanez
-
-
.head-left a{
text-decoration:none;
}Вы же смотрите к чему свойства применяете...
проблему решил, спасибо этот намек мне дал почву для размышлений.
<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, то у каждого пункта меню будет видно синее подчеркивание, которого не наблюдается при входе с другого браузера. Подскажите, может кто то уже боролся с этой проблемой!!
-
Наверное просто погода на сайте была хорошая. В ураган бы всё снесло нахер.
незнаю, я привык в работе по-максимуму использовать дивы без таблиц из принципа, а это сделать без таблиц элементарно...
-
хоть и глюк нашел, но все равно посоветуй начальнице комп поменять или прекратить вообще работу с компьютерами, она на них пагубно влияет...они начинают глючить))))
-
я подобное создавал в 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 на рабочем компе
по второму вопросу советую почитать вот эту статью
-
Удалял, скрипт!! я даже пробовал просто голый 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! выложи, а там посмотрим!
-
пример куска 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> -
в том то и дело, что он у li ставит не цифры, а круглешки из-за этого свойства
-
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;
} -
выложи коды, я посмотрю, может что найду
-
есть вариант, что глабальный 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 лень проверять как смотрится)
Почему затрагивается первый потомок?
in HTML Coding
Posted
Самый простой способ сделать так