Searcher
-
Posts
2,577 -
Joined
-
Last visited
-
Days Won
3
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Searcher
-
Да в чем проблема то... Это ж элементарно при обычных знаниях css и html... Вот так например: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>site name</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <style> * { margin : 0; padding : 0; border : 0; } html, body { width: 100%; height:100%; overflow: hidden; } li { list-style-position: inside; } #main { position: relative; width: 80%; height: 100%; margin: 0 auto; border-left: 1px dashed black; border-right: 1px dashed black; } #header { background-color: #FFB; height: 100px; } #menu { background-color: #BFF; width: 200px; float: left; } #content { background-color: #FBF; position: absolute; top: 100px; right: 0; bottom: 0; left: 200px; overflow: auto; *height: expression(parentNode.offsetHeight - 100 + 'px'); *width: expression(parentNode.offsetWidth - 202 + 'px'); } </style> </head> <body> <div id="main"> <div id="header"> Шапка - каска :) </div> <div id="menu"> <p>Меню - шменю</p> <ul> <li><a href="">пункт 1</a></li> <li><a href="">пункт 2</a></li> <li><a href="">пункт 3</a></li> <li><a href="">пункт 4</a></li> <li><a href="">пункт 5</a></li> <li><a href="">пункт 6</a></li> <li><a href="">пункт 7</a></li> </div> <div id="content"> <p>Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент Контент - шмонтент </p> </div> </div> </body> </html> ...только для ИЕ6 костыли как всегда понадобились
-
CSS в любом случае здесь не причем. Вы основы не понимаете... CSS служит для оформления содержимого страницы. HTML - данные и их структура. Java script - язык сценариев для локального использования только на странице посетителя и он не производит никаких операций с серверными данными. PHP и аналоги - серверные скрипты, которые не знают что там на стороне клиента и служат для формирования данных на стороне сервера и передачи в броузер посетителя. Видимость изменения только контента при нажатии ссылки может быть и без фреймов в случае, если новая страница имеет аналогичную структуру и те же графические элементы, что и та, с которой был осуществлен переход. Броузер лишний раз не скачивает и не перерисовывает то, что сохранено в кэше. Однако, Java script и PHP могут работать совместно: Java script посылает серверу запрос на данные, а сервер уже обрабатывает этот запрос и возвращает в броузер. В такой ситуации можно подгрузить данные не выгружая имеющуюся страницу. Это умеет делать Ajax. Ajax - быблиотека функций Java script совершенно различного назначения, в том числе и для запросов к серверу. Но эта библиотека загружается полностью вместе со страницей. А для асинхронной передачи данных совершенно не обязательно нужно тащить всю библиотеку. Вот тут есть скрипты только для подгрузки данных в отдельные блоки на странице: www.twinhelix.com/javascript/htmlhttprequest. Я использую этот источник.
-
Если контент не вмещается по вертикали, то кто должен "иметь" полосу прокрутки? Ну а если серьезно, полоса прокрутки должна у окна появляться или у слоя с контентом?
-
Учитесь пользоваться поиском хотябы на этом форуме. Вот тут это уже недавно обсуждалось: forum.htmlbook.ru/index.php?showtopic=4576
-
Кстати, забыл предупредить, ИЕ до 7-го не понимает одновременного указания координат противоположных сторон... Для него нужны будут костыли.
-
HTML,CSS?: фиксированные тени сбоку от содержания стр.
Searcher replied to e-partner's question in HTML Coding
не знаю что там у вас не получается... не видя код и не узнаю. -
При использовании современных стандартов, т.е. при указании нормального DOCTYPE, высота в % во всех браузерах должна быть одинаковой. И по стандартам к указанной высоте добавляются все отступы и размеры границ. В результате указав 100% высоты и бордюр вы получите выход блока за пределы окна, что вызовет появление скрола. Если необходим бордер, то можно, абсолютно позиционировать и указывать не высоту а координаты углов.
-
такой макет блоками проще будет... и с ИЕ решится проблема
-
Может переделать центральную часть на блоки?
-
Почитайте про функции даты и времени.
-
надеюсь, сам разберется
-
Вместо 2-х картинок делается одна из двух частей. А по hover просто позиционирование бэкграунда меняете, чтобы вместо первой половины картинки показывалась вторая.
-
Кау совершенно правильно сказал Иван Шумов, записываете введенные данный в переменную $date = $year."-".$month."-".$day; и $date пишите в базу.
-
a {padding-left:20px; background: url('<файл пиктограммы>') no-repeat left;}
-
А как вы себе представляете тип "дата"? Может 19700101 и есть запись даты в формате "дата"
-
Вы кодировку не меняли случайно? Что-то не то отдает сервер... С переносами какая-то проблема или куча каких-то невидимых символов. ИЕ что-то не нравится в тексте. И еще вы ошиблись text-align : centr
-
Так и не надо определять с мобилы или нет... Надо просто определять текущий размер окна. По той ссылке, что я давал все подробно объяснено. Почитайте внимательно. Я применяю этот метод и с Opera Mini никаких проблем нет.
-
Адаптивная разметка - совсем не резиновая верстка. Вы не растягиваете и сжимаете, а можете задавать совершенно разное размещение блоков и разную графику для разных разрешений. При большой ширине можете больше блоков разместить по горизонтали, загрузить большие картинки, а при меньшем разрешении совершенно иначе скомпоновать, отключить не очень нужные блоки и загрузить маленькие картинки.
-
Конечно будет все расползаться при уменьшении и увеличении... У вас ведь первый блок имеет относительную ширину, и при разных разрешениях экрана он в пикселях будет иметь разный размер, а 2-ой блок позиционирован абсолютно в пикселях. Он и будет держаться именно за пиксели. Задайте левую координату 2-го блок в процентах.
-
попробуйте доктайп написать в одну строку со ссылкой
-
Никто не обратил внимания на пункт 4. Все эти проблемы легко решаются при помощи адаптивной разметки. Это решает почти все проблемы размещения контента от КПК до супер-мега мониторов
-
Здесь дело не во вложении. При стандартном позиционировании блок без указания ширины растягивается по всей доступной ширине и все, что описано в коде ниже располагается под ним. Блоки с float:left и float:right (плавающие) выпадают из общего потока, т.е. элементы с обычным позиционированием не видят этих блоков. Но эти-то плавающие блоки располагаются относительно обычного потока, они то видят обычные блоки. В результате у вас что получалось: [ [блок с float:left] .......обычный блок растягивается на всю ширину.......................] [блок с float:right видит предыдущий блок и выводится ниже]
-
Не думаю, что новые стандарты что-то кардинально изменят. Идеология блочной верстки сильно отличается от табличной. Блоки с разным контентом не обязаны быть равной высоты, и это выглядит даже лучше. Ну и, собственно, чем не подходят вам описанные выше варианты решения?
-
Я имел ввиду HTML выше 3.2
-
Да, неправ, надо было конкретнее написать про "Сайт оптимизирован под разрешение 1024х768.". 1. Это некорректно по отношению к посетителю, поскольку он чаще всего не в состоянии просмотреть сайт в разрешении, отличном от того что у него есть. Да и не будет он менять разрешение ради одного сайта. Смысл в надписи, если посетитель все равно видит так как есть у него, а не так как оптимизировано. 2. Более грамотный посетитель всегда может использовать Ctrl + и Ctrl -. И ему тоже вобщем-то наплевать на эту оптимизацию. 3. Если контент не умещается в меньшее разрешение, то такой надписью вы снимаете с себя ответственность за некорректное отображение и перекладываете эту ответственность на посетителя, который ничего со своим разрешением не может сделать. Это не делает вам чести. 4. Все эти проблемы легко решаются при помощи адаптивной разметки.