imariki
User-
Posts
56 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by imariki
-
Я не понимаю, почему 90-ые годы??? Это по дизайну? То, что коричневый цвет? Или слишком официально-деловой стиль?
-
Теперь я выставил новый дизайн.
-
Да, уже поменял местами, кстати. Мда, столько я пробелов неразделительных понаделал, проще отступ было добавить.
-
Сейчас на сайте много чего изменилось, хотел бы услышать критики.
-
Класно получается! Спасибо! Значит, с остальными изображениями где повторяется фон также использовать как и в примере. Внизу слоя тоже самое сделал с тенью, очень хорошо выглядет! Ещё вопрос, у меня тень находится под слоём, после добавления следующего слоя приходится добавлять margin: 4px;. Это вроде бы нормально потому что, у тени отрицательный bottom? Главное, что высоту не приходится подбирать примерно.
-
Значит, нужно делать полные изображения и потом при помощи позиционирования накладывать углы поверх или надо пользоваться таблицами?
-
- top.gif - top_2.gif - top_3.gif - top_4.gif Выглядет это так: http://imariki.times.lv/maket/maket.html На примере нет ошибок, хотя если ещё дополнять картинками, дальше приходится примерно подбирать подходящую высоту. Мне нужно сделать скругленые углы в самом низу этого блока, а по середине должен повторяться top3.gif до самого второго угла. Раньше пробовал позиционировать, но не получалось. Теперь хочется разобраться.
-
У меня фиксированный макет и он располагается по середине браузера. Если поменять разрешение экрана, то не подойдёт absolute.
-
Всем добрый день! У меня возникла проблема с тремя рисунками. Почему при добавлении нового рисунка в том же блоке неправильно вычисляет высоту с использованием position: relative? Вот пример: <div id="container"> <div id="top"> <div class="top_2"></div> <div class="top_3"></div> <div class="top_4"></div> </div> </div> В общем, если смотреть на страницу, то всё правильно показывает. Только не понятно почему когда есть position: relative, при добавлении второго рисунка, он берёт высоту относительно предыдущего рисунка. Если добавлять третий рисунок, тогда совсем не понятно как он там вычисляет высоту. Может, я совсем не так верстаю?
-
Плохо, что я только о Sims1 информацию размещаю. В этом у меня и большой минус. В основном многие играют в The Sims2. А почему инлайн стили - нехорошо? Это если кто-то захочит сохранить страницу только как HTML, то тогда не будет виден стиль? Правильно ли я подумал?
-
А вот без баннера никак, хостинг требует. Ну, насчёт форума я ещё подумаю.
-
Да...ошибки у меня конечно, позорные! Спасибо, за исправленые ошибки! Насчёт объединения "Главной" и "Новостей", я ещё подумаю.
-
Всем добрый день! Пожалуйста, оцените мой сайт! http://www.imariki.times.lv И ещё проголосуйте в левой колонке.
-
Я смог решить проблему! Нужно было добавить в стили: form {margin:0} И собственно всё! Всем огромное Спасибо, кто помог разобраться в этой теме!
-
Спасибо Justnewone, мне очень помогло! Но, пока всё равно остался этот нижний отступ в слое #leftcol5.
-
А как я могу установить IE6 если у меня сейчас стоит IE7? Компьютер может заменить браузер и где я могу взять 6-ую версию браузера?
-
У меня осталась последняя проблема. Я не знаю как убрать нижний отступ в слое #leftcol5, там как раз под скриптом появляется отступ в IE, а в FF его нет. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script language="JavaScript" src="http://link.times.lv/voting2/static/cookie.js"> </script> <title>imariki.times.lv - Главная страница</title> <style type="text/css"> BODY { margin: 0; } #top { color: white; background: #FFFFCC; overflow:hidden; margin-bottom: 10px; border-bottom: 1px solid #FFCC33; } #top2 { width: 470px; height: 80px; color: white; background: #FFFFCC; background-image: url('logo_imariki_times_lv.gif'); /* Путь к фоновому рисунку */ background-position: left center; /* Положение фона */ background-repeat: no-repeat; /* Отменяем повторение фона */ float: left; padding-top: 0px; padding-bottom: 0px; padding-left: 3px; } #top3 { color: white; background: #FFFFCC; padding-top: 10px; padding-bottom: 8px; } #leftcol { height: 700px; width: 200px; float: left; } #leftcol2 { width: 198px; height: 21px; color: white; background: #FFCC33; padding-left: 3px; } #leftcol3 { width: 185px; color: black; background: #FFFFCC; padding-top: 0px; padding-left: 15px; padding-bottom: 0px; border-right: 1px solid #FFCC33; border-bottom: 1px solid #FFCC33; } #leftcol4 { width: 197px; height: 20px; color: white; background: #FFCC33; padding-left: 3px; margin-top: 10px; border-top: 1px solid #FFCC33; border-right: 1px solid #FFCC33; } #leftcol5 { width: 200px; padding-top: 0px; padding-bottom: none; background: #FFFFCC; border-right: 1px solid #FFCC33; border-bottom: 1px solid #FFCC33; } #leftcol6 { width: 197px; height: 20px; color: white; background: #FFCC33; padding-left: 3px; margin-top: 10px; border-top: 1px solid #FFCC33; border-right: 1px solid #FFCC33; } #leftcol7 { width: 200px; height: 50px; color: black; padding-top: 15px; border-right: 1px solid #FFCC33; border-bottom: 1px solid #FFCC33; } #centercol { margin-left: 210px; margin-right: 260px; } #centercol2 { height: 21px; color: white; background: #FFCC33; padding-left: 3px; } #centercol3 { height: 680px; background: #FFFFCC; border-left: 1px solid #FFCC33; border-right: 1px solid #FFCC33; border-bottom: 1px solid #FFCC33; padding-top: 3px; padding-left: 5px; padding-right: 5px; } #rightcol { width: 250px; float: right; color: white; } #rightcol2 { width: 247px; height: 20px; color: white; background: #FFCC33; padding-left: 3px; } #rightcol3 { width: 243px; color: black; background: #FFFFCC; overflow: hiden; padding-left: 3px; padding-right: 3px; padding-bottom: 0px; padding-top: 0px; border-left: 1px solid #FFCC33; border-bottom: 1px solid #FFCC33; } #bottom { color: white; background: #FFCC33; overflow:hidden; margin-top: 10px; padding-top: 5px; } #bottom2 { color: white; background: #FFCC33; float: left; padding-left: 3px; padding-top: 5px; } #bottom3 { color: white; background: #FFCC33; float: right; } .fontsize { padding: 0px; margin: 0; font-family: Helvetica, Arial, 'Times New Roman'; font-size: 16px; } .fontsize2 { font-family: Helvetica, Arial, 'Times New Roman'; font-size: 12px; } .fontsize3 { font-size: 12px; font-family: 'New Times Roman'; } </style> </head> <body> <div id="top"> <div id="top2"> </div> <div id="top3"> <center> <script src="http://hosting.times.lv/js/bx.js"></script> </center> </div> </div> <div id="leftcol"> <div id="leftcol2"> <p class="fontsize"><b>РАЗДЕЛЫ</b></p> </div> <div id="leftcol3" class="fontsize2"> <table> <tr> <td> Главная<br>Новости<br>О сайте<br>Обо мне<br><a href="http://link.times.lv/forum2/index.php?f=imariki">Форум</a><br>The Sims<br>Создание дома<br>Коды<br>Программы<br>Файлы<br>Вопросы и Ответы </td> </tr> </table> </div> <div id="leftcol4"> <p class="fontsize"><b>ГОЛОСОВАНИЕ</b></p> </div> <div id="leftcol5"> <script language="JavaScript" src="http://link.times.lv/voting2/static/19266/index.js"> </script> </div> <div id="leftcol6"> <p class="fontsize"><b>ОБРАТНАЯ СВЯЗЬ</b></p> </div> <div id="leftcol7"> <center> <!-- Skype 'Мой статус' button [url="http://www.skype.com/go/skypebuttons"]http://www.skype.com/go/skypebuttons[/url] --> <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script> <a href="skype:i.marik.i?call"><img src="http://mystatus.skype.com/bigclassic/i%2Emarik.i" style="border: none;" width="182" height="44" alt="Мой статус" /></a> </center> </div> </div> <div id="rightcol"> <div id="rightcol2"> <p class="fontsize"><b>СОЗДАНИЕ ДОМА</b></p> </div> <div id="rightcol3" class="fontsize2"> <table> <tr> <td> <img src="img_sd.jpg" align="left" border="0" hspace="2">Многим тяжело создавать дом для семьи и не могут сконцетрироваться на дизайне. Бывает такое, что они даже пытаются построить красивый дом уже целый день! (В зависимости размера дома) И даже не успевают поиграть в саму игру The Sims:) Конечно хочется построить такой дом, чтобы он отличался от других. Вы можете за 10 минут прочитать 5 шагов и придумать себе новый дом без всяких мучений. Думаю, что у вас появится много идей. У вас получится заполнить весь посёлок новыми домами и даже придумать красивые здания для Даунтауна. <br><br>Перейти в раздел <a href="Sozdanije doma/sd.html">Создание дома</a> </td> </tr> </table> </div> </div> <div id="centercol"> <div id="centercol2"> <p class="fontsize"><b>ГЛАВНАЯ СТРАНИЦА</b></p> </div> <div id="centercol3"> <p class="fontsize" align="center"><b>Здраствуйте!<br> Добро пожаловать на мой сайт!</b></p><p class="fontsize2" align="justify"><br>Наконец-то я обновил свой сайт! Теперь сменился дизайн сайта и стало легче перемещаться с одной страницы на другую. Обещаю по больше информации и разных файлов. Как видите теперь можно зайти на мой форум, обязательно отвечу на любые вопросы касающие игры The Sims. В форуме есть и другие темы на которых вы можете общаться с другими пользователями. Пока что, вы увидете только дома, возможно обои и полы, но вот объекты будут далеко не скоро. К сожалению, никакой информации о Sims 2 на сайте не будет. Зато буду размещать некоторые файлы для SimCity 3000. Если вы играете в эти игры, то вы можете найти что-то интересное и даже скачивать файлы.</p></div></div> <div id="bottom"> <div id="bottom2"> <p class="fontsize"><b>Copyright© 2008-2009 imariki.times.lv</b></p></div> <div id="bottom3"> <a href="http://www.imariki.times.lv/" target="_blank"> <img src="animeban.gif" width=88 height=31 border=0 alt="imariki.times.lv"></a> <script type="text/javascript" src="http://hosting.times.lv/js/support.js"></script> </div> </div> </body> </html>
-
Забыл сказать, что прочитал весь справочник по CSS на htmlbook.ru. Теперь только начинаю читать то, что Вы мне предложили.
-
Всё перечитал. Удалось только в топике изменить высоту, я поместил логотип в background и установил ей выравнивание по середине. Вот только таким способом получилось уменьшить высоту... Осталось ещё боковые слои уменьшить. #colleft и #colright, у них одинаковый отступ (padding) сверху и снизу от текста, а как от них избавиться я не знаю.
-
Ладно, я буду читать и только тогда отвечу.
-
А МОЖЕТ КТО-НИДУДЬ ВСЁ-ТАКИ ПОМОЖЕТ??? :)
-
Постараюсь решить проблему, надеюсь, что получится.
-
Спасибо, уже лучше! Только вот как выровнить текст по высоте?
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script language="JavaScript" src="http://link.times.lv/voting2/static/cookie.js"> </script> <title>imariki.times.lv - Главная страница</title> <style type="text/css"> BODY { margin: 0; } #top { color: white; background: #FFFFCC; margin-bottom: 10px; border-bottom: 1px solid #FFCC33; } #leftcol { width: 200px; border-right: 1px solid #FFCC33; float: left; } #leftcol2 { width: 198px; height: 21px; color: white; background: #FFCC33; padding-left: 3px; } #leftcol3 { width: 197px; color: black; background: #FFFFCC; padding-top: 3px; padding-left: 3px; padding-bottom: 5px; border-bottom: 1px solid #FFCC33; } #leftcol4 { width: 197px; height: 20px; color: white; background: #FFCC33; padding-left: 3px; margin-top: 10px; border-top: 1px solid #FFCC33; border-right: 1px solid #FFCC33; } #leftcol5 { width: 200px; color: black; padding-top: 15px; border-right: 1px solid #FFCC33; border-bottom: 1px solid #FFCC33; } #leftcol6 { width: 197px; height: 20px; color: white; background: #FFCC33; padding-left: 3px; margin-top: 10px; border-top: 1px solid #FFCC33; border-right: 1px solid #FFCC33; } #leftcol7 { width: 200px; color: black; background: #FFFFCC; border-right: 1px solid #FFCC33; border-bottom: 1px solid #FFCC33; } #centercol { margin-left: 210px; margin-right: 260px; } #centercol2 { height: 21px; color: white; background: #FFCC33; padding-left: 3px; } #centercol3 { height: 680px; background: #FFFFCC; border-left: 1px solid #FFCC33; border-right: 1px solid #FFCC33; border-bottom: 1px solid #FFCC33; padding-top: 3px; padding-left: 5px; padding-right: 5px; } #rightcol { width: 250px; height: 700px; float: right; color: white; } #rightcol2 { width: 247px; height: 20px; color: white; background: #FFCC33; padding-left: 3px; } #rightcol3 { color: black; background: #FFFFCC; padding-left: 3px; padding-right: 3px; padding-bottom: 5px; padding-top: 3px; border-left: 1px solid #FFCC33; border-bottom: 1px solid #FFCC33; } #bottom { color: white; background: #FFCC33; margin-top: 10px; } #bottom2 { color: white; background: #FFCC33; float: left; margin-top: 10px; } #bottom3 { color: white; background: #FFCC33; float: right; margin-top: 10px; } .fontsize { padding: 0px; margin: 0; font-family: Helvetica, Arial, 'Times New Roman'; font-size: 16px; } .fontsize2 { font-family: Helvetica, Arial, 'Times New Roman'; font-size: 12px; } .fontsize3 { font-size: 12px; font-family: 'New Times Roman'; } </style> </head> <body> <table id="top" width="100%"> <tr> <td align="left" colspan="2" width="100%"> <p align="left"><img src="logo_imariki_times_lv.gif" alt="www.imariki.times.lv"></p> </td> <td width="100%"> <center> <script src="http://hosting.times.lv/js/bx.js"></script> </center> </td> </tr> </table> <div id="leftcol"> <div id="leftcol2"> <p class="fontsize"><b>РАЗДЕЛЫ</b></p> </div> <div id="leftcol3"> <p class="fontsize2">Главная<br>Новости<br>О сайте<br>Обо мне<br><a href="http://link.times.lv/forum2/index.php?f=imariki">Форум</a><br>The Sims<br>Создание дома<br>Коды<br>Программы<br>Файлы<br>Вопросы и Ответы</p> </div> <div id="leftcol4"> <p class="fontsize"><b>ОБРАТНАЯ СВЯЗЬ</b></p> </div> <div id="leftcol5"> <center> <!-- Skype 'Мой статус' button [url="http://www.skype.com/go/skypebuttons"]http://www.skype.com/go/skypebuttons[/url] --> <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script> <a href="skype:i.marik.i?call"><img src="http://mystatus.skype.com/bigclassic/i%2Emarik.i" style="border: none;" width="182" height="44" alt="Мой статус" /></a> </center> </div> <div id="leftcol6"> <p class="fontsize"><b>ГОЛОСОВАНИЕ</b></p> </div> <div id="leftcol7"> <script language="JavaScript" src="http://link.times.lv/voting2/static/19266/index.js"> </script> </div> </div> <div id="rightcol"> <div id="rightcol2"> <p class="fontsize"><b>СОЗДАНИЕ ДОМА</b></p> </div> <div id="rightcol3"> <p class="fontsize2" align="left"> <img src="img_sd.jpg" align="left" border="0" hspace="2">Многим тяжело создавать дом для семьи и не могут сконцетрироваться на дизайне. Бывает такое, что они даже пытаются построить красивый дом уже целый день! (В зависимости размера дома) И даже не успевают поиграть в саму игру The Sims:) Конечно хочется построить такой дом, чтобы он отличался от других. Вы можете за 10 минут прочитать 5 шагов и придумать себе новый дом без всяких мучений. Думаю, что у вас появится много идей. У вас получится заполнить весь посёлок новыми домами и даже придумать красивые здания для Даунтауна.</p> <p class="fontsize2" align="center">Перейти в раздел <a href="Sozdanije doma/sd.html">Создание дома</a></p> </div> </div> <div id="centercol"> <div id="centercol2"> <p class="fontsize"><b>ГЛАВНАЯ СТРАНИЦА</b></p> </div> <div id="centercol3"> <p class="fontsize" align="center"><b>Здраствуйте!<br> Добро пожаловать на мой сайт!</b></p><p class="fontsize2" align="justify"><br>Наконец-то я обновил свой сайт! Теперь сменился дизайн сайта и стало легче перемещаться с одной страницы на другую. Обещаю по больше информации и разных файлов. Как видите теперь можно зайти на мой форум, обязательно отвечу на любые вопросы касающие игры The Sims. В форуме есть и другие темы на которых вы можете общаться с другими пользователями. Пока что, вы увидете только дома, возможно обои и полы, но вот объекты будут далеко не скоро. К сожалению, никакой информации о Sims 2 на сайте не будет. Зато буду размещать некоторые файлы для SimCity 3000. Если вы играете в эти игры, то вы можете найти что-то интересное и даже скачивать файлы.</p> </div> </div> <div id="bottom"> <div id="bottom2"> <p class="fontsize"><b>Copyright© 2008-2009 imariki.times.lv</b></p> </div> <div id="bottom3"> <a href="http://www.imariki.times.lv/" target="_blank"> <img src="animeban.gif" width=88 height=31 border=0 alt="imariki.times.lv"></a> <script type="text/javascript" src="http://hosting.times.lv/js/support.js"></script> </div> </div> </body> </html>
-
У меня получилось так, что и в ИЕ, и в ФФ нету фона у подвала. Внутренние слои как-бы обтягивающие но внутри них есть фон.