Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Программирование

Важная информация
Программирование - PHP, MySQL, JavaScript, CSS, HTML верстка и т.д.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 13.02.2011, 05:42   #1
 
Аватар для 4Fun.Fantasy
 
Сообщений: 1,417
FR (активность): 185,275

Доп. информация
По умолчанию Автор темы центрирование генерируемого элемента, во)

Приветствую, господа.

Есть такой вот у меня косяк, с которым ни как справиться не могу (и что более поражает, не могу найти информацию об этом по всему рунету). Есть скрипт, который выводит счётчик трафика алексы:
Код:
<script src="http://xslt.alexa.com/site_stats/js/t/a?url=домен.ру" type="text/javascript"></script>
Есть страница на div, в которой идёт список:
  • <li>тра-та-та</li>
  • <li>тра-та-та</li>
  • <li>счётчик трафика алексы</li>
  • <li>тра-та-та</li>
  • <li>...</li>
Так вот когда этот скрипт пихаю после текста про алексу получается косяк такого вида:
  • <li>тра-та-та</li>
  • <li>тра-та-та</li>

  • <li>счётчик трафика алексы [плюха пикселей на 60 вверх]</li>
  • <li>тра-та-та</li>
  • <li>...</li>
вопрос в чём - как не прибегая к табличной вёрстке сделать нечто вроде [HTML]style="vertical-align: middle;" [/HTML] но для скрипта (генерируемого контента)?

заранее спасибо.


Реклама 90-х годов: ТОП-8 первых удачных креативов, переживших свое время.
4Fun.Fantasy вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 13.02.2011, 11:32   #2
 
Аватар для Apach47
 
Сообщений: 36
FR (активность): 530

Доп. информация
По умолчанию Re: центрирование генерируемого элемента, во)

Закрой счетчик алексы в див, задай жестко ширину с высотой и далее играй с параметрами margin и padding у этого дива.
Apach47 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 13.02.2011, 12:02   #3
 
Аватар для bespredel__
 
Сообщений: 323
FR (активность): 8,989

Доп. информация
По умолчанию Re: центрирование генерируемого элемента, во)

Цитата:
Сообщение от 4Fun.Fantasy Посмотреть сообщение
как не прибегая к табличной вёрстке сделать нечто вроде
Код HTML:

style="vertical-align: middle;"

Для этого достаточно задать высоту строки равной высоте блока. Например:

[html]<div style="height: 100px; line-height: 100px;">
Код счетчика.
</div>[/html]
bespredel__ вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 13.02.2011, 18:39   #4
 
Аватар для Byblik
 
Сообщений: 449
FR (активность): 8,907

Доп. информация
По умолчанию Re: центрирование генерируемого элемента, во)

Еслибы было так просто 4Fun.Fantasy, наверное, не спрашивал бы нас.
Как я понял список генерируется, и вопрос в том, как к одному из генерируемых элементу применить отличный от других стиль.
Byblik вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
4Fun.Fantasy (14.02.2011)
Старый 14.02.2011, 02:56   #5
 
Аватар для 4Fun.Fantasy
 
Сообщений: 1,417
FR (активность): 185,275

Доп. информация
По умолчанию Автор темы Re: центрирование генерируемого элемента, во)

Цитата:
Сообщение от bespredel__ Посмотреть сообщение
Для этого достаточно задать высоту строки равной высоте блока. Например:

Код HTML:

<div style="height: 100px; line-height: 100px;">
Код счетчика.
</div>
Вот что получается:

А вот что хочется:

То есть если задавать div, то идёт перенос на следующую строчку, что не требуется в моём случае.
Миниатюры
центрирование генерируемого элемента, во)-112.jpg   центрирование генерируемого элемента, во)-221.jpg  


Реклама 90-х годов: ТОП-8 первых удачных креативов, переживших свое время.
4Fun.Fantasy вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 14.02.2011, 10:34   #6
 
Аватар для bespredel__
 
Сообщений: 323
FR (активность): 8,989

Доп. информация
По умолчанию Re: центрирование генерируемого элемента, во)

Цитата:
Сообщение от 4Fun.Fantasy Посмотреть сообщение
А вот что хочется:
Ну тогда:


<li>счётчик трафика алексы:<script... img align="ABSMIDDLE" ... src="..." >[/B]</li>

у меня получилось
bespredel__ вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 15.02.2011, 05:00   #7
 
Аватар для 4Fun.Fantasy
 
Сообщений: 1,417
FR (активность): 185,275

Доп. информация
По умолчанию Автор темы Re: центрирование генерируемого элемента, во)

Цитата:
Сообщение от bespredel__ Посмотреть сообщение
<li>счётчик трафика алексы:<script... img align="ABSMIDDLE" ... src="..." >[/B]</li>
Эмм, ты уверен что такой синтаксис вообще существует? Так 100% не будет достигнут нужный эффект, но пойду проверю...

Добавлено через 1 минуту
Проверил. Либо не существует, либо написано не верно, проблема остаётся.


Реклама 90-х годов: ТОП-8 первых удачных креативов, переживших свое время.
4Fun.Fantasy вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 15.02.2011, 10:24   #8
 
Аватар для bespredel__
 
Сообщений: 323
FR (активность): 8,989

Доп. информация
По умолчанию Re: центрирование генерируемого элемента, во)

Цитата:
Сообщение от 4Fun.Fantasy Посмотреть сообщение
Эмм, ты уверен что такой синтаксис вообще существует? Так 100% не будет достигнут нужный эффект, но пойду проверю...

Добавлено через 1 минуту
Проверил. Либо не существует, либо написано не верно, проблема остаётся.
А, только щас обратил внимание, что в скрипте нет картинки. Сорри.

Привожу готовый код того, как я решил эту проблему. Код готов к употреблению (т.е. скопировал, вставил, проверил на работоспособность).
[html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http: //www, w3.org/TR/html4 /strict. dtd">
<html><head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>.....</title>

<meta name="Description" content=".....">

<meta name="Keywords" content="..........">



<style type="text/css">

<!--


a{
color:white;
text-decoration:none;
position: relative; /* Относительное позиционирование */
top: 23px; /* Сдвиг сверху */
}

a:hover{
color:grey;
text-decoration:underline; line-height: 1px; }

li{
font: bold 10px 'Arial'; color:black;
line-height: 15px; text-indent: 20px; }


-->

</style>

</head>



<body topmargin="0" bgcolor="#ffffff" marginheight="0" marginwidth="0">


<br><br><br>



<li>тра-та-та</li>
<li>тра-та-та</li>
<li>счётчик трафика алексы: <A href="http://www.alexa.com/siteinfo/lol.ru"><SCRIPT type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/s/a?url=lol.ru'></SCRIPT></A></li>
<br><br>
<li>тра-та-та</li>
<li>...</li>



</body></html>[/html]
bespredel__ вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 15.02.2011, 12:34   #9
 
Аватар для ZI DAN
 
Сообщений: 74
FR (активность): 1,838

Доп. информация
По умолчанию Re: центрирование генерируемого элемента, во)

Цитата:
То есть если задавать div, то идёт перенос на следующую строчку, что не требуется в моём случае.
А если для этого дива display: inline указать? Див по умолчанию отображается, как блочный элемент (display: block). Для блочного элемента такое поведения корректно. Соответственно при визуализации inline браузер не будет делать перенос на следующую строку пока элемент вмещается по ширине.

А с выравниванием по вертикали в любом случае придётся в CSS изворачиваться (как в предыдущем коде). Проще и надёжнее действительно сделать таблицу вместо списка.

P.S. Не понимаю верстальщиков, которые принципиально не используют таблицы. Если таблицей некоторые вещи делать гораздо проще, зачем насиловать другие элементы? Пара лишних байт никого не убьёт .
ZI DAN вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 15.02.2011, 20:26   #10
 
Аватар для 4Fun.Fantasy
 
Сообщений: 1,417
FR (активность): 185,275

Доп. информация
По умолчанию Автор темы Re: центрирование генерируемого элемента, во)

Цитата:
Сообщение от bespredel__ Посмотреть сообщение
Привожу готовый код того, как я решил эту проблему. Код готов к употреблению (т.е. скопировал, вставил, проверил на работоспособность).
увы, таким образом счётчик просто наезжает на текст, который заключён в <li></li> следующий по списку.
Вобщем пока так и не смогу найти как побороть косяк, пришлось использовать кусок парсера:
[php]<li>Уровень трафика согласно Alexa.com: <a href="http://www.alexa.com/siteinfo/wowlol.ru"><? $url = "wowlol.ru";
$file = file_get_contents('http://data.alexa.com/data?cli=10&dat=snbamz&url='.$url);
preg_match('/\<popularity url\="(.*?)" TEXT\="([0-9]+)"\/\>/si', $file, $alexa);
echo ''.$alexa[2];
?></a></li>[/php]
пока что буду юзать этот способ, хотя и не хочется... у кого есть другие методы решения проблемы - пишите, буду признателен.


Реклама 90-х годов: ТОП-8 первых удачных креативов, переживших свое время.
4Fun.Fantasy вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Метки
прошу помощи, разметка

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 4108 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Текущее время: 14:53. Часовой пояс GMT +3.