Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> проблема с картинками 
:(
    Опции темы
nginx
Дата 21.9.2009, 13:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 81
Регистрация: 20.6.2009

Репутация: нет
Всего: -3



Добрый день,

Гуглил целое утро по CSS, но не смог решить проблему, помогите пожалуйста:

У меня есть в <td> </td> 2 картинки, которые в будущем должны работать, как кнопки.

Но проблема в том, что по умолчанию, если я их вставлю, есть пробел между ними.

Я думал проблема с отступом ( padding ), но пробывал, не получилось.

Вот сама проблема:

 user posted image

Код такой:

Код

        <td id="tab1">
        <img src="./btn1.jpg">
        <img src="./btn2.jpg">
        </td>


Мне нужно, чтобы между данными картинками не было ни каких пробелов.

Заранее спасибо, 
PM MAIL   Вверх
bars80080
Дата 21.9.2009, 15:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



надо взять себе за правило прописывать в начале всех стилей:

Код

* { margin: 0px; padding: 0px }
table { border: 0px; border-collapse: collapse; }


это приводит браузеры к единому начальному уровню

Это сообщение отредактировал(а) bars80080 - 21.9.2009, 15:31
PM MAIL WWW   Вверх
nginx
Дата 21.9.2009, 16:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 81
Регистрация: 20.6.2009

Репутация: нет
Всего: -3



Цитата

надо взять себе за правило прописывать в начале всех стилей:

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

нужно было сделать всего лишь так:
<%--Img тэги чтобы не было пробелов--%>  
<img src="./btn1.jpg"><img src="./btn2.jpg">

В принципе не только к Img

Это HTML.

Если у меня есть:

aaa
bbb
ccc

То html будет обработан так на странице:

aaa bbb ccc

Или так, что неправильно:

aaabbbccc

ЗЫ:
* { margin: 0px; padding: 0px }
Не помогают отступы и не в них была проблема, а что я их пытался юзать уже в 1-ом посте.
Бордер - и так поставил 0 , только не в style а в <table border="0"...
PM MAIL   Вверх
Pitbul
Дата 21.9.2009, 16:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Fruzenshtein
*


Профиль
Группа: Участник
Сообщений: 231
Регистрация: 30.4.2008
Где: Киев

Репутация: нет
Всего: нет



nginx
Пробелы между ячейками подавляются следущим образом:

<table border="0" cellpadding="0" cellspacing="0">

Или же как было указано в примере CSS на пару постов выше smile 
--------------------
### JAVA  ######  programming ###
PM MAIL WWW ICQ Skype   Вверх
nginx
Дата 21.9.2009, 17:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 81
Регистрация: 20.6.2009

Репутация: нет
Всего: -3



Pitbul, если вы не внимательно читаете, что я уже решил проблем, а не постом #2.
И разъяснил почему, и прежде, чем говорить сами попробуйте.

Уж верстку никогда не любил, славу Богу, что в RIA нет этой ерунды. Т.к. время уходит не на то, что нужно при верстке ( я в смысле, что она не сложная, но муторная, а в RIA такое понятие хорошо, что отсутствует и ты не паришься насчет верстки). 

Конечному юзеру все равно как ты описал свой сайт, лишь бы работал. А как ты извращался, не волнует никого. Включая так же ЯП, на Питоне или ПХП. Юзаешь ты для создания уже по сути удобные решения от .NET или Джава или с С++ извращаешься по полному.

В моем случае, нужно было на одну строчку указать все Img теги и все заработало, не верите, могу дать ссылку, и нет ни каких padding и margin


Это сообщение отредактировал(а) nginx - 21.9.2009, 17:10
PM MAIL   Вверх
brother79
Дата 21.9.2009, 17:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 471
Регистрация: 18.8.2009

Репутация: 1
Всего: 6



Просто между картинками действительно пробел, он его и показывает. Надо исключить пробелы между картинками. Я обычно пользуюсь фреймворком - там есть специальные теги для этого в шаблонах, но если брать обычный html - надо тупо написать <imp ... ><img ...> без пробелов и конца строки.


--------------------
PM MAIL WWW   Вверх
bars80080
Дата 21.9.2009, 17:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



Цитата(brother79 @  21.9.2009,  17:25 Найти цитируемый пост)
надо тупо написать <imp ... ><img ...> без пробелов и конца строки.

либо указывать их как блочные элементы:

Код

img { display: block; }

но это частная настройка, и её уже надо применять там где нужно

а вот 
Код

* { margin: 0px; padding: 0px }
table { border: 0px; border-collapse: collapse; }
надо взять за правило писать везде
PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.3555 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.