Люди, у меня не получается сделать правильно, если вам покажется странным, что я так мудрю стаблицами - не угарайте, просто я уже пробую все подряд. Вот как мой код выглядит сейчас:  У меня есть картинка-фон, размеры которой хоть 1 пиксель. Я делаю на сайте систему рейтинга, и мне нужно, чтобы сверху картинки был текст (сам рейтинг), а снизу эта картинка принимала такие размеры, которые я задам сама. Предлагайте также код, а желательно с комментариями, а то в таблицах я только начинаю что-то понимать.
Еще я пробовала задать фон не картинкой, но в Google chrome рейтинг отображается неправильно, фона нет, может насчет этого решение знаете?

Это сообщение отредактировал(а) len4ixa - 23.8.2009, 14:13

а не много ли желаний на один волосок?


в коде бардак. советую тщательней прочитать статьи по таблицам, неприемлемо разрывать разметку таблицы другими тэгами. между <table>, <tr> и <td> нельзя располагать другие тэги, за исключением <th>, <caption>, <cols /> и прочих табличных 

Ну а насчет кода, все же? Просто я как это понимаю: все содержимое помещается в ячейку таблицы, после идет текст, на заднем фоне которого стоит картинка. И меня не столько путает структура таблицы, сколько то, как текст оставить на середине ячейки, а картинке присваивать некоторую длину относительно всей длины ячейки.

не рви нам моск, хоть в пэинте нарисуй то, что хочешь увидеть = )

Через пейнт прийдется делать 100 картинок, потом у каждой менять цвет (новая ступень), и так хоть до скольки (там максимальное число рейта пока 600). Но 100 - это минимум, т к значения могуть быть и дробными, а разница будет заметна. Короче, когда число "20", картинка будет растягиваться на 20% от полной ширины, когда 100%, то будет на всю ширьи тп - вообще вот так надо сделать. 

Это сообщение отредактировал(а) len4ixa - 23.8.2009, 16:15

ерунда, схематично пять минут рисовать

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

в-третьих, зачем вы показываете пхп-код, если вопрос по вёрстке? снимите код с страницы браузера (правая кнопка мышки - показать исходный код)


ну и до сих пор не понятно про что речь

Сейчас код такой:
Лучше объясню на фото. На само число на полосочках внимания не обращать, главное - какое постоянное место оно должно занимать. 
Насчет "нарисовать в паинте" я уже ответила, меня не устроит приблизительное совпадение расположения полоски и процентов.
Насчет ошибки посмотрю, я не знаю пока, где. Но, насколько я понимаю, у меня код даже с этим все-равно не дописан. href и div в опере, ie и chrome ошибок не дают. href можно вынести перед таблицей, а div он вообще стоит для эксперимента. А еще ошибки остались?

Это сообщение отредактировал(а) len4ixa - 23.8.2009, 19:39

Присоединённый файл ( Кол-во скачиваний: 20 )
 ____.jpg 4,70 Kb

я ж написал русским языком, между <tr> и <td> ничего быть не должно. ссылку надо либо вынесли за пределы таблицы: 

<a><table> ... </table></a>

либо положить внутрь ячейки

<td><a> .. </a></td>

при чём первый вариант чреват конфликтом, так как происходит заворачивание табличного элемента и вложенного блочного внутрь строкового

пока вы этот момент не исправите, говорить о том что у вас что-то не получается - бессмысленно. без исправления вы не добьётесь корректной работы кроссбраузерности. а исправив, всё может поменяться

<style type="text/css">
#top {width:100px; height:15px; background:url(kartinko.jpg) repeat-x; margin:0 0 15px 0;}
#middle {width:80px; height:15px; background:url(kartinko.jpg) repeat-x; margin:0 0 15px 0;}
#bottom {width:50px; height:15px; background:url(kartinko.jpg) repeat-x; margin:0 0 15px 0;}
</style>

<div id="top"></div>
<div id="middle"></div>
<div id="bottom"></div>


Смотрел только картинку, в код не втыкал, травы нет. Если я понял это то, что вам нужно. width - рендомое число (допустим 1%=2px). Картинка должна быть шириной 1 пиксель, высотой 15.

Это сообщение отредактировал(а) Ctulhy - 23.8.2009, 23:13

Пробовала так в 

В php и tpl - файлах выдает ошибку 500, ща почитаю, а при добавлении в css  и добавлении текста в tpl ничего не происходит (в tpl оформление) (id top добавляла), появляется только текст. Может я че напутала в коде? Margine меняла, думала может переместится, но не переместился даже.

Добавлено через 2 минуты и 8 секунд
Картинка должна быть шириной 1 пиксель, высотой 15.
А это зачем? У меня пошире, из-за этого же проблем не может возникнуть?

А могли возникнуть проблемы из-за оформления в оформлении? У меня там идет правая колонка, у нее есть свой id, и вотв этой правой колонке я пытаюсь написать.

ну за тебя делать твою работы тут ни кто не будет, тут могут толкльо направить на правильный путь



ну так height больше делай

Если id не совпадает - все ок.
Вообщем читай ссправочники, статьи, книги. ТЕбе ранорвато делать веб-странички)

Ща врубилась, что предлагают. Вопрос еще актуален, но нужно немного не то, что вы посоветовали. Нужно сделать полоску, как в контактеру, с репутацией. Например, у меня на сайте 50 единиц репутации. Нужно сделать такую ячейку ~ width200px*height16px, чтобы эти 50 единиц репутации стояли точно посередине нее, а на заднем фоне относительно общей длины ячейки 50 ее процентов занимал один цвет, например, светло-голубой, а остальное - другой, например, белый. 

Это сообщение отредактировал(а) len4ixa - 4.11.2009, 19:27

Вроде оно:



Див с классом rating вставляете в нужную вам ячейку. Если нужна ссылка, текст с процентами  обрамляете как вам угодно. <a href="bla-bla-bla">70%</a>
А сопсна по самой теме топика, то если вам нужны определенные  фоновые изображения:
.rating { background: url("image1.gif") repeat-x; }
.current-rating { background: url("image2.gif") repeat-x; }

Это сообщение отредактировал(а) mcTep - 7.11.2009, 00:26