Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][CSS]proszę o pomoc - brak bordera
Forum PHP.pl > Forum > Przedszkole
tomsson
Witam

mam strone oparta na CMS joomlana i na podstronach :
http://wirtualnyelk.pl/ogloszenia.html
http://wirtualnyelk.pl/foto-galeria.html
http://wirtualnyelk.pl/forum.html
na których są komponenty brak jest wewnętrznych krawędzi lewej i prawej kolumny, lub jak kto woli brak jest krawedzi środkowej kolumny.
Tzn zacierają się one wraz z końcem komponentu który jest wyświetlany na ów podstronach w srodkowej kolumnie.

na innym forum zasugerowano mi ze chodi o clear:both , jakoś tak .ale ze nie jestem informatykiem przyszedłem tutaj prośić o pomoc.
poniżej pokaże kod z pliku index.php
  1. <?php
  2.  
  3. /**
  4.  
  5.  * @copyright Copyright (C) Lucjan Suski dddd
  6.  
  7.  */
  8.  
  9.  
  10.  
  11. // no direct access
  12.  
  13. defined( '_JEXEC' ) or die( 'Restricted access' );
  14.  
  15. ?>
  16.  
  17. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  18.  
  19. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  20.  
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
  22.  
  23. <head>
  24.  
  25. <jdoc:include type="head" />
  26.  
  27.  
  28.  
  29. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
  30.  
  31. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
  32.  
  33. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/wirtualnyelk.pl/css/style.css" />
  34.  
  35. <!--[if IE 7]>
  36.  
  37. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/wirtualnyelk.pl/css/ie7.css" />
  38.  
  39. <![endif]-->
  40.  
  41. <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/wirtualnyelk.pl/js/imieniny.js"></script>
  42.  
  43. </head>
  44.  
  45. <body>
  46.  
  47. <div id="main">
  48.  
  49.  
  50.  
  51. <div id="top">
  52.  
  53. <script type="text/javascript">
  54.  
  55. pokaz();
  56.  
  57. </script>
  58.  
  59. <jdoc:include type="modules" name="top" />
  60.  
  61. </div>
  62.  
  63.  
  64.  
  65. <div id="header">
  66.  
  67. <a href="<?=$this->baseurl;?>"><img src="<?php echo $this->baseurl ?>/templates/wirtualnyelk.pl/images/head_left.gif" alt="wirtualnyelk.pl"/></a>
  68.  
  69. </div>
  70.  
  71.  
  72.  
  73. <div id="topmenu">
  74.  
  75. <jdoc:include type="modules" name="topmenu" />
  76.  
  77. </div>
  78.  
  79.  
  80.  
  81. <div id="leftcolumn">
  82.  
  83. <img class="herb" src="<?php echo $this->baseurl ?>/templates/wirtualnyelk.pl/images/herb_2.gif" alt=""/>
  84.  
  85. <jdoc:include type="modules" name="left" style="xhtml" />
  86.  
  87. </div>
  88.  
  89.  
  90.  
  91. <div id="content">
  92.  
  93. <div id="mainmenu">
  94.  
  95. <jdoc:include type="modules" name="mainmenu" />
  96.  
  97. </div>
  98. <div id="banerek">
  99. <div id="banerek_inner"><jdoc:include type="modules" name="banerek" /></div>
  100. </div>
  101.  
  102. <?php if($this->countModules('newsflash and aktualnosci and komunikaty')) : ?>
  103. <div id="topnews">
  104.  
  105. <div class="newsflash">
  106.  
  107. <jdoc:include type="modules" name="newsflash" />
  108.  
  109. </div>
  110.  
  111. <img src="<?php echo $this->baseurl ?>/templates/wirtualnyelk.pl/images/border.gif" alt="|"/>
  112.  
  113. <div class="aktualnosci">
  114.  
  115. <span style="font-size:11px;font-weight:bold;">KRONIKA KPP / PSP:</span>
  116.  
  117. <jdoc:include type="modules" name="aktualnosci" />
  118.  
  119. <a href="<?php echo JROUTE::_('index.php?option=com_content&view=category&id=74')?>" class="readon">Więcej artykułów</a>
  120.  
  121. </div>
  122.  
  123. <img src="<?php echo $this->baseurl ?>/templates/wirtualnyelk.pl/images/border.gif" alt="|"/>
  124.  
  125. <div class="komunikaty">
  126.  
  127. <span style="font-size:11px;font-weight:bold">KOMUNIKATY:</span>
  128.  
  129. <jdoc:include type="modules" name="komunikaty" />
  130.  
  131. <a href="<?php echo JROUTE::_('index.php?option=com_content&view=category&id=59')?>" class="readon">Więcej artykułów</a>
  132.  
  133. </div>
  134.  
  135.  
  136. <div class="clearfix"></div>
  137.  
  138. </div><?php endif; ?>
  139.  
  140. <jdoc:include type="modules" name="zdjecie" />
  141.  
  142. <div style="clear:both">
  143.  
  144.  
  145.  
  146. <jdoc:include type="modules" name="content" />
  147.  
  148. <div id="srodek">
  149.  
  150. <jdoc:include type="message" />
  151.  
  152.  
  153.  
  154. <?php
  155.  
  156.  
  157.  
  158. if($_REQUEST['view']!='frontpage')
  159.  
  160. {
  161.  
  162. ?>
  163.  
  164. <jdoc:include type="component" />
  165.  
  166. <?php
  167.  
  168. }
  169.  
  170. else{
  171.  
  172. ?>
  173.  
  174.  
  175.  
  176. <div class="newsbox">
  177.  
  178. <div class="head">Fakty
  179.  
  180. </div>
  181.  
  182. <div class="content">
  183.  
  184. <jdoc:include type="modules" name="fakty" />
  185.  
  186. </div>
  187.  
  188. </div>
  189.  
  190.  
  191.  
  192. <div class="baner">
  193.  
  194. <jdoc:include type="modules" name="banerf" />
  195.  
  196. </div>
  197.  
  198.  
  199.  
  200.  
  201.  
  202. <div class="newsbox">
  203.  
  204. <div class="head">Sport</div>
  205.  
  206. <div class="content">
  207.  
  208. <jdoc:include type="modules" name="sport" />
  209.  
  210. </div>
  211.  
  212. </div>
  213.  
  214.  
  215.  
  216. <div class="baner">
  217.  
  218. <jdoc:include type="modules" name="baners" />
  219.  
  220. </div>
  221.  
  222.  
  223.  
  224. <div class="newsbox">
  225.  
  226. <div class="head">Kulturalia</div>
  227.  
  228. <div class="content">
  229.  
  230. <jdoc:include type="modules" name="kultura" />
  231.  
  232. </div>
  233.  
  234. </div>
  235.  
  236.  
  237.  
  238. <div class="baner">
  239.  
  240. <jdoc:include type="modules" name="banerk" />
  241.  
  242. </div>
  243. <div class="adsman"><jdoc:include type="modules" name="adsman" /></div>
  244.  
  245. <?php } ?>
  246.  
  247. </div>
  248.  
  249. </div>
  250.  
  251. </div>
  252.  
  253.  
  254.  
  255. <div id="rightcolumn">
  256.  
  257. <jdoc:include type="modules" name="right" style="xhtml" />
  258.  
  259. </div>
  260.  
  261. <div style="clear:both;"></div>
  262.  
  263. </div>
  264.  
  265. <div id="footer"><jdoc:include type="modules" name="footer" /></div>
  266.  
  267. <script type="text/javascript">
  268.  
  269. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  270.  
  271. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  272.  
  273. </script>
  274.  
  275. <script type="text/javascript">
  276.  
  277. try {
  278.  
  279. var pageTracker = _gat._getTracker("UA-7611334-6");
  280.  
  281. pageTracker._trackPageview();
  282.  
  283. } catch(err) {}</script>
  284.  
  285. </body>
  286.  
  287. </html>


prosze o pomoc co zrobic zeby te krawędzie były od początku do końca.
athei
Wszystko jest normalnie, obramowanie jest takie długie, jak długi jest div, w Twoim przypadku środkowy.
Jeżeli chcesz, żeby było takie długie jak długie są boczne divy to im nadaj border, dla div id=leftcolumn border-right, a dla div id=rightcolumn border-left.
tomsson
zrobilem cos takiego jak piszesz

<div id="leftcolumn" border-right >
<div id="rightcolumn" border-left>

w tym pliku index.html

ale nie działą , dalej tak samo.

źle zrobiłem czy co ?

jeśli ktoś pomorze przeleje 30 pln na jego konto
athei
Nie pomorze, a pomoże. Źle to umieściłeś, albo w pliku ze stylami (podejrzyj sobie jak to zrobione jest dla div id="content"), albo <div id="leftcolumn" style="border-right: 1px solid #DDDDDD;" > , podobnie dla prawego.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.