Создала форум, подогнала внешний вид по своему вкусу, в общем была довольна до вчерашнего дня, пока мне не понадобилось написать сообщение, в котором было "очень многа букаф"))
В общем при предпросмотре и отправке сообщение очень сильно растягивается:
Поиском выдал:
1) Растягивается когда стоит сайдбар.
Стоит, убирала - тоже самое, потому пока что вернула на место.
2) Растягивается, потому что что-то там с таблицей.
Убрала вообще - тоже самое.
Убирала и сайдбар, и таблицу, и фон - тоже самое.
В общем понимаю, что где-то мой косяк, но так как не особо разбираюсь, то не знаю где именно..Заранее спасибо за помощь.
Адрес форума
Сообщение растягивается
Сообщений 1 страница 5 из 5
Поделиться1Чт, 9 Июн 2011 13:52:35
Поделиться2Чт, 9 Июн 2011 19:22:35
HTML верх
<img src="http://forumupload.ru/uploads/000f/a8/73/39-1-f.jpg" style="position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100% ; margin: 0 0 0 0;"/> <!-- Конец --> <!-- Начало: замена иконок на свои --> <style type="text/css"> .punbb div.icon { float: left; display: block; border-style: none none none none; height: 50px; width: 50px; } .punbb td div.tclcon { margin-left: 50px; } Div.icon { background-image : url(http://forumupload.ru/uploads/000f/a8/73/8-1.png); background-repeat: no-repeat; } TR.inew Div.icon { background-image : url(http://forumupload.ru/uploads/000f/a8/73/8-3.png); background-repeat: no-repeat; } TR.isticky Div.icon { background-image : url(адрес иконки выделенной темы); background-repeat: no-repeat; } TR.iclosed Div.icon { background-image : url(http://forumupload.ru/uploads/000f/a8/73/8-2.png); background-repeat: no-repeat; } </style> <!-- Конец --> <!-- Начало: прозрачность переднего фона --> <style type="text/css"> #pun-title, #pun .tcl, #pun-title table, #pun-title h1, .punbb .main .container, .punbb td.tc3, .punbb .section .container, .punbb .section .formal .container, .punbb .formal fieldset, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .post-body, .post-box, .punbb .post-links, .punbb .info-box, .punbb #pun-main .info-box .legend, #pun-ulinks .container, .punbb .post .container, .punbb .post h3, .punbb .post h3 span, .punbb td.tc2, .punbb td.tcr, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select, .punbb input, .punbb th, #pun-stats div.statscon, #pun-crumbs2 .container, #pun-about .container, #pun-stats h2, .punbb .main h1, .punbb .main h2 { background: transparent none !important;} #pun { background: transparent url(http://forumupload.ru/uploads/000f/a8/73/8-5.png) repeat !important; } </style> <!-- Конец --> <!-- Начало: доп смайлы --> <style type="text/css"> #wrapper {width: 600px;} /* вкладки доп смайлов */ ul.tabs {height: 25px;line-height: 25px;margin: 0 0 3px;list-style: none;} ul.tabs li {float: left;margin-right: 1px; cursor:pointer;} ul.tabs li a {display: block;padding: 0 13px 1px;margin-bottom: -1px;color: #444;text-decoration: none;cursor: pointer;background: #F9F9F9;border: 1px solid #EFEFEF;border-bottom: 1px solid #F9F9F9;position: relative;} * html ul.tabs li a {float: left} *+html ul.tabs li a {float: left} ul.tabs li a:hover {color: #F70;padding: 0 13px;background: #FFFFDF;border: 1px solid #FFCA95;} ul.tabs li.tab-current a {color: #444;background: #EFEFEF;padding: 0px 13px 2px;border: 1px solid #DDD;border-bottom: 1px solid #EFEFEF;} div.t2,div.t3 {display: none;width: 450px;} </style> <!-- Конец --> <!-- Начало: выравнивание текста в категориях по центру --> <style type="text/css"> #pun-main h2 { text-align: center;} </style> <!-- Конец --> <!-- Начало: ширинf форума и фон --> <style type="text/css"> #pun { width: 700px !important; margin: auto; } html {background: transparent none !important; } </style>
Объявление
<!-- Начало: убирающет слово объявление --> <style> #pun-announcement h2 span{display:none;}</style> <!-- Конец --> <!-- Начало содержимого боковой панели --> </div></div></div><table width="100%" ><tr><td id="sidebar"> <center><img src="http://forumupload.ru/uploads/000f/a8/73/35-1.png" HEIGHT="40"></center><br> <div id="yoblako" align="center"><noindex> <a style="font-size:10pt;" href="http://forum.pwonline.ru/forumdisplay.php?f=103" rel="nofollow" class="eTag eTagGr8">Форум PW</a> <a style="font-size:10pt;" href="http://www.pwdatabase.com/ru/" rel="nofollow" class="eTag eTagGr8">База PW</a> <a style="font-size:10pt;" href="http://pwskillbase.ru/" rel="nofollow" class="eTag eTagGr8">База скиллов</a> <a style="font-size:10pt;" href="http://pwcalc.ru/" rel="nofollow" class="eTag eTagGr8">Калькулятор PW</a> <a style="font-size:10pt;" http://forum.pwonline.ru/showthread.php?t=16565" rel="nofollow" class="eTag eTagGr8">Каталог гайдов</a> </noindex></div><br> <center><img src="http://forumupload.ru/uploads/000f/a8/73/35-2.png" HEIGHT="40"></center><br> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="200" height="400" src="http://www3.cbox.ws/box/?boxid=3214753&boxtag=xb85pl&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#000000 1px solid;" id="cboxmain"></iframe></div> <div><iframe frameborder="0" width="200" height="82" src="http://www3.cbox.ws/box/?boxid=3214753&boxtag=xb85pl&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 1px solid;border-top:0px" id="cboxform"></iframe></div> </div> <!-- Конец -->
HTML низ
<!-- Начало: свои смайлы --> <script type="text/javascript"> var nabor2 = [ 'http://forumupload.ru/uploads/000f/a8/73/9-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/9-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/9-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/9-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/9-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/10-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/10-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/10-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/10-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/10-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/11-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/11-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/11-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/11-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/11-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/12-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/12-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/12-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/12-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/12-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/13-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/13-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/13-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/13-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/13-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/14-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/14-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/14-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/14-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/14-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/15-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/15-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/15-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/15-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/15-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/16-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/16-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/16-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/16-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/16-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/17-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/17-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/17-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/17-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/17-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/18-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/18-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/18-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/18-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/18-5.gif']; var nabor3 = [ 'http://forumupload.ru/uploads/000f/a8/73/19-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/19-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/19-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/19-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/19-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/20-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/20-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/20-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/20-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/20-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/21-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/21-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/21-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/21-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/21-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/22-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/22-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/22-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/22-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/22-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/23-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/23-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/23-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/23-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/23-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/24-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/24-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/24-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/24-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/24-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/25-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/25-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/25-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/25-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/25-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/26-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/26-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/26-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/26-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/26-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/27-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/27-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/27-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/27-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/27-5.gif', 'http://forumupload.ru/uploads/000f/a8/73/28-1.gif', 'http://forumupload.ru/uploads/000f/a8/73/28-2.gif', 'http://forumupload.ru/uploads/000f/a8/73/28-3.gif', 'http://forumupload.ru/uploads/000f/a8/73/28-4.gif', 'http://forumupload.ru/uploads/000f/a8/73/28-5.gif']; $(document).ready(function() { $('#smilies-block').addClass('t1'); $('#smilies-area').prepend('<div id="wrapper"><ul class="tabs tabs1" onclick="return changeVisibility (\'smilies-area\', false)"><li class="t1 tab-current"><a>Колобки</a></li><li class="t2"><a>Свинки</a></li><li class="t3"><a>Обезьянки</a></li></ul><div class="t2"></div><div class="t3"><br></div></div>'); $.each(nabor2, function(i) { $('div.t2').append('<img src="'+nabor2[i]+'" onclick=smile(\'[img]'+nabor2[i]+'[/img]\') />'); }); $.each(nabor3, function(i) { $('div.t3').append('<img src="'+nabor3[i]+'" onclick=smile(\'[img]'+nabor3[i]+'[/img]\') />'); }); $('ul.tabs.tabs1 li').click(function(){ var thisClass = this.className.slice(0,2); $('div.t1, div.t2, div.t3').hide(); $('div.' + thisClass).fadeToggle('slow'); $('ul.tabs.tabs1 li').removeClass('tab-current'); $(this).addClass('tab-current'); }); }); </script> <!-- Конец --> <!-- Начало: замена на картинки --> <script><!--Своя картинка или Слово в Панель навигации --> var Img_Word=0; //0-Картинка;1-Cлово /Ставим картинку или Слово ? navlinks=new Array( "navindex","http://forumupload.ru/uploads/000f/a8/73/33-1.png", // Форум "navuserlist","http://forumupload.ru/uploads/000f/a8/73/33-2.png",// Участники "navsearch","http://forumupload.ru/uploads/000f/a8/73/33-3.png", // Поиск "navprofile","http://forumupload.ru/uploads/000f/a8/73/33-4.png", // Профиль "navpm","http://forumupload.ru/uploads/000f/a8/73/33-5.png", // Сообщения "navadmin","http://forumupload.ru/uploads/000f/a8/73/34-1.png", // Администрирование "navregister","http://forumupload.ru/uploads/000f/a8/73/34-2.png",// Регистрация "navlogin","http://forumupload.ru/uploads/000f/a8/73/34-3.png", // Войти "navlogout","http://forumupload.ru/uploads/000f/a8/73/34-4.png" // Выход - !ПОСЛЕДНИЙ элемент без запятой ) var s,i;for (i=0; i < navlinks.length; i++){s=navlinks[i+1]; if(!Img_Word){s='<img class="navlinks" src="'+s+'" border="0" />'} $("#"+navlinks[i]+" a").html("<span>"+s+"</span>");i++;} </script> <!-- Конец --> <!-- Облако тегов --> <script type="text/javascript" src="http://0pk.ru/f/ru/0pk/swfobject.js"></script> <script type="text/javascript"> var flashvars = {}; flashvars.mode = 'tags'; flashvars.minFontSize = '20'; flashvars.maxFontSize = '28'; flashvars.tcolor = '0xe69a5e'; flashvars.tcolor2 = '0xe69a5e'; flashvars.hicolor = '0xe69a5e'; flashvars.distr = 'true'; flashvars.tspeed = '150'; eTagz = document.getElementById('yoblako').getElementsByTagName('A'); flashvars.tagcloud = '<tags>'; for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href') + '\' style=\'' + parseInt(eTagz[i].style.fontSize) + '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>'; delete eTagz; flashvars.tagcloud += '</tags>'; var params = {}; params.wmode = 'transparent'; params.bgcolor = '#e69a5e'; params.allowscriptaccess = 'always'; var attributes = {}; attributes.id = 'yoblako'; attributes.name = 'tagcloud'; swfobject.embedSWF('http://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '200', '200', '9.0.0', false, flashvars, params, attributes); </script> <!-- Конец облака тегов -->
Отредактировано Deff (Чт, 9 Июн 2011 19:23:38)
Поделиться3Чт, 9 Июн 2011 19:51:23
Deff, я так поняла, от сайдбара лучше отказаться, да? На всякий случай убрала все что с ним связано, поставила то что выше, только в
width: 700px !important;
margin: auto;
width: 1000px !important;
margin: auto;
а то форум оказался худоват) А на % менять можно или лучше в px указывать?
А в сообщениях сейчас вот так. При предспросмотре:
Уже, конечно, не так отъезжает и хоть в монитор влезает, но при отправке оно как бы обрезается вот так:
Т.е. оно уже не ползет никуда, но влазит не столько букв, сколько я написала, а сколько хватает по ширине сообщения..оО
Поделиться4Чт, 9 Июн 2011 20:29:14
Venefica Найдите мне реальное слово такой длинны и я вам помогу - (*Пробелы иногда надо изредко ставить!!! Перенос слов браузер делает по пробелам
Поделиться5Чт, 9 Июн 2011 20:36:32
Перенос слов браузер делает по пробелам
Извините, об этом не подумала. Сори, что вывела из себя, спасибо за помощь) Тему можно закрывать.