dber
-
Posts
53 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by dber
-
маргины не пробовал добавлять в ширину границы? сори сам не пробовал... типа быстрый совет)
-
можно так сделать: в ячейку вставляешь 2 дива... друг на друга их накладываешь и растягиваешь на 100% высоту и ширину... в один из них пихаешь img и растягиваешь его тоже по максимуму. даешь ему z-index:1; другой див будет содержать то,что у тебя в ячейке... ему даешь z-index:2; и при изменении размеров ячейки рисунок в img будет подстраиваться под размеры! Через зад конечно решение, но для твоей задачи вполне осуществимо))) можно пойти еще с другой стороны: убрать необходимость масштабирования фона)
-
и не заработает так))) ты к Объекту с его методами и свойствами прибавляешь 300px... это все равно что к черному крокодилу прибавить налево напиши подробнее что и куда ты хочешь двигать... и твой код желательно
-
а надо ли делать абсолютное позиционирование,чтобы их наложить друг на друга? так не пойдет? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>многослойность</title> <meta http-equiv="Content-Type" content="text/html; charset=cp1251"> <meta http-equiv="imagetoolbar" content="false"> <meta name="Author" content=""> <meta name="Keywords" content="<TPL:KEYWORDS>"> <meta name="Description" content="<TPL:DESCRIPTION>"> <link rel="stylesheet" type="text/css" href="index_files/style_template_div.css" media="all"> </head> <body> <div style="width:500px; height:500px; z-index:0;background:white;"> <div style="position:relative; top:350px; margin-top:-350px; left:0px; width:350px; height:350px; z-index:3;background:green;"> </div> <div style="position:relative; top:200px; margin-top:-200px; left:0px; width:200px; height:200px; z-index:6;background:blue;"> </div> <div style="position:relative; top:300px; margin-top:-300px; left:0px; width:300px; height:300px; z-index:4;background:yellow;"> </div> <div style="position:relative; top:250px; margin-top:-250px; left:0px; width:250px; height:250px; z-index:5;background:red;"> </div> <div style="position:relative; top:400px; margin-top:-400px; left:0px; width:400px; height:400px; z-index:2;background:gray;"> </div> <div style="position:relative; top:450px; margin-top:-450px; left:0px; width:450px; height:450px; z-index:1;background:brown;"> </div> </div> </body> </html>
-
чуток твое исправил... в ie 5* не ровняет по центру... времени в обрез поэтому попробуй сам с этим справиться.... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Документы</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <style> html,body{width:100%;height:100%;margin:0;font : 12px Verdana;} #container{ position:relative; border:1px solid; width:400px; top:50%; margin:-200px auto 0 auto; height:400px; min-height:228px; background:no-repeat url(kepka.jpg) right top; text-align:justify; } #noname{border:1px solid;} #noname span{font-size:20px;font-weight:bold;color:red} </style> </head> <body> <div id="container"> <div id="noname"> <span>ОШИБКА [404]</span><br/> Страница по своему юридическому адресу отсутствует </div> </div> </body> </html>
-
ты из своего кода циферки убери с номерами строк.... может кто-то и запустит... а то много телодвижений надо делать!
-
то-то же )))
-
просто привнесли конкретики... это запрещено?
-
background: no-repeat url('http://trshb.ucoz.ru/images/backnew1.jpg') center; а так?
-
не понял я что-то как приделав к ссылке "display: inline-block; и точку с запятой поставить после height. " заставить её встать по центру. но вот так сделал (к сожалению как раз от ссылки в этом случае ничего не зависит) <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>PPC</title> <style type="text/css"> .div1 { border:1px solid; background:red; width:300px; height:300px; display:table; } .inside_div{ height:100%; width:100%; display:table-cell; background:yellow; vertical-align:middle; text-align:center; } .tab td{ background:yellow; vertical-align:middle; text-align:center; } </style> </head> <body> <div class="div1"> <div class="inside_div"><a href="#">Сцылка</a></div> </div> <table class="tab div1"> <tr> <td> <a href="#">Сцылка</a> </td> </tr> </table> </body> </html>
-
.table_class td{cursor:pointer;} .table_class th{cursor:default;}
-
то, что тебе помогут конечно хорошо.... Но если ты действительно хочешь научиться делай это сам... шишки тебе другие люди набить в этом деле не смогут... как сделаешь будешь знать больше, чем просто padding и margin определять
-
size Определяет размеры и ориентацию страницы. Значение: * auto - размеры страницы устанавливаются браузером (по умолчанию). * первая соответствующая стандартам длина - ширина страницы. * вторая соответствующая стандартам длина - высота страницы. * landscape - ориентация страницы альбомная. * portrait - ориентация страницы книжная. * inherit - принимается значение родительского элемента. p{size: 8.5in llin portrait} вот тут нашел сам еще не проверял....
-
1. сделай фиксированную высоту для li и для всех вложенных div 2. убери inline 3. для текста можешь задать overflow:hidden; и ну и для красоты сделай li одинаковый width ; должно сработать первый див float:left (в нем текст), второй див float:right; в нем кнопки... посчитай размер этих кнопок заранее..... если количество кнопок любое, то <div style="text-align:right;width:300px;height:20px;"> <div style="float:left; white-space:nowrap; height:20px;">1</div> <div style="height:20px;display:inline;">2</div> </div> если не прокатит пришли свой код для экспериментов))
-
согласен полностью.... логика разметки документа - его содержание... а это заголовки.... да тут даже в MS Word подобная штука есть... стиль заголовок 1.... 6 когда его применяешь он как раз как книжный заголовок оформляется...
-
ты сам же привел ссылку , где описывается, что заголовки h предназначены для названий разделов прочего подобного (причем не левую ссылку, а с W3) ... css лишь позволил выглядеть тегам так, как это хочет мастер... но не менял назначений тегов!
-
я считаю, что h1...h6 созданы как заголовки и должны использоваться по назначению... простой кусок текста можно выделить и спаном... даже легче будет... не надо заголовки на сто раз переопределять!
-
у меня много файлов.... отдельно для глобальной структуры.... основные блоки контента... там задаю только размеры и позиционирование... еще есть файлы для крупных составляющих... например меню... еще один файлик содержит всякие оформительские стили.... работа со ссылками, текстом, рисунками... короче внешним видом.... В итоге всегда знаю где что посмотреть и файлы не очень большие.... отладив одно могу спокойно закрыть без страха удалить случайно. Ну и если фишки у браузеров(в основном под IE), то создаю дубликаты файлов в которых только необходимые стили.... хаки и так далее... обязательны комментарии, логическое деление стилей по кучам...
-
насччет опечатки)))) да... точно.... пропустил.... значит это свойство не нужно, раз без него пашет) а кто запретил?
-
попробуй display:inline к заголовкам применить..
-
http://www.rsdn.ru/article/inet/jQuery.xml http://www.linkexchanger.su/category/jquery http://www.w3school.ru/blog/web-developmen...y-examples.html
-
мо-моему, если объявить их как переменный в яве, то они первыми загрузяться..... т.е. создаешь переменные типа картинка и прискаиваешь им твои адреса картинок... картинки закэшируюся и сразу должны показаться загрузившись первыми.... я так думаю... в head напиши так: <script language="javascript"> <!--// Im1= new Image; Im1.src="адрес картинки"; Im2= new Image; Im2.src="другой адрес картинки"; и т.д. //--> </script>
-
вот я посидел 10 минуток)) думал, что нельзя подобное сделать... ошибся <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>.::Компания Мэйпл::. - 1C:Франчайзинг</title> <meta http-equiv="pragma" content="no-cache"/> <meta http-equiv="content-type" content="text/html" charset="Windows-1251"/> <meta name="description" content=""/> <meta name="resource-type" content=""/> <meta name="keywords" content=""/> <meta name="revisit" content=""/> <meta name="revisit-after" content=""/> <meta name="robots" content="all"/> <meta name="author" content="Maple"/> <meta name="copyright" content="Copyright (c) 2009 by Maple"/> <meta name="distribution" content="global"/> <style type="text/css"> body,html{margin:0px; padding:0px;} .border{border:1px solid gray;} .frame{height:200px; width:200px; poasition:absolute; left:0px; top:0px;} .photos{height:180px;width:200px;} .links a{display:inlene-block; width:10px; height:20px;} .links a div{position:absolute;left:2px;top:2px;width:200px; height:180px;z-index:1;display:none;} .links a:focus div{display:block;} ._1{background:red;} ._2{background:green;} ._3{background:yellow;} ._4{background:pink;} </style> </head> <body> <div class="frame "> <div class="photos border"> </div> <div class="links border"> <a href="#">1<div class="_1"> </div></a> <a href="#">2<div class="_2"> </div></a> <a href="#">3<div class="_3"> </div></a> <a href="#">4<div class="_4"> </div></a> </div> </div> </body> </html>
-
да мне даже самому интересно стало))) вот и нашел))
-
стиль ul.menu li ul поменяй на ul.menu li ul { display: none; position: absolute; top: 35px; width: 100%; _width:expression(this.parentNode.clientWidth); border-bottom: 1px solid #820010; background: #fff; }