Jump to content

imariki

User
  • Posts

    56
  • Joined

  • Last visited

Everything posted by imariki

  1. Я не понимаю, почему 90-ые годы??? Это по дизайну? То, что коричневый цвет? Или слишком официально-деловой стиль?
  2. Теперь я выставил новый дизайн.
  3. Да, уже поменял местами, кстати. Мда, столько я пробелов неразделительных понаделал, проще отступ было добавить.
  4. Сейчас на сайте много чего изменилось, хотел бы услышать критики.
  5. Класно получается! Спасибо! Значит, с остальными изображениями где повторяется фон также использовать как и в примере. Внизу слоя тоже самое сделал с тенью, очень хорошо выглядет! Ещё вопрос, у меня тень находится под слоём, после добавления следующего слоя приходится добавлять margin: 4px;. Это вроде бы нормально потому что, у тени отрицательный bottom? Главное, что высоту не приходится подбирать примерно.
  6. Значит, нужно делать полные изображения и потом при помощи позиционирования накладывать углы поверх или надо пользоваться таблицами?
  7. - top.gif - top_2.gif - top_3.gif - top_4.gif Выглядет это так: http://imariki.times.lv/maket/maket.html На примере нет ошибок, хотя если ещё дополнять картинками, дальше приходится примерно подбирать подходящую высоту. Мне нужно сделать скругленые углы в самом низу этого блока, а по середине должен повторяться top3.gif до самого второго угла. Раньше пробовал позиционировать, но не получалось. Теперь хочется разобраться.
  8. У меня фиксированный макет и он располагается по середине браузера. Если поменять разрешение экрана, то не подойдёт absolute.
  9. Всем добрый день! У меня возникла проблема с тремя рисунками. Почему при добавлении нового рисунка в том же блоке неправильно вычисляет высоту с использованием 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, при добавлении второго рисунка, он берёт высоту относительно предыдущего рисунка. Если добавлять третий рисунок, тогда совсем не понятно как он там вычисляет высоту. Может, я совсем не так верстаю?
  10. Плохо, что я только о Sims1 информацию размещаю. В этом у меня и большой минус. В основном многие играют в The Sims2. А почему инлайн стили - нехорошо? Это если кто-то захочит сохранить страницу только как HTML, то тогда не будет виден стиль? Правильно ли я подумал?
  11. А вот без баннера никак, хостинг требует. Ну, насчёт форума я ещё подумаю.
  12. Да...ошибки у меня конечно, позорные! Спасибо, за исправленые ошибки! Насчёт объединения "Главной" и "Новостей", я ещё подумаю.
  13. Всем добрый день! Пожалуйста, оцените мой сайт! http://www.imariki.times.lv И ещё проголосуйте в левой колонке.
  14. Я смог решить проблему! Нужно было добавить в стили: form {margin:0} И собственно всё! Всем огромное Спасибо, кто помог разобраться в этой теме!
  15. Спасибо Justnewone, мне очень помогло! Но, пока всё равно остался этот нижний отступ в слое #leftcol5.
  16. А как я могу установить IE6 если у меня сейчас стоит IE7? Компьютер может заменить браузер и где я могу взять 6-ую версию браузера?
  17. У меня осталась последняя проблема. Я не знаю как убрать нижний отступ в слое #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>
  18. Забыл сказать, что прочитал весь справочник по CSS на htmlbook.ru. Теперь только начинаю читать то, что Вы мне предложили.
  19. Всё перечитал. Удалось только в топике изменить высоту, я поместил логотип в background и установил ей выравнивание по середине. Вот только таким способом получилось уменьшить высоту... Осталось ещё боковые слои уменьшить. #colleft и #colright, у них одинаковый отступ (padding) сверху и снизу от текста, а как от них избавиться я не знаю.
  20. Ладно, я буду читать и только тогда отвечу.
  21. А МОЖЕТ КТО-НИДУДЬ ВСЁ-ТАКИ ПОМОЖЕТ??? :)
  22. Постараюсь решить проблему, надеюсь, что получится.
  23. Спасибо, уже лучше! Только вот как выровнить текст по высоте?
  24. <!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>
  25. У меня получилось так, что и в ИЕ, и в ФФ нету фона у подвала. Внутренние слои как-бы обтягивающие но внутри них есть фон.
×
×
  • 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