Версия для печати темы Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Помогите исправить

Автор: Nightwalker 6.7.2008, 12:41

Помогите пожалуйста подправить код страницы чтобы раздел отображался следующим образом.Или подскажите как бы вы оформили видео раздел. Вот кусок кода странички Код <table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td>     <table width="100%" border="0" cellspacing="0" cellpadding="4" class="bodyline"><tr><td>     <div id="titlebasic"><div><div>$arg[4]</div></div></div>     $arg[1] $arg[5]     <div class="morelink">         <table width="100%" border="0" cellspacing="0" cellpadding="0">         <tr><td width="75%" align="left">$arg[8] $arg[9] $arg[10] $arg[11]</td><td>$arg[12]</td><td align="right">$arg[13] $arg[14]</td></tr>         </table>     </div>     </td></tr></table> </td></tr></table> Также нужно сделать и здесь(это раздел который открывается при добавлении комментариев) Код <table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td>     <table width="100%" border="0" cellspacing="0" cellpadding="4" class="bodyline"><tr><td>     <div id="titlebasic"><div><div>$arg[4]</div></div></div>     <table border="0" width="100%" cellpadding="3" cellspacing="0">     <tr><td>$arg[8]</td><td>$arg[2]</td></tr>     <tr><td>$arg[15]</td><td>$arg[16]</td></tr>     <tr><td>$arg[9]</td><td>$arg[10]</td></tr>     <tr><td>$arg[19]</td><td>$arg[20]</td></tr>     </table><hr>     $arg[5]     <div class="morelink">         <table width="100%" border="0" cellspacing="0" cellpadding="0">         <tr><td width="33%">$arg[12]</td><td width="33%" align="center">$arg[17]</td><td width="33%" align="right">$arg[18] $arg[13] $arg[14]</td></tr>         </table>     </div>     </td></tr></table> </td></tr></table> Обозначение переменных $arg[4] заголовок $arg[1] Это поле куда вписывается ссылка для картинки $arg[5] Тоже но оно используется для болле подробного просмотра картинки $arg[8] выводит кто разместил $arg[9] выводит дату размещения $arg[10] Выводит сколько скачали $arg[11] Выводит колличество комментариев $arg[12] Выводит рейтинг $arg[13] выводит иконку для принта страницы(Можете разместить где-нибудь по желанию) $arg[14] выводит иконку для редактирвания данного файла(только для админа)(можете разместить по желанию) $arg[2] Выводит категорию(Не нужная переменная) $arg[15] Выводит размер файла $arg[16] Выводит версию файла(Не нужная переменная) $arg[19]Выводит емаил автора(Не нужная переменная) $arg[20]Выводит домашнюю страницу автора файла(Не нужная переменная) $arg[17]Выводит кнопку для загрузки файла $arg[18] выводит кнопочку для сообщения о нерабочей ссылки p.s На скрине указанно количество просмотров,у меня там будет показывать количество скачиваний

Автор: Nightwalker 7.7.2008, 01:36

Народ помогите пожалуйста сам никак не могу разобраться.

Автор: bars80080 7.7.2008, 09:44

Nightwalker, вопросу удивился, посмотрел в твою репу, всё понял, неужели так сложно написать что в таком духе:? Код <table><tr><td> <p>переменная - заголовок</p> <div> <img src="..." style="float: left;" /> <div> <p>Дата: ...</p> <p>Просмотров...</p> <p>Комментировать....</p> <p>голосов...</p> <p>Скачать...</p> </div> </div> </td></tr></table>

Автор: Nightwalker 7.7.2008, 10:55

Не так не покатит.Это просто кусок кода с текстом.Он без $arg работать не будет.

Автор: bars80080 7.7.2008, 11:17

а слабо вставить arg[] туда куда надо?

Автор: Nightwalker 8.7.2008, 00:48

Немного не так отображается. Вот как отображается у меня в оригинале Нужно сделать чтобы отображалось вот так Это всё выполняет вот этот код Код <table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td>     <table width="100%" border="0" cellspacing="0" cellpadding="4" class="bodyline"><tr><td>     <div id="titlebasic"><div><div>$arg[4]</div></div></div>     $arg[1] $arg[5]     <div class="morelink">         <table width="100%" border="0" cellspacing="0" cellpadding="0">         <tr><td width="75%" align="left">$arg[8] $arg[9] $arg[10] $arg[11]</td><td>$arg[12]</td><td align="right">$arg[13] $arg[14]</td></tr>         </table>     </div>     </td></tr></table> </td></tr></table> Скажите как так сделать?ЧТо в коде подправить нужно?

Автор: bars80080 8.7.2008, 09:37

вот смотри, у тебя (как я понял) $arg[1] - это что-то вроде <img src="..."> , тебе осталось изменить эту строчку на <img src="..." style="float: left;" />

Автор: Nightwalker 8.7.2008, 10:14

Картинка отображается нормально.Нужно сделать чтобы текст справа от картинки отображался.

Автор: bars80080 8.7.2008, 10:22

стало быть у тебя не отображается этот блок? Код     <div class="morelink">         <table width="100%" border="0" cellspacing="0" cellpadding="0">         <tr><td width="75%" align="left">$arg[8] $arg[9] $arg[10] $arg[11]</td><td>$arg[12]</td><td align="right">$arg[13] $arg[14]</td></tr>         </table>     </div>  ну, здесь надо проверить что в классе morelink. попробуй вставить между переменными какой-нибудь текст, появится или нет? ну и так далее

Автор: Nightwalker 8.7.2008, 15:00

Он отображается.Только снизу.А мне нужно чтобы он отображался сбоку картинки.

Автор: bars80080 8.7.2008, 15:27

а если отображается, но только снизу,  Цитата(bars80080 @  8.7.2008,  09:37 ) тебе осталось изменить <img src="..."> строчку на <img src="..." style="float: left;" />  Добавлено через 50 секунд Nightwalker, ты совершенно безнадёжен. неужели вообще в голове никаких мыслей?

Автор: Nightwalker 8.7.2008, 15:48

А можно полный код попросить?

Автор: bars80080 8.7.2008, 16:02

так куда полнее? в пределах того что ты дал - это максимум, что можно посоветовать

Автор: Nightwalker 9.7.2008, 01:03

Попытаюсь подробнее объяснить.Часть таблиц где зоголовок,и картинка генерирует вот этот код Код <table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td>     <table width="100%" border="0" cellspacing="0" cellpadding="4" class="bodyline"><tr><td>     <div id="titlebasic"><div><div>$arg[4]</div></div></div>     $arg[1] $arg[5] А часть где полоска с текстом генерирует вот этот код Код  <div class="morelink">         <table width="100%" border="0" cellspacing="0" cellpadding="0">         <tr><td width="75%" align="left">$arg[8] $arg[9] $arg[10] $arg[11]</td><td>$arg[12]</td><td align="right">$arg[13] $arg[14]</td></tr>         </table>     </div>     </td></tr></table> </td></tr></table> Вопрос!Как текст из этой полоски сделать так чтобы он отображался рядом с картинкой?Картинку я выделил рамкой на скрине,также я выделил текст и стрелками показал где он должен отображатся. Теекст в полоске снизу,картинка в таблице,и заголовок генерируется при помощи переменных $arg из админки.А здесь в этом коде она выставлена для вывода значений.

Автор: bars80080 9.7.2008, 09:12

попробуй просто: Код <table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td>     <table width="100%" border="0" cellspacing="0" cellpadding="4" class="bodyline"><tr><td>     <div id="titlebasic"><div><div>$arg[4]</div></div></div>     $arg[1] $arg[5] $arg[8] $arg[9] $arg[10] $arg[11] $arg[12] $arg[13] $arg[14]  </td></tr></table> </td></tr></table>  и посмотри что получится

Автор: Nightwalker 9.7.2008, 10:18

Работает.Только отображается всё в одну линию,какна полоске.Как сделать чтобы в столбик было?

Автор: bars80080 9.7.2008, 10:24

теперь можешь сделать так: Код <table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td>     <table width="100%" border="0" cellspacing="0" cellpadding="4" class="bodyline"><tr><td>     <div id="titlebasic"><div><div>$arg[4]</div></div></div>     $arg[1] $arg[5] $arg[8] <br /> $arg[9] <br /> $arg[10] <br /> $arg[11] <br /> $arg[12] <br /> $arg[13] <br /> $arg[14]  </td></tr></table> </td></tr></table> или так: Код <table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td>     <table width="100%" border="0" cellspacing="0" cellpadding="4" class="bodyline"><tr><td>     <div id="titlebasic"><div><div>$arg[4]</div></div></div>     $arg[1] $arg[5] <p>$arg[8]</p><p> $arg[9] </p><p>$arg[10] </p><p>$arg[11] </p><p>$arg[12] </p><p>$arg[13] </p><p>$arg[14]</p>  </td></tr></table> </td></tr></table>  интересно, они не свалятся ли обратно в низ?

Автор: Nightwalker 9.7.2008, 10:40

Вот что получилось Так отображается вот с этим кодом Код <table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td>     <table width="100%" border="0" cellspacing="0" cellpadding="4" class="bodyline"><tr><td>     <div id="titlebasic"><div><div>$arg[4]</div></div></div>     $arg[1] $arg[5] $arg[8] <br /> $arg[9] <br /> $arg[10] <br /> $arg[11] <br /> $arg[12] <br /> $arg[13] <br /> $arg[14]  </td></tr></table> </td></tr></table> Вот так отображается вот с этим кодом Код <table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td>     <table width="100%" border="0" cellspacing="0" cellpadding="4" class="bodyline"><tr><td>     <div id="titlebasic"><div><div>$arg[4]</div></div></div>     $arg[1] $arg[5] <p>$arg[8]</p><p> $arg[9] </p><p>$arg[10] </p><p>$arg[11] </p><p>$arg[12] </p><p>$arg[13] </p><p>$arg[14]</p>  </td></tr></table> </td></tr></table>

Автор: bars80080 9.7.2008, 10:52

во-о-от, а теперь возвращаемся к нашим баранам что у тебя в $arg[1]? я так понимаю, там не "Это поле куда вписывается ссылка для картинки" (image/pic1.jpg), а сам тэг картинки с сылкой, т.е. ( <img src="image/pic1.jpg" /> ) и пока ты в этот img не засунешь style="float: left", ничего не получится: Код <img src="image/pic1.jpg" style="float: left;" /> Добавлено через 44 секунды найди этот img, где в коде он у тебя попадается?

Автор: Nightwalker 9.7.2008, 11:19

Arg[1]  Это поле в админке для вставки текста ,ссылок,картинок и.т.д.как бы мини редактор(как на форуме)

Автор: bars80080 9.7.2008, 11:31

и ты не можешь отредактировать этот элемент? там же должна быть какая-то настройка можешь попробовать написать так: Код <style> table.bodyline img { float: left; } </style> <table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td>     <table width="100%" border="0" cellspacing="0" cellpadding="4" class="bodyline"><tr><td>     <div id="titlebasic"><div><div>$arg[4]</div></div></div>     $arg[1] $arg[5] <p>$arg[8]</p><p> $arg[9] </p><p>$arg[10] </p><p>$arg[11] </p><p>$arg[12] </p><p>$arg[13] </p><p>$arg[14]</p>  </td></tr></table> </td></tr></table>

Автор: Nightwalker 9.7.2008, 13:44

Всё работет но есть небольшие глюки.Иконка NEW заползла под картинку(смотри скрин указзано стрелкой) И текст как-то слишком близко к картинке отображается.Нету отступа.Тоже на скрине видно.Также большой зазор между картинкой и рейтингом.

Автор: bars80080 9.7.2008, 14:05

блин, у меня уже фантазия заканчивается попробуй сделать так: Код <style> table.nimg1 img { float: left; margin-right: 10px; } </style> <table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td>     <table width="100%" border="0" cellspacing="0" cellpadding="4" class="bodyline"><tr><td>     <div id="titlebasic"><div><div>$arg[4]</div></div></div>     <p class="nimg1">$arg[1]</p> $arg[5] <p>$arg[8]</p><p> $arg[9] </p><p>$arg[10] </p><p>$arg[11] </p><p>$arg[12] </p><p>$arg[13] </p><p>$arg[14]</p>  </td></tr></table> </td></tr></table> ну и на всякий случай вариант: Код <style> table.nimg1 img { float: left; margin-right: 10px; } div.clear { clear: both; } </style> <table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td>     <table width="100%" border="0" cellspacing="0" cellpadding="4" class="bodyline"><tr><td>     <div id="titlebasic"><div><div>$arg[4]</div></div></div>     <p class="nimg1">$arg[1]</p> $arg[5] <p>$arg[8]</p><p> $arg[9] </p><p>$arg[10] </p><p>$arg[11] </p><p>$arg[12] </p><p>$arg[13] </p><p>$arg[14]</p> <div class="clear"></div>  </td></tr></table> </td></tr></table> насчёт иконки new не знаю, я её в коде вообще не вижу

Автор: Nightwalker 9.7.2008, 14:51

Попробовал.В обеих случаях работает вот так Иконка встала на место.

Автор: bars80080 9.7.2008, 15:26

мож так Код <style> table.nimg1 { float: left; margin-right: 10px; } </style> <table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td>     <table width="100%" border="0" cellspacing="0" cellpadding="4" class="bodyline"><tr><td>     <div id="titlebasic"><div><div>$arg[4]</div></div></div>     <p class="nimg1">$arg[1]</p> $arg[5] <p>$arg[8]</p><p> $arg[9] </p><p>$arg[10] </p><p>$arg[11] </p><p>$arg[12] </p><p>$arg[13] </p><p>$arg[14]</p>  </td></tr></table> </td></tr></table> слушай, ты б поробовал сам покомбинировать

Автор: Nightwalker 9.7.2008, 16:21

Точно также отображается Цитата слушай, ты б поробовал сам покомбинировать Пробовал не выходит.Поэтому помощи прошу.

Автор: Nightwalker 9.7.2008, 22:58

Есть у кого-нибудь ещё идеи?

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)