2011-02-04 2 views
0

Я новичок в мире html/css и изучаю, когда я иду, проектируя простой веб-сайт для своего бизнеса (без Flash, нет электронной коммерции, просто информация - ПРОСТО!). Это может быть довольно простой вопрос - я скорее надеюсь, что это так, но я не могу найти его в любом количестве форумов. Фактически, большинство людей, которые спрашивают, пытаются сделать обратное.Устранение горизонтального пробела между элементами

Я задаю XHTML для страницы и использую таблицу HTML (знаю, я знаю, но я все еще пытаюсь раздобыть CSS-divs, и я ожидаю, что проблема может не исчезнуть, в любом случае). У меня есть один ряд со светло-серым фоном. Во втором ряду первая ячейка имеет оранжевый фон. Между ними два пикселя белого цвета, поэтому цвета не касаются. У меня есть поля, границы и отступы, установленные на 0, и ничто из этого не избавляет от этих белых строк. Помимо упомянутых настроек, я также попытался установить сплошную границу, которая не имела никакого эффекта. Это происходит как в Firefox 3.6 и IE 8.

Подытоживая вопрос:

  1. Является ли это функция с помощью таблиц?

  2. Если да (или даже если нет), будет ли использование DIV решить проблему, как только я их выясню?

  3. Я пропустил какое-то другое решение?

Я ищу для этого строго с html и css, никаких других языков. Я работаю с компьютерами уже более 30 лет, но последнее программирование, которое я делал всерьез, было в FORTRAN 77, и я не много работал с языками 3GL или 4GL (крошечный бит PERL, некоторые языки сценариев в инструментах тестирования, Я хорошо разбираюсь в сценариях UNIX, и я могу читать, но не писать VB и C-семью).

ответ

0

Вам нужно сделать HTML для таблицы выглядит следующим образом:

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

Но вы действительно должны сделать дивы. Они намного превосходят И они решают вашу проблему.

+0

Вот почему я спросил здесь - Я понял, что получу быстрый ответ. Раньше не видели ссылок на эти атрибуты. Это сделал трюк; благодаря! – Dave

+0

Yeah StackOverflow довольно быстр. Если это не устранит проблему, попробуйте также добавить «border =» 0 »'. Помните, если вы обнаружите, что это правильный ответ, просто нажмите галочку, чтобы подтвердить ее как правильный ответ. –

0

Похоже, что это может быть проблема с ячейкой или ячейкой. Попробуйте документацию this. Он также обеспечивает быстрый способ проверки html.

+0

Извините, что так долго отвечал. Это похоже на хороший сайт для дополнительной документации. Для записи я начал работать с DIVs. Непосредственная необходимость заключалась в том, чтобы что-то получить; теперь я могу работать над его полировкой. – Dave

1

То же cellspacing=0 только CSS:

table { 
    border-collapse: collapse 
} 

И cellpadding=0 является:

table td, table th { 
    padding: 0; 
} 

Только для вас, чтобы увидеть CSS подход тоже :)

Смежные вопросы