Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: TinyMCE przystosowanie ... Problem z rozciąganiem panelu.
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
spec8320
Witam. Problem przedstawia się dość nietypowo otóż chodzi o rozciąganie panelu TinyMCE ... Nigdy nie byłem dobry w "css" bardziej programuje środek storny niż grafikę stąd chciałbym prosić o pomoc ... Próbuje zrobić prosty panelik administratora dla własnej stornki i chciałbym użyć tam TINYmce jednak mam problem ... Otóż taki kod (który w teorii według mnie jest dobry) daje zły efekt ...

  1. <!-- TinyMCE -->
  2. <script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
  3. <script type="text/javascript">
  4. tinyMCE.init({
  5. // General options
  6. language : 'pl',
  7. mode : "textareas",
  8. theme : "advanced",
  9. plugins : "autolink,lists,pagebreak,style,layer,table,advhr,advimage,advlink,emotions,
    iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu
    ,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,t
    emplate,wordcount,advlist,autosave,visualblocks",
  10.  
  11. // Theme options
  12. //theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justif
    ycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizesele
    ct",
  13. theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,out
    dent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|
    ,insertdate,inserttime,preview,|,forecolor,backcolor",
  14. theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iesp
    ell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
  15. //theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acro
    nym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft,vis
    ualblocks",
  16. theme_advanced_toolbar_location : "top",
  17. theme_advanced_toolbar_align : "left",
  18. theme_advanced_statusbar_location : "bottom",
  19. theme_advanced_resizing : true,
  20.  
  21. // Example content CSS (should be your site CSS)
  22. content_css : "css/content.css",
  23.  
  24. // Drop lists for link/image/media/template dialogs
  25. template_external_list_url : "lists/template_list.js",
  26. external_link_list_url : "lists/link_list.js",
  27. external_image_list_url : "lists/image_list.js",
  28. media_external_list_url : "lists/media_list.js",
  29.  
  30. // Style formats
  31. style_formats : [
  32. {title : 'Bold text', inline : 'b'},
  33. {title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
  34. {title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
  35. {title : 'Example 1', inline : 'span', classes : 'example1'},
  36. {title : 'Example 2', inline : 'span', classes : 'example2'},
  37. {title : 'Table styles'},
  38. {title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
  39. ],
  40.  
  41. // Replace values for the template plugin
  42. template_replace_values : {
  43. username : "Some User",
  44. staffid : "991234"
  45. }
  46. });
  47. <!-- /TinyMCE -->
  48. <div id="containerHolder">
  49. <div id="container">
  50. <div id="sidebar">
  51. <ul class="sideNav">
  52. <li><a href="admin.php?p=onas" class="active">O nas</a></li>
  53. <li><a href="admin.php?p=uzytkownicy_dodaj" >Dodaj użytkownika</a></li>
  54. </ul>
  55. <!-- // .sideNav -->
  56. </div>
  57. <!-- // #sidebar -->
  58.  
  59. <!-- h2 stays for breadcrumbs -->
  60. <h2><a href="admin.php?p=uzytkownicy">Użytkownicy</a> &raquo; <a href="admin.php?p=uzytkownicy" class="active">Dodaje nowego użytkownika</a></h2>
  61.  
  62. <div id="main">
  63.  
  64. <form action="admin.php?p=uzytkownicy_dodaj" class="jNice" method="post">
  65. <h3>O nas:</h3>
  66.  
  67. <textarea id="elm1" name="elm1"></textarea>
  68.  
  69. </form>
  70.  
  71. <!-- // #main -->
  72. </div>
  73. <!-- // #main -->
  74. <div class="clear"></div>
  75.  
  76. </div>
  77. <!-- // #container -->
  78. </div>
  79. <!-- // #containerHolder -->
  80. </br></br>


Daje taki o to wynik ... dziwnie rozciąga mi się ten cały panel...



dla odmiany jak wrzucę :

  1. <textarea id="elm1" name="elm1"></textarea>


na sam koniec kodu panel już się nie rozciąga ale niestety nie jest tam gdzie trzeba ...



Proszę o jakąkolwiek pomoc ... radę smile.gif
Pliki CSS wyglądają następująco (wrzucam na wklejkę bo są większe i nie chce zaśmiecać tutaj tematu):

http://wklej.org/id/819617/
http://wklej.org/id/819619/
sylwekqaz
Cieżko powiedziec bez żywego przykładu, poszukaj firebugiem który styl za to odpowiada, albo wrzuc na http://jsfiddle.net/
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.