Hoax
-
Posts
138 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Hoax
-
т.е. как показано выше a {display:block;} и можно сделать так? <a href="ccilka"><div id="block"></div></a>
-
да работает только увеличивается также и длина а все разобрался спасибо) И еще хотел спросить как мне сделать див ссылкой? Т.е. нельзя же засунуть див в ссылку, т.к. один блочный элемент, а другой строчный.
-
серый цвет там где область ссылки
-
В общем такая проблема надо увеличить ширину ссылки, допустим есть ссылка *Главная*, она ограничивается по стандарту шириной букв, а мне надо чтоб было так *Главная * ,и чтоб без всяких отступов, т.к. надо чтоб текст стоял на месте просто область ссылки была шире. Пытался сделать так a {width:100%) не получилось. <div id="menu"> <ul> <li><a href="#"><span>>></span> Главная</a></li> <li><a href="#"><span>>></span> Ссылка2</a></li> <li><a href="#"><span>>></span> Ссылка3</a></li> <li><a href="#"><span>>></span> Ссылка4</a></li> </ul> </div> #menu {margin:2% 0 0 10%;width:210px;line-height:30px;} #menu li {list-style-type:none;border-bottom:1px solid #abacab;} #menu li:hover {background:#e6e9e6;} #menu a {color:#848584;width:100%;} #menu a:hover {color:#535353;} И еще хотел спросить как мне сделать див ссылкой? Т.е. нельзя же засунуть див в ссылку, т.к. один блочный элемент, а другой строчный.
-
решено
-
Можно конечно, но это как пример, я же говорю что мне там надо расместить несколько блоков, может быть все-таки можно как-то сделать бордер opacity:0; ?
-
я уже писал об этом в начале темы, то что мне надо чтобы весь текстовый блок опускался, а не "тянулся" с помощью паддинг.
-
да, но если мне надо там разместить несколько блоков в разном расположении, если я установлю паддинг все блоки будут двигаться в одном направлении, которое я задам в родителе.
-
Большое спасибо, но мне не подходит ничего из перечисленного, overflow - потому что мне не нужна полоса, а дизайн так задуман что бордер, не пойдет под фон и нужно чтобы ЦЕНТР тянулся а не отображал то что внутри, а остальное скрывалось и т.д. Единственный способ поставить border с opacity:0; но как это сделать?
-
вот сразу покажу в чем проблема. http://jsfiddle.net/rLpbn/80/ там где написано "ЦЕНТР" с помощью margin опущено вниз на 100пк, но при этом весь блок опустился, когда точно так же на левом блоке выглядит нормально, в чем проблема и как опустить текст, не опуская при этом блок. Падинг не исполью так, как надо чтобы весь текстовый блок опускался, позицирование тоже т.к. при этом блок ЦЕНТР не растягивается. Ксати когда вводить блоку ЦЕНТР бордер все норм становится.
-
проблема решена
-
та просто код, немного поменял прежде чем оба вставить, вот смотрите http://jsfiddle.net/rLpbn/5/
-
неужели никто не знает, это же распространненная проблема 3х колоночный сайт, с помощью float разъезжающие блоки левый и правый, а центральный посередине.
-
хелп
-
<body> <div id="container"> <div id="shapka"></div> <div id="left_p"></div> <div id="center_p"></div> <div id="right_p"></div> <div id="bottom_left_p"></div> <div id="bottom_center_p"></div> <div id="bottom_right_p"></div> </div> </body>
-
ничего в голову не приходит(
-
Всем привет, такая проблема наверно банальная, искал много инфы но ничего не нашел, В общем колонок на сайте много, но расскажу про 3 самые важные. 1 колонка левый блок 2 центр 3 правый блок надо центр, центрировать чтоб всегда был (сделал), левая колонка растягивалась при уменьшении масшаба (сделал), а вот правую никак не могу понять как сделать так же как и левую. центру ставил margin:0 auto; левой float:left; правой хз что поставить, правая колонки ставиться хоть и справа, но под всеми элементами, если поставить float:left; Если поставить центральному float:left; то он будет так же тянуться в лево, а не стоять на центре. Короче проблема в правой колонке, она да ставиться справа, но не на равне с остальными элементами а ниже всех, и как ее поднять не пойму. body {background:#fff;font-family:Times New Roman, serif;font-size:15px;color:#000;height:100%;min-width:1300px;} #container {min-height:100%;} #shapka {background:url(images/shapka.png)no- repeat;width:1300px;height:331px;margin: 0 auto;} #left_p {background:url(images/left.png)no- repeat;width:324px;height:738px;float:left;} #center_p {background:url(images/center.png)no- repeat;width:652px;height:545px;margin:0 auto;} #right_p {background:url(images/right.png)no- repeat;width:324px;height:738px;float:right;} http://s39.radikal.ru/i086/1107/cc/432025731473.png
-
Не совсем понял насчет текста в блоке, но может так? $(document).ready(function(){ $('.knopka').click (function(){ $('#wer').slideToggle ('slow'); }); }); <p class="knopka">KNOPKA</p> <div id="wer">Show</div>
-
Я тож так думаю, но конкретной верстки у мя нет, т.е. только частично, чтобы посмотреть как скрипт работает, ну так в чем тут проблема, весь нужный код выложил.
-
Еще одна неполадка). В общем использую innerfade для расворения картинок как слайд-шоу. Но вот несмотря на стили где в указанном id всего слайда стоит width:320; height:240px; длина где-то на 200px больше. А если вообще размеры не указывать и ширина больше станет. Причем это заметно только когда вставляешь блок под слайдом. Сразу видишь что отступ вообще большой. Вот скрин чтоб все было понятно —- http://s003.radikal.ru/i204/1105/c3/45743e2cd3f1.gif html <div id="slide"> <img src="1.jpg"> <img src="2.jpg"> <img src="3.jpg"> <img src="4.jpg"> </div> css #slide {margin:53 0 0 785px;width:320px;height:240px;border:1px solid #fff;} js $(document).ready (function(){ $('#menu a').each(function(){ $(this).animate ({opacity: '0.5'}); $(this).mouseover (function () { $(this).animate ({opacity: '1.0', marginLeft: '10px'}, 300); }); $(this).mouseout (function () { $(this).animate ({opacity: '0.5', marginLeft: '0px'}, 300); }); }); }); $(document).ready(function(){ $('#slide').innerfade({ animationtype: 'fade', speed: 2000, timeout: 5000, type: 'sequence', containerheight: '500px' }); });
-
спасибо
-
В общем проблема такая, надо чтобы при нажатии на ссылку меню, текст которые есть ниже (#kv2), плавно исчезнул, и появился другой блок (#kv3). Это получается да, но вот когда появляется 2-ой блок он вначале появлялся ниже первого, пока 1-ой блок не исчезнет, затем вставал на его место. Чтобы все было на одном уровне я воспользовался z-index, но тут тоже проблема, вначале первый блок исчезает, потом появляется второй на ЕГО же место как я и хотел, но через секунду он встает выше там где не надо на 102 px выше. Конечно это понятно ведь, для того чтоб положить один блок на другой у меня стоит top: -102px; Но как же быть, я неделю изучаю Jquery и ниче не знаю(, помогите как сделать, чтобы 2-ой блок норм появлялся и оставался на том же месте где и 1-ый блок. Вот скрины как сейчас у меня. 1 блок до нажатия http://s59.radikal.ru/i165/1105/85/9d7f0c84aa90.png 2 блок после нажатия http://s50.radikal.ru/i128/1105/e2/c2926d65efe5.png html <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Бонус</a></li> <li><a class="go" href="#">О нас</a></li> </ul> </div> <div id="kv2">текст текс текс текст текст текст текст текст текс текс текст текст текст текст текст.</div> <div id="kv3">пкепрпер</di css #kv2 {width:200px;height:200px;left:800px;border:1px solid #fff;top:100px;} #kv3 {width:200px;height:200px; left:800px;border:1px solid #fff;top:-102px;display:none;} #kv2 {position:relative;} #kv3 {position:relative;} #kv2 {z-index:2;} #kv3 {z-index:1;} Jquery $(document).ready (function(){ $('a').each(function(){ $(this).animate ({opacity: '0.5'}); $(this).mouseover (function () { $(this).animate ({opacity: '1.0', marginLeft: '10px'}, 300); }); $(this).mouseout (function () { $(this).animate ({opacity: '0.5', marginLeft: '0px'}, 300); }); }); }); $(document).ready (function(){ $('#kv2').each(function(){ $(this).animate ({opacity: '1'}); $('.go').click (function () { $('#kv2').fadeOut ('slow') $('#kv3').fadeIn('1000'); }); }); });