xunicornx
-
Posts
8 -
Joined
-
Last visited
xunicornx's Achievements
Explorer (1/14)
0
Reputation
-
Здрасте. У меня есть код цсс: body{ margin: 20px; } #logotext{ text-align: left; vertical-align: bottom; } #header{ background:#bdda7e; margin-bottom: 5px; width: 100%; height: 100px; border:1px solid #a4ce60; border-bottom:1.5px solid; } и код хтмл: ... <body> <div id="header"> <div id="logotext">PopStar</div> </div> <div id="leftcolumn"> ... скриншот. Вопрос: почему не происходить вертикальное позиционирование текста "PopStar"? В чем может быть проблема - не могу понять. Может кто разъяснить нюансы?
-
Спасибо. Все решилось правильной нарезкой рисунков
-
Здравствуйте всем. У меня вопрос по теме. Есть код, или вот страница : <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> tr td img { display: block; } </style> <title>Audi site</title> </head> <body> <table cellspacing="0" cellpadding="0"> <tbody> <tr> <td colspan="3"><img src="./images/audi_new_02.png"></td> <td style="float: right;"><img src="./images/audi_new_04.png"></td> </tr> <tr> <td><img src="./images/audi_new_06.png"></td> <td><img src="./images/audi_new_08.png"></td> <td><img src="./images/audi_new_10.png"></td> <td><img src="./images/audi_new_12.png"></td> </tr> <tr> <td><img src="./images/audi_new_17.png"></td> <td><img src="./images/audi_new_18.png"></td> <td colspan="2"> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td><img src="./images/audi_new_15.png"></td> <td><img src="./images/audi_new_16.png"></td> </tr> <tr> <td><img src="./images/audi_new_19.png"></td> <td><img src="./images/audi_new_20.png"></td> </tr> <tr> <td><img src="./images/audi_new_21.png"></td> <td><img src="./images/audi_new_22.png"></td> </tr> <tr> <td><img src="./images/audi_new_23.png"></td> <td><img src="./images/audi_new_24.png"></td> </tr> <tr> <td><img src="./images/audi_new_25.png"></td> <td><img src="./images/audi_new_26.png"></td> </tr> <tr> <td><img src="./images/audi_new_27.png"></td> <td><img src="./images/audi_new_28.png"></td> </tr> <tr> <td><img src="./images/audi_new_29.png"></td> <td><img src="./images/audi_new_30.png"></td> </tr> <tr> <td><img src="./images/audi_new_31.png"></td> <td><img src="./images/audi_new_32.png"></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </body> </html> Меня интересует линия в 1 пиксель, которая разделяет последние две строки страницы. Насколько я понимаю (эксперементально узнал), что эта линия изза этой части кода: <td colspan="2"> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td><img src="./images/audi_new_15.png"></td> <td><img src="./images/audi_new_16.png"></td> </tr> <tr> <td><img src="./images/audi_new_19.png"></td> <td><img src="./images/audi_new_20.png"></td> </tr> <tr> <td><img src="./images/audi_new_21.png"></td> <td><img src="./images/audi_new_22.png"></td> </tr> <tr> <td><img src="./images/audi_new_23.png"></td> <td><img src="./images/audi_new_24.png"></td> </tr> <tr> <td><img src="./images/audi_new_25.png"></td> <td><img src="./images/audi_new_26.png"></td> </tr> <tr> <td><img src="./images/audi_new_27.png"></td> <td><img src="./images/audi_new_28.png"></td> </tr> <tr> <td><img src="./images/audi_new_29.png"></td> <td><img src="./images/audi_new_30.png"></td> </tr> <tr> <td><img src="./images/audi_new_31.png"></td> <td><img src="./images/audi_new_32.png"></td> </tr> </tbody> </table> </td> без него никаких промежутков нету. Так вот вопрос: как убрать это промежуток в 1 пиксель без изменения структуры документа? Спасибо.
-
Спасибо за советы, помогло. Одна голова хорошо , а две - лучше
-
Поставил - ничего не изменилось. Но я пошел дальше. Если кому интересно - это движок джумлы и создается это меню с помощью произвольного хтмл кода. Так вот, в модуле произвольного хтмл кода я создал еще одну таблицу: <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td style="width: 20%;"><a href=""><img src="" /></a></td> <td style="width: 20%;"><a href=""><img src="" /></a></td> <td style="width: 20%;"><img src=""/></td> <td style="width: 20%;"><a href=""><img src="" /></a></td> <td style="width: 20%;"><a href=""><img src=""/></a></td> </tr> </tbody> </table> и этот код будет вставляться в ячейку таблицы. Но почему-то ячейки не хотят принимать 1/5 ширины таблицы и рассполагаться на всю ее ширину. В чем может быть проблема? Где ошибка?
-
Вот сайт который я делаю. Вверху каждое меню рисунок привязаный к определенной ссылке. И мне нужно, что б независимо от маштаба, который выберет пользователь рассположение кнопок было на всю ширину ячейки. Пробывал сделать отступом padding-left - вроде отступ сделался, но последняя кнопка почему-то перешла на новую строку и никак не хочет назад...
-
Пару вопросов: 1. Зачем тегу body значение margin и padding? 2. Если у меня список состоит из картинок тогда зачем мне значения float: margin-left:-1px;(?) text-align:center; ? Поправлюсь: у меня есть ячейка таблицы, и мне нужно что бы элементы (рисунки) расспределялись по ней равномерно не зависимо от маштаба, который выберет пользователь.
-
Здравствуйте. Столкнулся с одной проблемой и не знаю как ее решить. Есть файл с рисунками меню и мне нужно это меню сделать на сайте, но что бы расстояние между рисунками было резиновое - изменялось пропирционально рассширению браузера. Меню ввиде рисунков я сделал, но c резиновым расстоянием у меня возникли проблемы. Как задать чтоб расстояние между рисунками было не фиксированным (word-spacing:) - а динамическим, вымеряемое у процентах. ?