У меня есть блог, над которым я работал: calacino.tumblr.com. В левом верхнем углу я написал код для bubbletab, который открывается и имеет некоторую информацию. На этой вкладке с пузырьками я добавил сценарии, которые обновляются автоматически. Существует один сценарий "даты" и один сценарий "просмотр веб-страниц". Я хотел изменить цвет скрипта.
Вот код для сценария даты: [Сценарий просмотра веб-страниц почти такой же]
' Дата:
<style type="text/css">
div#scripteddate a
{
color: #08B9FF;
display: inline;
}
</style>
<div id="scripteddate">
<script src="http://freehostedscripts.net/date2.php"></script>
</div>
' Раздел в верхней части устанавливает дату:' до цвета черный:
<span style="color: #000">date: </span>
Где в качестве раздела внизу, задает сценарий, который дает номер синему цвету.
<style type="text/css"> div#scripteddate a { color: #08B9FF; display: inline; } </style> <div id="scripteddate"> <script src="http://freehostedscripts.net/date2.php"></script> </div>
<style type="text/css"> div#scripteddate a { color: #08B9FF; display: inline; } </style> <div id="scripteddate"> <script src="http://freehostedscripts.net/date2.php"></script> </div>
Однако я столкнулся с проблемой, что это код вызывает разрыв строки между словом "дата" и самим скриптом:
http://i.imgur.com/vDirmRG.png
Я пытаюсь найти способ избавиться от перерыва между "датой" и сценарием и "хитами" и его порядковым номером.
Вы должны использовать display: inline
в вашем DIV не в вашем a
элемента:
div#scripteddate {
display: inline;
}
Поскольку элемент div
является блочным, так что он нормальный, что он выполняет разрывы строк.