lifestar 18 Опубликовано: 7 августа 2007 Рассказать Опубликовано: 7 августа 2007 RED, если честно я не понимаю зачем дивами заменять таблицу ,которая используется не в качестве верстки а как именно таблица?? Отказывайтесь от этой мысли. Для верстки - пожалуйста, а лепить таблицу дивами просто вообще не нужно Ссылка на сообщение Поделиться на других сайтах
RED 1 Опубликовано: 7 августа 2007 Рассказать Опубликовано: 7 августа 2007 Понял, спасибо. Уже отказался. Ссылка на сообщение Поделиться на других сайтах
lifestar 18 Опубликовано: 8 августа 2007 Рассказать Опубликовано: 8 августа 2007 Да кстати любители чистых DIV'ов. Реализуйте на практике следующую задачку: требуется расположить на экране прямоугольник размерами 300х200 так, чтобы он был ровно по центру при любом разрешении монитора. Итак, вперёд! Ссылка на сообщение Поделиться на других сайтах
max-money 0 Опубликовано: 8 августа 2007 Рассказать Опубликовано: 8 августа 2007 Да кстати любители чистых DIV'ов. Реализуйте на практике следующую задачку: требуется расположить на экране прямоугольник размерами 300х200 так, чтобы он был ровно по центру при любом разрешении монитора. Итак, вперёд! Делается без проблем, гугль в помощь. Ссылка на сообщение Поделиться на других сайтах
lifestar 18 Опубликовано: 9 августа 2007 Рассказать Опубликовано: 9 августа 2007 max-money, стоп стоп стоп - я так и думал, что в гугль пошлёте. Дело в том, чтобы я хочу вас проверить, а именно реализовать такую простенькую задачку Прямо здесь Ссылка на сообщение Поделиться на других сайтах
max-money 0 Опубликовано: 9 августа 2007 Рассказать Опубликовано: 9 августа 2007 Дело в том, чтобы я хочу вас проверить, а именно реализовать такую простенькую задачку Прямо здесь Я вам своих услуг не предлагал и не предлагаю , и поэтому проверять меня думаю просто незачем. Если интересно посмотреть безтабличную верстку сайта на ДЛЕ - Энергетика UA. Я раньше тоже любил использовать таблицы, потом вкусы немного поменялись. Ссылка на сообщение Поделиться на других сайтах
lifestar 18 Опубликовано: 9 августа 2007 Рассказать Опубликовано: 9 августа 2007 max-money, к сожалению вынужден считать что Вы тест не прошли... Здесь я не нанимаю на работу, просто хочется произвести обмен опытом. Задачка то пустяковая А сайт отличный, да и CSS не вышло за рамки 12Кб, молодец =) Ссылка на сообщение Поделиться на других сайтах
RED 1 Опубликовано: 9 августа 2007 Рассказать Опубликовано: 9 августа 2007 скажите плизз что этот код означет TABLE { BORDER-RIGHT: #c0c0c0 0px solid; BORDER-TOP: #c0c0c0 1px solid; BACKGROUND: #f4f4f4; MARGIN: 0px; BORDER-LEFT: #c0c0c0 1px solid; BORDER-BOTTOM: #c0c0c0 0px solid } TABLE TD { BORDER-TOP-WIDTH: 0px; BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 95%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: #c0c0c0 1px solid } TABLE TH { BORDER-TOP-WIDTH: 0px; BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 95%; BACKGROUND: #e8e8e8; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: #c0c0c0 1px solid } TABLE P { FONT-SIZE: 100%; MARGIN: 1px Ссылка на сообщение Поделиться на других сайтах
FeaR 0 Опубликовано: 15 августа 2007 Рассказать Опубликовано: 15 августа 2007 Автор Ребят а можите помоч найти css дизайн или пример таблицы Ссылка на сообщение Поделиться на других сайтах
Foxriver 0 Опубликовано: 15 августа 2007 Рассказать Опубликовано: 15 августа 2007 скажите плизз что этот код означет TABLE { BORDER-RIGHT: #c0c0c0 0px solid; BORDER-TOP: #c0c0c0 1px solid; BACKGROUND: #f4f4f4; MARGIN: 0px; BORDER-LEFT: #c0c0c0 1px solid; BORDER-BOTTOM: #c0c0c0 0px solid } TABLE TD { BORDER-TOP-WIDTH: 0px; BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 95%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: #c0c0c0 1px solid } TABLE TH { BORDER-TOP-WIDTH: 0px; BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 95%; BACKGROUND: #e8e8e8; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BORDER-BOTTOM: #c0c0c0 1px solid } TABLE P { FONT-SIZE: 100%; MARGIN: 1px Означает задание стилей для таблицы. Ссылка на сообщение Поделиться на других сайтах
lifestar 18 Опубликовано: 15 августа 2007 Рассказать Опубликовано: 15 августа 2007 Foxriver, ой может вы мою задачку решите? требуется средствами CSS без использования таблиц расположить на экране прямоугольник размерами 300х200 так, чтобы он был ровно по центру при любом разрешении монитора. Ссылка на сообщение Поделиться на других сайтах
Vano 0 Опубликовано: 15 августа 2007 Рассказать Опубликовано: 15 августа 2007 <div style="position:absolute;left:50%;top:50%;width:300px;height:200px;border:1px solid #999999;">блок<div> Лучше поставить 40% так блок будет более центрованно выглядеть Ссылка на сообщение Поделиться на других сайтах
lifestar 18 Опубликовано: 15 августа 2007 Рассказать Опубликовано: 15 августа 2007 Проверяем! Мозилла не отцентровала, IE тоже самое. И всё это при разрешении 1280х1024 Давайте ещё варианты =) Ссылка на сообщение Поделиться на других сайтах
FeaR 0 Опубликовано: 15 августа 2007 Рассказать Опубликовано: 15 августа 2007 Автор Ребят подскажите на собственном опыте как мне в стандартном скине дле,отступить там например 10px где что ковырять подскажите надо очень Ссылка на сообщение Поделиться на других сайтах
Tong 0 Опубликовано: 15 августа 2007 Рассказать Опубликовано: 15 августа 2007 FeaR, style.css все зависит от того что именно будет отступать. Ссылка на сообщение Поделиться на других сайтах
max-money 0 Опубликовано: 15 августа 2007 Рассказать Опубликовано: 15 августа 2007 Проверяем! Мозилла не отцентровала, IE тоже самое. И всё это при разрешении 1280х1024 Давайте ещё варианты =) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <div style="position: absolute; overflow: auto; width: 300px; height: 200px; left: 50%; top: 50%; margin-left: -150px; margin-top: -100px; background: #f00; border: solid 1px black; padding: 10px;"><p> </p></div> Ссылка на сообщение Поделиться на других сайтах
lifestar 18 Опубликовано: 15 августа 2007 Рассказать Опубликовано: 15 августа 2007 max-money, ай молодец!! Прошёл тест. А теперь впишем в этот квадрат ровно по центру другой квадрат, размерами 150х100, ну и белого цвета... Но так чтобы он не был слоем поверх остальных, а был именно внутри контейнера первого квадрата Сумеете? Ссылка на сообщение Поделиться на других сайтах
Torquemada 0 Опубликовано: 15 августа 2007 Рассказать Опубликовано: 15 августа 2007 Ну, логично вытекает <div style="position: absolute; overflow: auto; width: 300px; height: 200px; left: 50%; top: 50%; margin-left: -150px; margin-top: -100px; background: #f00; border: solid 1px black; padding: 10px;"><div style="position:absolute; overflow:auto; width:150px; height:100px; left:50%; top:50%; margin-left: -75px; margin-top: -50px; background:#ffffff; border: solid 1px black;"><p> </p></div></div> Ссылка на сообщение Поделиться на других сайтах
lifestar 18 Опубликовано: 15 августа 2007 Рассказать Опубликовано: 15 августа 2007 Torquemada, нет нет, у вас получилось 2 слоя, и маленький квадрат лежит сверху большого, а надо чтобы был внутри =) Визуально одно и тоже, а на практике нет. Но вы оба молодцы =) Я раньше такое только с таблицей делал, когда ещё заморачивался с динамичной высотой, зависящей от разрешения экрана Ссылка на сообщение Поделиться на других сайтах
Torquemada 0 Опубликовано: 15 августа 2007 Рассказать Опубликовано: 15 августа 2007 Ну, можно вот так: <div style="position: absolute; overflow: auto; width: 300px; height: 200px; left: 50%; top: 50%; margin-left: -150px; margin-top: -100px; background: #f00; border: solid 1px black; padding: 10px;"><div style="position:relative; overflow:auto; width:150px; height:100px; left:75px; top:50px; background:#ffffff; border: solid 1px black;"><p> </p></div></div> Это по идее - внутри. Но тогда уже надо считать цифири) Ссылка на сообщение Поделиться на других сайтах
max-money 0 Опубликовано: 15 августа 2007 Рассказать Опубликовано: 15 августа 2007 Неа, нужно position: relative; иначе будет перекрывать <div style="position: absolute; overflow: auto; width: 300px; height: 200px; left: 50%; top: 50%; margin-left: -150px; margin-top: -100px; background: #f00; border: solid 1px black;" adding: 0px;> <div style="position: relative; width: 150px; height: 100px; left: 50%; top: 50%; margin-left: -75px; margin-top: -50px; border: solid 1px #000; background: #fff;"> </div> </div> <div style="position: absolute; overflow: auto; width: 300px; height: 200px; left: 50%; top: 50%; margin-left: -150px; margin-top: -100px; background: #f00; border: solid 1px black;" adding: 0px;> <div>Не перекрывает, а сдвигает</div> <div style="position: relative; width: 150px; height: 100px; left: 50%; top: 50%; margin-left: -75px; margin-top: -50px; border: solid 1px #000; background: #fff;"> </div> </div> Ссылка на сообщение Поделиться на других сайтах
Vano 0 Опубликовано: 16 августа 2007 Рассказать Опубликовано: 16 августа 2007 а поидеии существует z-index:0; и z-index:1; Ссылка на сообщение Поделиться на других сайтах
Torquemada 0 Опубликовано: 16 августа 2007 Рассказать Опубликовано: 16 августа 2007 Vano, Но так чтобы он не был слоем поверх остальных, а был именно внутри контейнера первого квадрата Ссылка на сообщение Поделиться на других сайтах
FeaR 0 Опубликовано: 16 августа 2007 Рассказать Опубликовано: 16 августа 2007 Автор <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> а что это за текст?Если это программа какая то то скиньте объясните для чего она. Ссылка на сообщение Поделиться на других сайтах
max-money 0 Опубликовано: 16 августа 2007 Рассказать Опубликовано: 16 августа 2007 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> а что это за текст?Если это программа какая то то скиньте объясните для чего она. Это указание стандарта, в соответствии с которым написан код. Без него возможно некоректное отображение в различных браузерах. При сложной верстке сильно упрощает жизнь. Почитать можно сдесь: http://www.i2r.ru/static/479/out_13654.shtml Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Архивировано
Эта тема находится в архиве и закрыта для публикации сообщений.