Вопросы: HTML (продолжение)

Форум » Помощь по коду » Вопросы: HTML (продолжение) » Ответить

Вопросы: HTML (продолжение)

Blazing Wizard: Эта тема предназначена для вопросов, связанных с хтмл на вашем форуме, то есть со всем, что не связано с Фотошопом: таблицы, установка фона, изменение шрифтов, полосы прокрутки и т.д. Перед написание вопроса убедитесь, что ответа нет в помощи начинающему дизайнеру borda.ru Убедительная просьба, формулируя вопрос, делайте это как можно точнее. Не используйте термины, которые вы плохо знаете, что означают. Объясняйте простым русским языком. Опишите подробно, что вы хотите получить в результате, и где именно у вас возникла проблема. Если пробуете сделать на каком-то форуме, то было бы неплохо дать на него ссылку. Это сделает разговор более предметным и вам не придется самому копировать большие куски кода сюда. К тому же помочь проще, видя все поля кода. Для того, чтобы помогли вам качественее и быстрее, неплохо упомянуть свой уровень владения хтмл, желательно не использовать понятие "средне" - оно очень растяжимое. Кроме хтмл, можно упомянуть о CCS и JavaScript, если вопрос связан с ними. При помощи объяснять вам будут, ориентируясь на указанный вами уровень.

Ответов - 61, стр: 1 2 All

Zenitchik: Сайфер tr.font5 {HEIGHT: 30px;BACKGROUND-IMAGE: url(http://jpe.ru/gif/skin/fon41.gif);FONT-WEIGHT:700;} Сами догадаетесь? tr.font6 {HEIGHT: 28px;BACKGROUND-IMAGE: url(http://jpe.ru/gif/skin/fon31.gif);} Это так задумано, или ещё один артефакт? input {FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 15pt} хде селектор?!!{SPACING: 1px} Будь я браузером - я бы злобно ругался и выдавал "Page Invalid!" Вердикт: Вам, батенька, нужно изучать css.

Little Evil : Zenitchik но до этого же вроде он сказал так не было и настройки не менялись тогда почему так все полетело?

Zenitchik: Это не ко мне вопрос. Стоит голубая картинка на бакграунд некоторых ТР-ов. Вот она и рисуется. ИМХО, это артефакт дефолтных настроек. Я ещё не выяснял, почему в Опере таблица непомерно растягивается. Честно говоря, с употребление тега font уже само по себе наводит на мысль, что в коде не мало блох.

Сайфер: Zenitchik Эм... согласен, дурак, каюсь.... Однако, сравнивая с бэкапной копией кода в блокноте могу сказать, что этих строк изначально небыло вообще.... Так или иначе, спасибо. Пойду перечитаю учебник по CSS.

LucMal: Доброго времени суток! Кто-нибудь может помочь мне сделать дизайн для сайтов Юкоза?)) Очень вас прошу) Уже несколько месяцев не могу найти дизайнеров... Тема сайта: Гарри Поттер. Заранее спасибо тем, кто откликнется))

Zenitchik: LucMal Здесь нет специалистов по юкозу... Поищите на этом http://generationx.forum24.ru/ форуме.

LucMal: Zenitchik, спасибо большое)

MiriyaLis: Здравствуйте, надеюсь, я туда пишу) Скажите, как сделать прозрачной всю таблицу форума, чтобы это подходило под все браузеры. Нашла это: .myClass { background-color:#000; -moz-opacity:.82; /* Firefox */ opacity:.82; /* Opera */ filter:alpha(opacity=82); /* IE */ } Но я не поняла куда именно это ставить. Заранее спасибо.

MiriyaLis: извиняюсь, уже разобралась) вопрос снимается)

гном: Здравствуйте! Подскажите, что надо написать здесь (последняя часть html-верха)- <BODY bgColor=#000000> <table align="center" width="1024" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="375" background="_____"> </td> </tr> </table> <TABLE align="center" cellSpacing=0 cellPadding=15 width=1024 border=0> <TR ><TD valign=top background="____"> Чтобы ширина самого форума была уже "подложки", которая задана фоновой картинкой?

Zenitchik: <BODY bgColor=#000000> <table align="center" width="1024" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="375" background="_____"> </td> </tr> </table> <TABLE align="center" cellSpacing="0" cellPadding="15" width="1024" border="0"> <TR ><TD valign=top background="____"> Зелёным выделил ширину таблицы. Попробуйте её уменьшить. А лучше - дайте ссылку на сам форум, гляну код, может что конкретнее придумаю.

Katrina_SSH: Добрый день! Возникли проблемы с кодом http://coldesert.forum24.ru/ на тестовом форуме все нормально, а после того как перенесли на основной табличка внизу съезжает и края не сходятся. Были бы очень признательны, если бы Вы помогли!!

Zenitchik: Завтра гляну.

Katrina_SSH: Zenitchik спасибо, будем ждать)

Zenitchik: На вскидку не понятно. Завтра поставлю себе на тестовый форум и погоняю.

Katrina_SSH: Zenitchik возможно, проблема не в коде даже.. когда появился сдвиг этот, я ради интереса взяла несколько подобных структур с других форумов и сайтов и тупо подставила туда нашу графику, все равно съезжает, а у них ( с их графикой) нет. У нас с недавних пор колонка с личным званием растянулась..может причина в этом? потому что низ, он в некоторых темах съезжает..в некоторых нет. Буду очень признательна за помощь!!

Zenitchik: Во, блин! Значит так, код у Вас... не сказать, что замусоренный - видали хуже, но мусор всё же попадается. HTML новости: <center><table width=760><tr><td valign="top" width="380"><div class="sidebar"><div class="titlemedium">Заметки от Администрации</div><br><span class="desc">Приветствуем Вас на ролевой “Cold Desert.” Здесь Вас ждет авторский сюжет, основанный на законах сумеречной саги С. Майер. А это значит, что события в игре происходят далеко за пределами каноничной линии. Поэтому особую ценность представляют неканонические персонажи, и только они. Желаем Вам приятного времяпрепровождения у нас и не иссякающего вдохновения!<br><br><br><center><b>Акции:</b><br><a href="http://coldesert.forum24.ru/?1-12-0-00000009-000-0-0-1294938733">Their name is Legion</a><br><a href="http://coldesert.forum24.ru/?1-12-0-00000007-000-0-0-1294938635">From Volterra with love</a><br><a href="http://coldesert.forum24.ru/?1-12-0-00000008-000-0-0-1294938687">One, Two…Kick-Ass coming for you!</a><br></center></span></div></font></td> <td valign="top" width="380"><div class="sidebar"><div class="titlemedium">Новости</div><br><span class="desc"><center style="line-height:0;"><embed src="http://www.singingbox.com/singingbox.swf?user25=a2,f0cmlu,y,v9zc2g=" quality="high" width="194" height="19" name="sbox" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></center>Родные, у нас к вам небольшое объявление. Мы посовещались и решили, что, в общем-то, бессмысленно вас загульных наказывать сразу удалением, поэтому теперь, если на вашей совести есть неактивный персонаж (под неактивным мы понимаем того, от которого нет постов месяц), мы переносим его анкету в архив и снимаем с занятых внешности, вакансий и имени. Вы можете его вернуть, достаточно попросить и начать активно играть. Однако, если этого не произойдет, персонаж будет удален по прошествии еще месяца. Напоминаем, что low– это low и оно не освобождает вас от написания постов, это значит, что вы просто неактивно играете или принимаете участие в жизни форума. </span></div></font></td></tr></table></center> Это лишнее. Похоже, артефакт древней правки. Низ: </TD><td width="100"></td></TR> </TD></TR></TABLE> <TABLE border="0" cellspacing="0" cellpadding="0" align=center width=860px height=212px background="http://funkyimg.com/u2/245/996/1.jpg"> <TR><TD width=860px> <div style="width:860px; height:212px; position:relative; top:57px; left:0px;"> <center> <img src="http://funkyimg.com/u2/862/342/probel.gif"> <a href="http://apocalypses.forum24.ru/" onMouseOver="imgOn('img1')"; onMouseOut="imgOff('img1')"><img src="http://funkyimg.com/u2/657/782/pp.png" width="150" height="81" border="0" name=img1></a> <img src="http://funkyimg.com/u2/862/342/probel.gif"> <a href="http://mystic.forum24.ru/" onMouseOver="imgOn('img2')"; onMouseOut="imgOff('img2')"><img src="http://funkyimg.com/u2/950/051/mv.png" width="150" height="81" border="0" name=img2></a> <img src="http://funkyimg.com/u2/862/342/probel.gif"> <a href="http://limitless.unoforum.ru/" onMouseOver="imgOn('img3')"; onMouseOut="imgOff('img3')"><img src="http://funkyimg.com/u2/799/197/l.png" width="150" height="81" border="0" name=img3></a> <img src="http://funkyimg.com/u2/862/342/probel.gif"> <a href="http://muse.hutt.ru/" onMouseOver="imgOn('img4')"; onMouseOut="imgOff('img4')"><img src="http://funkyimg.com/u2/208/836/mu.png" width="150" height="81" border="0" name=img4></a> </center> </div> <script language="JavaScript"> if (document.images) { img1on = new Image(); img1on.src = "http://funkyimg.com/u2/102/499/pp2.png"; img1off = new Image(); img1off.src = "http://funkyimg.com/u2/657/782/pp.png"; img2on = new Image(); img2on.src = "http://funkyimg.com/u2/808/167/mv2.png"; img2off = new Image(); img2off.src = "http://funkyimg.com/u2/950/051/mv.png"; img3on = new Image(); img3on.src = "http://funkyimg.com/u2/353/525/l2.png"; img3off = new Image(); img3off.src = "http://funkyimg.com/u2/799/197/l.png"; img4on = new Image(); img4on.src = "http://funkyimg.com/u2/290/989/mu2.png"; img4off = new Image(); img4off.src = "http://funkyimg.com/u2/208/836/mu.png"; } function imgOn(imgName) { if (document.images) { document[imgName].src = eval(imgName + "on.src"); }}//osw function imgOff(imgName) { if (document.images) { document[imgName].src = eval(imgName + "off.src"); }} </script> </TD></TR></TABLE>  <script language="JavaScript" src="http://katalogue.org/forum/script_medals/medals2_replace.js" type="text/javascript"></script>  <script language="JavaScript" src="http://katalogue.org/forum/script_medals/medals2_panel.js" type="text/javascript"></script> </TD></TR></TABLE> <center><br><b>Рейтинги</b>:<br> <a href="http://top.roleplay.ru/8308" target="top_"> <img src="http://img.rpgtop.su/top8015_10.gif" alt="Рейтинг Ролевых Ресурсов" border="0" width="80" height="15"></a><a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=9244' target='_blank'> <script type="text/javascript"> Md=document;Mnv=navigator; Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&"; Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=9244&today_hosts=1&total_hosts=1&cid=1_3.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script> <noscript><img src="http://palantir.in/count.php?id=9244&today_hosts=1&total_hosts=1&cid=1_3.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript> </a> <a href="http://forroll.forum24.ru/" target="_blank"><img src="http://i35.tinypic.com/2u4lzsj.jpg" height="31" witdh="88" border="0" alt="Рекламные объявления форумных литературных ролевых игр"></a> <a href="http://ra-reklama.ru/" target="_blank"><img src="http://i54.tinypic.com/hvbd08.png" title="Раскрути свой сайт" border="0" width="88" height="31"></a></p></center></BODY></HTML> Это - явно лишнее. Теперь по существу вопроса: Посмотрите внимательно на эту картинку: http://funkyimg.com/u2/332/173/x2.jpg Вот вы кладёте её на фон таблицы. А постоянна ли высота у главной таблицы форума? Нет, и в её высоту может войти не только целое, но и дробное число высот этой картинки. Теперь представим себе такую ситуацию. Высота таблицы действительно не делится нацело на высоту картинки. Значит низу таблицы будет соответствовать не низ картинки, а какая-то случайная её горизонталь. Теперь смотрим на эту картинку: http://funkyimg.com/u2/245/996/1.jpg В общем, картинка как картинка, но первая картинка (которая на фоне главной таблицы) не во всех случаях с ней совместима. И не будет совместима, потому что изображённый не ней объект имеет переменную ширину.

Katrina_SSH: Zenitchik о!! спасибо большое) я всегда думала, что картинка, которая в фоне таблице не дробится, а ложится целым числом по длине форума. Теперь буду знать! И за другие исправления спасибо, недоглядела!!

Ст: Доброго времени суток. Подскажите, пожалуйста, как разобраться. Дано: фон форума, справа и слева от форумной таблицы должны располагаться определенные рисунки. Но - незадача - размеры мониторов у всех разные, и то, что у дизайнера на ноутбуке выглядело идеально, на большом мониторе "замостилось", картинка стала дублироваться. Как можно оформить верстку, чтобы фон был по отношению к форумным таблицам стабильным и не дублировался при изменении размера монитора, а "подстраивался" под него? В FAQ посмотрела, но, кажется, там не совсем то. Или background-position - это как раз нужное? Спасибо)

Dark Song: background-repeat: no-repeat; background-position: top center; Должно сработать. Хотя как у вас картинки: вместе (обоина) или отдельно грузятся?

Ст: Dark Song Да, вместе. Одна картинка.

полная версия страницы