Компьютерный форум NoWa.cc - отступ картинок

- Вeб Дизайн (https://nowa.cc/forumdisplay.php?f=24)

- - отступ картинок (https://nowa.cc/showthread.php?t=67860)

отступ картинок

такая проблемка - сделал менюшку, в мозилле и опере отображается всё нормально, а осёл игнорит все команды и показывает картинки с отступом. Может кто подскажет что не так, я уже и в css везде где тока можно прописал и в коде вставил, но всёравно (
[IMG]http://img403.**************/img403/2180/filephpid69950000e57d25ix3.gif[/IMG]

Re: отступ картинок

А где, собственно, картинка?
Кусок кода в студию!

Re: отступ картинок

Сам не могу найти ответ на эту ж фень!!!

Re: отступ картинок

Так ты бы код прислал!
Если наугад - то попробуй cellspacing="0" cellpadding="0" в табличку.

Re: отступ картинок

у меня все настройки в css.. в таблице стоит и spacing и padding на ноль, вот код меню....

Код:

<img src='images/menu.gif' style="border-style:0; margin:0; padding:0;" >

<a href='index.php'><img src='images/main.gif' style="border:0; margin:0; padding:0;" onmouseover="this.src='images/main-over.gif';" onmouseout="this.src='images/main.gif';"/></a>

<a href='history.php'><img src='images/hist.gif' style="border:0; margin:0; padding:0;" onmouseover="this.src='images/hist-over.gif';" onmouseout="this.src='images/hist.gif';"/></a>

<a href='dict.php'><img src='images/dict.gif' style="border:0; margin:0; padding:0;" onmouseover="this.src='images/dict-over.gif';" onmouseout="this.src='images/dict.gif';"/></a>

<a href='/kar/forum/index.php'><img src='images/forum.gif' style="border:0; margin:0; padding:0;" onmouseover="this.src='images/forum-over.gif';" onmouseout="this.src='images/forum.gif';"/></a>

<a href='kata.php'><img src='images/kata.gif' style="border:0; margin:0; padding:0;" onmouseover="this.src='images/kata-over.gif';" onmouseout="this.src='images/kata.gif';"/></a>

<a href='rang.php'><img src='images/rang.gif' style="border:0; margin:0; padding:0;" onmouseover="this.src='images/rang-over.gif';" onmouseout="this.src='images/rang.gif';"/></a>

<a href='exam.php'><img src='images/exam.gif' style="border:0; margin:0; padding:0;" onmouseover="this.src='images/exam-over.gif';" onmouseout="this.src='images/exam.gif';"/></a>

<a href='spirit.php'><img src='images/spirit.gif' style="border:0; margin:0; padding:0;" onmouseover="this.src='images/spirit-over.gif';" onmouseout="this.src='images/spirit.gif';"/></a>

<a href='rules.php'><img src='images/rules.gif' style="border:0; margin:0; padding:0;" onmouseover="this.src='images/rules-over.gif';" onmouseout="this.src='images/rules.gif';"/></a>

<a href='gichin.php'><img src='images/gichin.gif' style="border:0; margin:0; padding:0;" onmouseover="this.src='images/gichin-over.gif';" onmouseout="this.src='images/gichin.gif';"/></a>

Re: отступ картинок

А если вот так:

Код HTML:

<img src='images/menu.gif' style="border-style:0; margin:0; padding:0; display:block;" >

<a href='index.php'><img src='images/main.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/main-over.gif';" onmouseout="this.src='images/main.gif';"/></a>

<a href='history.php'><img src='images/hist.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/hist-over.gif';" onmouseout="this.src='images/hist.gif';"/></a>

<a href='dict.php'><img src='images/dict.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/dict-over.gif';" onmouseout="this.src='images/dict.gif';"/></a>

<a href='/kar/forum/index.php'><img src='images/forum.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/forum-over.gif';" onmouseout="this.src='images/forum.gif';"/></a>

<a href='kata.php'><img src='images/kata.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/kata-over.gif';" onmouseout="this.src='images/kata.gif';"/></a>

<a href='rang.php'><img src='images/rang.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/rang-over.gif';" onmouseout="this.src='images/rang.gif';"/></a>

<a href='exam.php'><img src='images/exam.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/exam-over.gif';" onmouseout="this.src='images/exam.gif';"/></a>

<a href='spirit.php'><img src='images/spirit.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/spirit-over.gif';" onmouseout="this.src='images/spirit.gif';"/></a>

<a href='rules.php'><img src='images/rules.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/rules-over.gif';" onmouseout="this.src='images/rules.gif';"/></a>

<a href='gichin.php'><img src='images/gichin.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/gichin-over.gif';" onmouseout="this.src='images/gichin.gif';"/></a>

Может можно и упростить:7: ...думать некогда.

Re: отступ картинок

странно, но помогло... только частично - первые две картинки отображаются с отступами, а остальные как надо :7:
и почему-то между строками таблицы отступ.... надо наврно там тоже с display поиграться :7:

Re: отступ картинок

Цитата:

Сообщение от sgrey (Сообщение 669171)

У меня на Опере и ИЕ всё отображалось как надо. Здесь уже скорее проблема в другой части кода. Попробуй создать чистую страничку, включив в неё только код, который мы тут ковыряли и проверь.

Добавлено через 8 минут
Кинь мне код всей страницы на vitaly-n пёсик мэйл ру. Уже самому интересно стало...

Re: отступ картинок

дело в том что у меня там пхп код, в таблице, и с цсс, а меню вставляется через include )
для ие в целом это выглядит так:

Код:

 echo "

                  <tr cellspacing=\"0\" cellpadding=\"0\" >

                  <td width=\"175px\" cellspacing=\"0\" cellpadding=\"0\" >\n";

                  include("menu.php");

                  echo "</td>

                  <td width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" >\n";

                include("main.php");

                echo "</td>

                <td width=\"175px\" cellspacing=\"0\" cellpadding=\"0\" >\n";

                include("news.php");

                echo "</td>

                </tr>

                </table>\n";

полный код меню

Код:

<?

$agent = getenv("HTTP_USER_AGENT");

if (preg_match("/MSIE/i", "$agent"))

{

        echo "<div class=\"menu\">\n";

}

else if (preg_match("/Mozilla/i", "$agent"))

{

}

  else

{

        echo "<div class=\"menu\">\n";

}

?>



<img src='images/menu.gif' style="border:0; margin:0; padding:0; display:block;" >

<a href='index.php'><img src='images/main.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/main-over.gif';" onmouseout="this.src='images/main.gif';"/></a>

<a href='history.php'><img src='images/hist.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/hist-over.gif';" onmouseout="this.src='images/hist.gif';"/></a>

<a href='dict.php'><img src='images/dict.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/dict-over.gif';" onmouseout="this.src='images/dict.gif';"/></a>

<a href='/kar/forum/index.php'><img src='images/forum.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/forum-over.gif';" onmouseout="this.src='images/forum.gif';"/></a>

<a href='kata.php'><img src='images/kata.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/kata-over.gif';" onmouseout="this.src='images/kata.gif';"/></a>

<a href='rang.php'><img src='images/rang.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/rang-over.gif';" onmouseout="this.src='images/rang.gif';"/></a>

<a href='exam.php'><img src='images/exam.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/exam-over.gif';" onmouseout="this.src='images/exam.gif';"/></a>

<a href='spirit.php'><img src='images/spirit.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/spirit-over.gif';" onmouseout="this.src='images/spirit.gif';"/></a>

<a href='rules.php'><img src='images/rules.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/rules-over.gif';" onmouseout="this.src='images/rules.gif';"/></a>

<a href='gichin.php'><img src='images/gichin.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/gichin-over.gif';" onmouseout="this.src='images/gichin.gif';"/></a>





<?if (preg_match("/MSIE/i", "$agent"))

{

        echo "</div>\n";

}

else if (preg_match("/Mozilla/i", "$agent"))

{

}

  else

{

        echo "</div>\n";

}  ?>

css для меню и таблицы

Код:

        margin:0;

        padding:0;

        border:0;

        vertical-align:top;

        background:#d5d3a3 url(images/bleft.gif);

        background-repeat: repeat-y;

        background-position: top right;

        width:175px;

        height:100%;

        position:fixed;

        float:left;

        /*display:inline;*/



}

table {

        vertical-align:top;

        border: 0;

        margin: 0;

        padding: 0;

        height:100%;

        /*table-layout: fixed;*/

}

Re: отступ картинок

У тебя в коде есть ошибки. Можно было сделать всё в 3 раза проще.
Cellspacing cellpadding можно прописать только в <table>.
Проблема была в строке vertical-align:top;

Вот привёл код немного в порядок:
рабочий пример здесь

Часть первая
-----------------------------------------------------

Код HTML:

<?

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

                  <tr>

                  <td width=\"175px\" >\n";

                  include("menu.php");

                  echo "</td>

                  <td width=\"100%\" >\n";

                include("main.php");

                echo "</td>

                <td width=\"175px\" >\n";

                include("news.php");

                echo "</td>

                </tr>

                </table>\n";

$agent = getenv("HTTP_USER_AGENT");

if (preg_match("/MSIE/i", "$agent"))

{

        echo "<div class=\"menu\">\n";

}

else if (preg_match("/Mozilla/i", "$agent"))

{

}

  else

{

        echo "<div class=\"menu\">\n";

}

?>



Часть вторая

--------------------------------------------------------



<div id="menu">

<a href='index.php'><img src='images/main.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/main-over.gif';" onmouseout="this.src='images/main.gif';"/></a>

<a href='history.php'><img src='images/hist.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/hist-over.gif';" onmouseout="this.src='images/hist.gif';"/></a>

<a href='dict.php'><img src='images/dict.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/dict-over.gif';" onmouseout="this.src='images/dict.gif';"/></a>

<a href='/kar/forum/index.php'><img src='images/forum.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/forum-over.gif';" onmouseout="this.src='images/forum.gif';"/></a>

<a href='kata.php'><img src='images/kata.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/kata-over.gif';" onmouseout="this.src='images/kata.gif';"/></a>

<a href='rang.php'><img src='images/rang.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/rang-over.gif';" onmouseout="this.src='images/rang.gif';"/></a>

<a href='exam.php'><img src='images/exam.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/exam-over.gif';" onmouseout="this.src='images/exam.gif';"/></a>

<a href='spirit.php'><img src='images/spirit.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/spirit-over.gif';" onmouseout="this.src='images/spirit.gif';"/></a>

<a href='rules.php'><img src='images/rules.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/rules-over.gif';" onmouseout="this.src='images/rules.gif';"/></a>

<a href='gichin.php'><img src='images/gichin.gif' style="border:0; margin:0; padding:0; display:block;" onmouseover="this.src='images/gichin-over.gif';" onmouseout="this.src='images/gichin.gif';"/></a></div>



<?

if (preg_match("/MSIE/i", "$agent"))

{

        echo "</div>\n";

}

else if (preg_match("/Mozilla/i", "$agent"))

{

}

  else

{

        echo "</div>\n";

}  ?>



Часть третья

--------------------------------------------------------



#menu

   {

   

        background:#d5d3a3 url(images/bleft.gif);

        background-repeat: repeat-y;

        background-position: top right;

        width:175px;

        height:100%;

        float:left;

        }

        /*display:inline;*/



table {

        vertical-align:top;

        border: 0;

        margin: 0;

        padding: 0;

        height:100%;

        /*table-layout: fixed;*/

}

Re: отступ картинок

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

Код:

                <table cellpadding="0" cellspacing="0" border="0" width="100%">

                  <tr>

<?                include("head.php");

                echo "</tr>\n";



if (preg_match("/MSIE/i", "$agent"))

  {     echo "

                  <tr>

                  <td width=\"175px\">\n";

                  include("menu.php");

                  echo "</td>

                  <td width=\"100%\">\n";

                include("main.php");

                echo "</td>

                <td width=\"175px\">\n";

                include("news.php");

                echo "</td>

                </tr>

                </table>\n";

  }