За последние 24 часа нас посетили 18129 программистов и 1669 роботов. Сейчас ищут 2270 программистов ...

Раскройка шаблона

Тема в разделе "HTML и CSS", создана пользователем User, 16 апр 2013.

  1. User

    User Новичок

    С нами с:
    16 апр 2013
    Сообщения:
    2
    Симпатии:
    0
    Господа товарищи!
    Help me!!!
    Начал изучать ООП в принципе ни чего особо сложного, но проблема в том что тогда начинаю кроить страницу на шаблон то сайт бар улетает в лева, тогда когда согласно каскадной таблице стилям заданный по правому краю сайта!
    При создания соответствующих методов и при просмотре после кройки странице исходного кода ошибок не обнаруживается!
    Посмотрите код, может кто имел опыт по решению данной задачи!!!
    Код (Text):
    1. protected function get_header () {
    2. require_once "header.php";
    3. }
    4. // Абстрактный сласс
    5. <?php
    6. protected function get_menu () {
    7. echo '<div id="main_menu" >
    8. <div class="menu">';
    9. echo '<ul>
    10. <li><a href="#">Текст</a></li>
    11. <li><a href="#">Текст</a></li>
    12. <li><a href="#">Текст</a></li>
    13. <li><a href="#">Текст </a></li>
    14. <li><a href="#">Текст</a></li>
    15. <li><a href="#">Текст</a></li>
    16. <li><a href="#">Текст</a></li>
    17. <li><a href="#">Текст</a></li>
    18. <li><a href="#">Текст</a></li>
    19. </ul>';
    20. echo '</div>
    21. </div>';
    22. }
    23.  
    24. protected function get_home () {
    25. echo '<div class="home">
    26. <a href="maisite">Home</a>
    27. </div>';
    28. }
    29.  
    30. protected function get_sidebar () {
    31. include("sidebar.php");
    32. }
    33.  
    34. protected function get_footer () {
    35. require_once "footer.php";
    36. }
    37.  
    38.  
    39. public function get_body () {
    40. $this->get_header();
    41. $this->get_menu();
    42. $this->get_home();
    43. $this->get_sidebar();
    44. $this->get_content();
    45. $this->get_footer();
    46.  
    47. }
    48. abstract function get_content ();
    49. }
    50. ?>
    Сам контент переношу в дочерний класс "main", так как вывожу его в каждом шаблоне
    Код (Text):
    1. <?php
    2. class main extends article {
    3.  
    4. public function get_content () { ?>
    5. <div id="middle">
    6. <div id="container">
    7. <div id="content">
    8. <div class="content">
    9.  
    10. <h2>ERROR - 404</h2>
    11. </div>
    12. </div>
    13. </div>
    14. </div>
    15. <?php }
    16.  
    17. }
    18. ?>
    Заранее спасибо коллеги! Буду раз любой помощи по существу вопроса!
    [​IMG]
     
  2. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    надо смотреть HTML
     
  3. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.115
    Симпатии:
    1.244
    Адрес:
    там-сям
    Несколько раз перечитал, но так и не нашел вопроса. Если вопрос состоит в том, что стили работают не так, как ожидалось, то где же эти стили? ООП непричём, я уверен.

    Мой ответ можно считать помощью.
     
  4. User

    User Новичок

    С нами с:
    16 апр 2013
    Сообщения:
    2
    Симпатии:
    0
    Код (Text):
    1. <!DOCTYPE html>
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    5. <title></title>
    6. <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
    7. <link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon">
    8. </head>
    9.  
    10. <body>
    11.  
    12. <div id="wrapper">
    13. <div id="header">
    14. <div class="collclients">
    15. <p>еее</p>
    16. <span>Tel: + 7 еее</span>
    17. </div>
    18. <div class="main_navigation">
    19. <ul>
    20. <li><a href="">HOME</a></li>
    21. <li><a href="#">CONTACTS</a></li>
    22. <li><a href="#">SITEMAP</a></li>
    23. <li><a href="#">SEVICES</a></li>
    24. </ul>
    25. </div>
    26. <div class="logo-site">
    27. <h1><a href="" title="еее">SAVANNA.WS</a></h1>
    28. <p>Чудесный мир и его обитатели</p>
    29. </div>
    30.  
    31. </div><!-- #header-->
    32.  
    33. <div id="main_menu" >
    34. <div class="menu">
    35. <ul>
    36. <li><a href="#">еее</a></li>
    37. <li><a href="#">еее</a></li>
    38. <li><a href="#">еее</a></li>
    39. <li><a href="#">еее</a></li>
    40. <li><a href="#">еее</a></li>
    41. <li><a href="#">еее</a></li>
    42. <li><a href="#">еее</a></li>
    43. <li><a href="#">Вее</a></li>
    44. <li><a href="#">еее</a></li>
    45. </ul>
    46. </div>
    47. </div>
    48. <div class="home">
    49. <a href="еее">Home</a>
    50. </div>
    51. <div id="middle">
    52. <div id="container">
    53. <div id="content">
    54. <div class="content">
    55.  
    56. <h2>ERROR - 404</h2>
    57. </div>
    58. </div><!-- #content-->
    59. </div><!-- #container-->
    60.  
    61. <div class="sidebar" id="sideRight">
    62. <div class="sidebar_right">
    63. <div class="loginform">
    64. <h2>lOGIN FORM</h2>
    65. <p><input type="text" name="login"  size="28" style="background:url('images/inputsearch.png') repeat-x; padding:3px 0 3px 5px; -moz-border-radius:7px;
    66. border-radius:7px;
    67. webkit border-radius:7px; border:2px solid #e8e5de; margin-left:15px; margin-bottom:10px;" placeholder="Login . . ."/></p>
    68. <p><input type="text" name="password"  size="28" style="background:url('images/inputsearch.png') repeat-x; padding:3px 0 3px 5px; -moz-border-radius:7px;
    69. border-radius:7px;
    70. webkit border-radius:7px; border:2px solid #e8e5de; margin-left:15px;" placeholder="Password . . ."/></p>
    71. <p><input type="image" src="/images/vhod_reg.png" name="submit_vhod" style="padding:4px 0 0 15px;"/></p>
    72. <p class="line"><img src="/images/sidebar_line.png"></p>
    73. </div>
    74. <div class="sidebar_right_search">
    75. <h2>SEARCH THE SITE</h2>
    76. <p><input type="text" name="search"  size="28" style="background:url('images/inputsearch.png') repeat-x; padding:3px 0 3px 5px; -moz-border-radius:7px;
    77. border-radius:7px;
    78. webkit border-radius:7px; border:2px solid #e8e5de; margin-left:12px; margin-bottom:10px;" placeholder="Keyword . . ."/></p>
    79. <p><input type="image" src="/images/search.png" style="margin-left:12px;" /></p>
    80. <p class="line"><img src="/images/sidebar_line.png"></p>
    81. </div>
    82. </div>
    83. </div><!-- .sidebar#sideRight -->
    84.  
    85. </div><!-- #middle-->
    86.  
    87. </div><!-- #wrapper -->
    88.  
    89. <div id="footer">
    90. <div class="down">
    91. <h1><p>Naturetour имеет 25-летний опыт эксплуатации праздники дикой природы. Свяжитесь с нами для дружеских советов traval</p></h1>
    92. <div class="social_Network">
    93. <h2>Скоро в Твитере <img src="/images/tviter.png"></h2>
    94. <p>* 4 days ago The new website is now live.</p>
    95. <p>We hope you enjoy it and any feedback is welcome.</p>
    96. <a href=""><img src="/images/facebock.png"></a>
    97. </div>
    98. <div class="foot_nanigation">
    99. <ul>
    100. <h2>Quick Links</h2>
    101. <li><a href="">HOME</a></li>
    102. <li><a href="">CONTACTS</a></li>
    103. <li><a href="">SITEMAP</a></li>
    104. <li><a href="">SEVICES</a></li>
    105. </ul>
    106. </div>
    107. <div class="footcategory_site">
    108. <h2>Зазделы сайта</h2>
    109. <p><a href="">ХИЩНИКИ</a></p>
    110. <p><a href="">ТРАВОЯДНЫЕ</a></p>
    111. <p><a href="">НАСИКОМЫЕ</a></p>
    112. <p><a href="">ВОДОПЛАВАЮЩИЕ</a></p>
    113. <p><a href="">ПУСТЫНИ</a></p>
    114. </div>
    115. <div class="footcategory_site_duble">
    116. <p><a href="">OАЗИСЫ</a></p>
    117. <p><a href="">РЕКИ</a></p>
    118. <p><a href="">ВОДОПАДЫ</a></p>
    119. <p><a href="">ОКЕАНЫ</a></p>
    120. </div>
    121. <div class="footer_contacts">
    122. <img src="/images/lini_footer.png" class="img_footer">
    123. <h2>CONTACT UP</h2>
    124. <p>Tel: + 7 (952) 052-11-92</p>
    125. <p>E-mail: еее.sеее</p>
    126. <h2>The city of еее</h2>
    127. </div>
    128. </div>
    129.  
    130. <div class="coypyrich">
    131. <h6>© Naturetour 2013.</h6>
    132. <p>No portion of this website may be reproduced without the prior written consent of Naturetour. All rights reserved.</p>
    133. </div>
    134. </div><!-- #footer -->
    135.  
    136. </body>
    137. </html>
    Вот верстка основной странице которая подверглась кройке!

    Добавлено спустя 2 минуты 21 секунду:
    Я старался доступным языком объяснить! При разбивке странице на логические части в шаблон, сайд бар переносится в в лева, о должен быть с права!
     
  5. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    а css? а всё остальное? =)

    поставь firebug на firefox и вперёд
     
  6. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.115
    Симпатии:
    1.244
    Адрес:
    там-сям
    тебе надо что-то почитать про верстку html страниц -- хотя бы основные понятия. здесь форум про php, ну и чуть-чуть про то, что сопровождает php. здесь не школа юного верстальщика.

    http://ru.html.net/tutorials/css/
     
  7. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.798
    Симпатии:
    1.331
    Адрес:
    Лень
    во как)