Jump to content

ZooY

User
  • Posts

    86
  • Joined

  • Last visited

Everything posted by ZooY

  1. Верстка дивами хороша, когда дихайн формы может меняться. Например сейчас она сделана в две колонки, а завтра ты решишь сделать ее в одну. Если у тебя сверстано все таблицами, то нудно будет лезть в код страницы. Не дай бог форма у тебя такая не одна... А когда используются div-ы достаточно поправить один CSS-файл. Только для большей универсальности код должен выглядеть примерно так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style> label { display: block; float: left; width: 170px; text-align: right; } #form { //height: 1px; } #input1field, #input2field, #input3field, #input4field, #input6field, #input7field { width: 350px; } /* все строки кроме длинных */ #input1field input, #input2field input, #input3field select, #input4field input, #input6field input, #input7field input { width: 160px; } /* все элементы формы кроме длинных */ #input1field, #input3field, #input6field { float: left; margin-right: -350px; } /* все строки первого столбца */ #input2field, #input4field, #input7field { margin-left: 350px; } /* все строки второго столбца */ #input5field input { width: 510px; } /* блинные элементы формы */ </style> </head> <body> <div id="form"> <div id="input1field"><label for="input1">label:</label><input id="input1"></div> <div id="input2field"><label for="input2">label:</label><input id="input2"></div> <div id="input3field"><label for="input3">label:</label><select id="input3"><option value="">...</option><option value="">...</option><option value="">...</option></select></div> <div id="input4field"><label for="input4">label:</label><input id="input4"></div> <div id="input5field"><label for="input5">label:</label><input id="input5"></div> <div id="input6field"><label for="input6">label:</label><input id="input6"></div> <div id="input7field"><label for="input7">label:</label><input id="input7"></div> </div> </body> </html>
  2. Тебе же говорят, что тебе нужно событийное управление, то есть когда загрузиться все содержимое нужно убрать блок прелоадера, тоесть по событию полной загрузки страницы произвести действие. Для этого нужен язык программирования, а CSS это не язык программирования - это язык разметки, им можно описать лиш то, "КАК" отобразить, а не "КОГДА".
  3. К вопросу о подмене заголовка картинкой... Действительно, существует проблема, что когда отключено отображение картинок пользователи не видят заголовка. На этот счет есть такие соображения. 1. Отображение графики как правило отключается для портативных устройств типа КПК. Тут вообще нет никакой проблемы, потому как для таких устройств можно (и нужно) подставить свою талицу стилей, где заголовки остануться текстовыми. 2. Иногда люди, по одним им известным причинам, отключают отображение графики. Но при этом, я полагаю, они должны понимать что теряют часть содержимого и они к этому готовы. 3. Существуют методы подмены, которые отображают текстовый заголовок при отключенной графике. Эти методы основаны на том, что текст заголовка просто перекрывается сверху картинкой. Проблема состоит в том, что эти методы крайне геморные. Мне кажется все определяется конктным сайтом и требованиями к нему.
  4. На голом CSS все равно ничего не получится, тебе нужно событийное управление, а его можно ревлиховать только на JavaScript.
  5. Проблема в том, что ты не доконца понимаеш что делает метод setTimeout Строка кода window.setTimeout("divresize()", 2000); говорит о том, что через интервал времении (2000) выполниться функция (divresize). Но функция вызывается асинхронно, тоесть после выполнения строки window.setTimeout("divresize()", 2000); работа скрипта продолжается, то есть прибавляется единица к i и снова устанавливается интервал и функция. В результате получается, что за очень короткое время (за время работы цикла) у тебя набирается стопка из десяти функция divresize, которые выполнятся с интервалом 2000, но не одна от другой, а от момента вызова window.setTimeout("divresize()", 2000);, тоесть они выполнятся практически одновременно. Поэтому ты и видеш лиш одно увеличение размера (на самом деле оно не одно, просто происходит очень быстро). На вскидку код можно изменить так: i = 1 do { window.setTimeout("divresize()", i * 2000); i++; } while (i<11)
  6. У тя что-то тут вообще напутано, таблицы не закрываются... Это ты так выдернул из страницы неудачно или у тебя в натуре так написано?
  7. Ну вот как то так: <style> label { display: block; float: left; width: 170px; text-align: right; } input, select { width: 510px; } .col1 input, .col1 select, .col2 input, .col2 select { width: 160px; } .col1 { width: 350px; float: left; } .row { clear: left; } </style> <div class="row"> <div class="col1"> <label for="input1">label:</label><input id="input1"> <label for="input2">label:</label><input id="input2"> </div> <div class="col2"> <label for="input3">label:</label><select id="input3"><option value="">...</option><option value="">...</option><option value="">...</option></select> <label for="input4">label:</label><input id="input4"> </div> </div> <div class="row"> <label for="input5">label5:</label><input id="input5"> </div> <div class="row"> <div class="col1"> <label for="input6">label:</label><input id="input6"> </div> <div class="col2"> <label for="input7">label:</label><input id="input7"> </div> </div>
  8. В CSS уже давно существует устоявшаяся практика подмены заголовков картинками. Один из методов выглядит так: <style> #myTitle span { display: none; } #myTitle { background: url(imd.jpg) top left; width: 100px; height: 20px; } </style> ... <h1 id="myTitle"><span>Заголовок</span></h1> О достоинствах и недостатках этого метода говорить не буду, просто хочу показать как это в принципе делается. При этом поисковики воспринимают заголовок как положено, совершенно нормально. Ища инфу по данной теме вбивай в поисковик что-то типа "подмена заголовка картинкой". Методов подмены заголовка картинкой много, около десятка. Я описал самый простой. Есть так же с несколькими , есть вообще без . Если у народа будет желание могу привести несколько примеров...
  9. Ну вот можно как то так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> .goods { border-bottom: 1px dotted #000; text-align: right; } .name, .price { background-color: #fff; position:relative; top: 5px; } .name { float: left; } </style> </head> <body> <div class="goods"><span class="name">test</span><span class="price">10</span></div> <div class="goods"><span class="name">test</span><span class="price">10</span></div> <div class="goods"><span class="name">test</span><span class="price">10</span></div> </body> </html> Проверено в IE 6, Opera 8.54 и FF 2. Работает при условии что под текстом однотонный фон.
  10. Пользуй абсолютное позиционирование левого и правого блоков
  11. По идее достаточно, но лучше покажи код, хотябы куски с этой твоей переменной... Ты кстати при объявлении переменной var пользуеш?
  12. А вообще проще всего тебе не гемороиться... Если тебе нужно показать свои фотку другим людям есть же куча сервисов бесплатных куда фотки pfuhefti сои и галереи делаються, да даже на том же народе сайт можно сваять с галереей. Если уж очень хочется поковаряться - найди готовый скрипт галереи, их милионы в интернете на любом языке.
  13. Пример кода приведи...
  14. Пароль в куках хранить катастрофически неправильно. Когда, например, на форуме пользователь при авторизации ставит галку "помнить меня" достаточно хранить в куках какой нидь идентификатор пользователя. Так при перхвате злоумышленником кука он по крайней мере не будет знать пароля жертвы, хотя и сможет получит доступ к сайту под именем жертвы. И сменить пароль он тоже не сможет если нормально сделать механихм изменения пользовательского профиля, когда на дейсвие пользователя, зашедшеко с помощью куков, предлагается ввести пароль. А передавать ли куки по SSL или открыто - никакой разницы, так как украсть куки проще с компа, когда они уже установлены, нежели по линии передачи. Нет, ну конечно можно хранить пароль и в куках, используя шифрование, но все конечно зависит от того места где стоит авторизация. Для всяких форумов это, имхо, ненужная заморочка. А там где действительно важна секретность пароля нужно тада и регистрацию проводить по SSL или с помощью шифрования с открытым ключем.
  15. Давно хотел разобраться вот в чем, как некоторым CMS удается создавать красивые пути к документам (типа domain.ru/docfolder/docfolder/doc) из адресов типа domain.ru/index.php?id=37 То-есть реально на сервере папки /docfolder/docfolder/doc нету, а заходиш на сайт из сети и открывается документ... Подозреваю что здесь не обходится без .htaccess...
  16. Приведи пример страницы, а то вариантов решения масса, какой тебе подойдет надо смотеть по ситуации...
  17. Во-первых то что ты написал не скрипт, а разметка. Скрипт - это код написанный на каком-никаком, а языке программирования Во-вторых на сколько я понимаю, ты сжимаеш полноразмерную картинку в миниатюру, задавая ей меньший размер... Так делать неправильно, потому как миниатюры потому и нужны чтобы быстро простотреть содержимое твоей галереи. А так у тебя фактически будут лежать на одной странице несколько здоровенных картинок, просто сжатых до меньшего размера. В-третьих, если по простому есть смысл написать так: <a href="images/mbike.jpg" target="_blank"><img width="300" src="images/mbike.jpg"></a> Тогда твое полноразмерное изображение будет открываться в новом окне, а страница с миниатюрами останется на месте, и пользователь налюбовавшись большой картинкой просто закроет окно.
  18. В хедпе к Яндексу сказано что места которые не хочеш интдекисровать заключай в
  19. Я правильно понимаю, ты хочеш подключить свою таблицу стилей для просмотра с ее помощью чужого сайта? Для этого во всяких Операх и Фаерфоксах есть встроенные механизмы, а для IE есть спец. программки.
  20. А что там особенного?.. <table height="100%">
  21. ZooY

    Меню

    Укажи для всех своих ссылок следующий атрибут: display:block;
  22. ZooY

    Меню

    Что это за код такой странный, в котором строки таблицы объеденены в блок... Это ты тэг
  23. То-есть ты хочеш сделать так, чтобы когда данных было больше - отступы делались меньше?.. Сомнительное решение, ИМХО. Ну раз ты все равно используеш JavaSctipt уменьшай при помоши него и отступы...
  24. А что ты хочеш получить в итоге? Чтобы лишние данные, не помещающиеся в блок не показывались, или что?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy