iillyyaa2
-
Posts
242 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by iillyyaa2
-
красный блок 67х67 точек, это всё что статично. сверху над ним должен быть блок для клика мышкой хотя может быть и сам блок кликабельным
-
под ие6 помню, ты вроде давал код как лечить... но всё равно чуть не так...
-
а как я их отодвину ? я не знаю их размера. размер задаётся по содержимому текста...
-
да да, крутяк, теперь флоты не модно, до этого было таблицы не модно ещё не модно по валидатору делать target="_blank" ибо пользователь умнее програмиста, он сам может решить в каком окне ему открывать
-
в ie6 твой код не работает, синие блоки располагаются друг под дружкой
-
.wrap > div все браузеры жрут ? нельзя в .wrap ставить красный фон, должен быть отдельный блок, т.к. его размеры в ширину меньше чем 2 блока которые сверху.
-
вот вроде почти... осталось понять как вылечить ie6 у .boxForClick убрать height:30px; и заставить его растягиваться так, что бы он перекрыл красный квадрат ТОЛЬКО <!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"> <style> div { display: block; } .float_left { float: left; } .clear_left { clear: left; float: none; } div.BoxFull { float: right; position: relative; margin: 5px; height:67px; } div.Box { position: relative; color: #ffffff; font-weight: bold; margin: -67px 0 0 0; } div.Box div.float_left { margin: 0 3px 3px 3px; float: left; background: #6A4D24; } .img { width:67px; height:67px; background: #FF0000; position: relative; } .boxForClick { width:67px; height:67px; cursor:pointer; margin: -67px 0 0 0; } </style> <div> <div class="BoxFull" align="center" style="border: 3px dashed #00ff00;"> <div class="img" style="border: 3px dashed #ffff00;"></div> <div class="boxForClick" onclick="alert(1);" style="border: 3px dashed #000000;"></div> <div class="Box" style="border: 3px dashed #0000ff;"> <div class="float_left">???-??</div> <div class="float_left">123</div> <div class="clear_left"></div> </div> </div> <div style="clear: both;"></div> ddddd </div>
-
ну мой исходник глянь... вот только красный квадрат должен быть снизу (под остальными блоками) а нижний блок .boxForClick просто имеет height:30px;, он должен быть как на первой картинке
-
сейчас в 6IE проверю по нормальному ещё вроде у .boxForClick не растягивается поле, оно 1 пиксель... и что то не пойму, почему у меня опускается ниже всё... <!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"> <style> div { border: 1px solid; display: block; } .float_left { float: left; } .clear_left { clear: left; float: none; } div.BoxFull { float: right; position: relative; margin: 5px; } div.Box { position: relative; color: #ffffff; font-weight: bold; height:67px; } div.Box div.float_left { margin: 0 3px 3px 3px; float: left; background: #6A4D24; z-index: 25; } .img { width:67px; height:67px; background: #FF0000; cursor:pointer; position: absolute; margin: -100% 0 0 0; z-index: 5; } .boxForClick { background: #6A4D24; height:30px; z-index: 25; } </style> <div class="BoxFull" align="center"> <div class="Box"> <div class="float_left">???-??</div> <div class="float_left">123</div> <div class="clear_left"></div> </div> <div class="boxForClick" onclick="alert(1);"></div> <div class="img"></div> </div>
-
Softlink, верхние 2 блока должны слипаться между собой и главное самое!!!! снизу нужно подсунуть красный блок!!!! вся затея в красном блоке... это не контейнер, это ещё один блок, который нужно подсунуть вниз
-
psywalker как ты написал, верхние 2 блока расположатся друг под другом.. их ширина же больше чем ширина контейнера они ведь не станут растягивать его не так ?
-
верхние блоки растягиваются текстом... размерами они больше красного получаются.. текст там динамический... появилась мысль.. щас попробую, если что может подскажите... известен размер красного блока.. попробую задать всему контейнеру высоту этого блока, разместить те блоки, а потом ниже поставить красный блок и марджином поднять в верх.. ну и з-индексом опустить под те..
-
подсунуть блок марджином тоже не получается, т.к. высота верхних блоков не известна psywalker нижний это красный ? или тот что сверху на нём ? ширина контейнера должна быть равна ширинам верхних 2х блоков высота контейнера должна быть равна высоте нижнего красного блока блок сверху над красным занимает всё место не занятое над красным блоком
-
вся проблема заключается в том, что размеры все резиновые... красный блок должен быть под остальными блоками (он содержит фон) большой блок над ним будет иметь поле onclick 2 верхних поля должны быть отцентрированны и размер их больше чем красный блок уже всю голосу сломал, как сделать... можно использовать и таблицы и блоки если чему то даю позишн абсолют, то размеры по ширине или высоте становятся не известны и родительский блок не растягивается
-
Обратный слеш экранирует кавычки. Чтобы они в строке не отрабатывали. Видимо код в PHP пишется ибо только PHP-программер может onMouseOver написать... пхп хороший язык... покрайней мере кроме тебя никто не видит исходник и не сопрёт твои наработки
-
я с флешем мало знаком... но знаю там есть возможность обмениваться данными с ява-скриптом я рой флеш, там и поймёшь как им можно управлять со страницы не делая кучу флешек
-
посмотрел бегло сайт, может сделать 1 флеш плеер и 50 навигаций на яве к нему ??
-
вопрос, а на какую мощность компьютера вы расчитываете загружая 50 флеш плееров ??? зачем ??
-
clear: left не убирает обтекание при стиле "div div { float: left
iillyyaa2 replied to iillyyaa2's question in HTML Coding
div.dBox div.float_left { margin: 0 3px 0 3px; float: left; } <div class="float_left">2222</div> вот так сделал добавил им стиль и теперь лишнее не затирают -
clear: left не убирает обтекание при стиле "div div { float: left
iillyyaa2 replied to iillyyaa2's question in HTML Coding
думал уже, но те дивы чистые... у них нет ни класса, ни стиля... я пока прописал: <div class="clear_left" style="clear: left;float: none;"></div> а потом может найду решение... на данном этапе это не критично.. но в дальнейшем может усложнить задачу.. в каких то других проектах ну или можно написать такое: div.ddd div.clear_left { clear: left; float: none; } что бы затёртое востанавливал... но блин, как то это не правильно... столько лишнего кода... -
clear: left не убирает обтекание при стиле "div div { float: left
iillyyaa2 replied to iillyyaa2's question in HTML Coding
psywalker, у меня не "div div" я сюда для простоты так написал, т.к. больше вложенного в этом коде ничего нет <!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"> <style> div { display: block; position: relative; } div.ddd div { margin: 0 3px 3px 3px; float: left; } div.clear_left { clear: left; float: none; } </style> <div class="ddd" style="border: 1px solid yellow;"> <div style="border: 1px solid red;">11111</div> <div style="border: 1px solid blue;">22222</div> <div class="clear_left"></div> </div> <div style="border: 3px solid green;">33333</div> не работает div.ddd div приоритетнее хотя если написать стиль div div работает но боюсь я не смогу построить так сайт может туда засунуть вместо дива <p class="clear_left"></p> ? ) -
clear: left не убирает обтекание при стиле "div div { float: left
iillyyaa2 replied to iillyyaa2's question in HTML Coding
psywalker, хорошая идея, не подумал чё то думал уже стили дописывать блин, по хорошему всё равно не работает <style> .clear_left { clear: left; float: none; } </style> <div class="clear_left"></div> float-ы уменя идут из файла отдельного, и они затираются стилем div div приоритет как выставляется ? при этом, если в тестовый файлик кидаю, работает... вот такой текст работает... а когда в собранном макете, нет <!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"> <style> div { display: block; position: relative; } .clear_left { clear: left; float: none; } div div { margin: 0 3px 3px 3px; float: left; } </style> <div style="border: 1px solid yellow;"> <div style="border: 1px solid red;">11111</div> <div style="border: 1px solid blue;">22222</div> <div class="clear_left"></div> </div> <div style="border: 3px solid green;">33333</div> <link rel="stylesheet" type="text/css" href="bbut.css?1" /> <link rel="stylesheet" type="text/css" href="index.css?2" /> <link rel="stylesheet" type="text/css" href="background_position.css?1" /> <link rel="stylesheet" type="text/css" href="floats.css?1" /> div div лежит в index.css clear_left лежит в floats.css файрбаг все стили перечёркивает и див див оставляет -
clear: left не убирает обтекание при стиле "div div { float: left
iillyyaa2 posted a question in HTML Coding
<div style="clear: left;"></div> в такой конструкции не отрабатывает <!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"> <style> div { display: block; position: relative; } div div { margin: 0 3px 3px 3px; float: left; } </style> <div style="border: 1px solid yellow;"> <div style="border: 1px solid red;">11111</div> <div style="border: 1px solid blue;">22222</div> <div style="clear: left;"></div> </div> <div style="border: 3px solid green;">33333</div> в скомпилированном стиле для блока показывает: можно это как то побороть ? -
elem.id='aaaa'; тоже прокатило
-
ага, пашет... var js=document.createElement('DIV'); js.innerHTML='22222'; document.getElementById('divForText').appendChild(js); и инпут пробовал в див положить, пашет... а как id этому созданному диву присвоить ? .className - присваивает класс, а как id ? оказалось всё проще чем я думал .id=....; огромное спасибо, код работает на ура