Проблемы в Chrome

@Kelzaman · Регистрация: 13.03.2012

Студворк — интернет-сервис помощи студентам

Господа, я полный нуб в создании сайтов, поэтому сразу к делу. Пишу во Фронтпейдже. Попробовал двумя способами:
1 й способ - набить в ячейку несколько картинок заданных размеров (нубокод прилагается)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>
<head>
    <title>Kot</title>
    <link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head>
 
<body leftmargin=0 topmargin=0 marginheight="0" marginwidth="0" bgcolor="#000000" style="text-align: center">
 
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr bgcolor="#FFFFFF">
    <td bgcolor="#FFFFFF" valign="top"> 
      <table width="1076" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td colspan="2">
            <img border="0" src="Image/font2.jpg" width="1076" height="289"></td>
        </tr>
        <tr>
          <td height="42" colspan="2">
            <img border="0" src="Image/index.1.jpg"><img border="0" src="Image/index.2.jpg"><img border="0" src="Image/index.3.gif"><img border="0" src="Image/index.4.jpg"><img border="0" src="Image/index.8.jpg"><img border="0" src="Image/index.6.jpg" width="143" height="45"><img border="0" src="Image/index.7.jpg"></td>
        </tr>
        <tr>
          <td height="41" valign="top" width="254" bgcolor="#000000">
            <img border="0" src="Image/index.1.gif" width="70" height="116"><img border="0" src="Image/leftcol_top.png" width="160" height="116"></td>
          <td height="41" valign="top" width="822" bgcolor="#000000">
            <img border="0" src="Image/lamp.jpg" width="566" height="125"><img border="0" src="Image/index.1.gif" width="21" height="125"><img border="0" src="Image/rightcol_top.png" width="161" height="125"></td>
        </tr>
      </table>

В итоге полоска, где больше всего картинок тупо съезжает в хроме, причём не все полоска а 6 и 7 картинки (может даже только 7, там трудно сказать). Другие браузеры всё ок.

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
<head>
    <title>Kot</title>
    <link rel="stylesheet" type="text/css" href="../style.css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head>
 
<body leftmargin=0 topmargin=0 marginheight="0" marginwidth="0" bgcolor="#000000">
 
<table border="0" cellpadding="0" cellspacing="0" width="1076" align="center">
<tr>
    <td height="10" bgcolor="#FFFFFF" colspan="7">
    <img border="0" src="https://www.cyberforum.ru/Image/font2.jpg" width="1076" height="289"></td>
</tr>
<tr>
    <td height="10" bgcolor="#FFFFFF" width="161">
    <img border="0" src="https://www.cyberforum.ru/Image/index.1.jpg" width="161" height="45"></td>
    <td height="10" bgcolor="#FFFFFF" width="143">
    <img border="0" src="https://www.cyberforum.ru/Image/index.2.jpg" width="143" height="45"></td>
    <td height="10" bgcolor="#FFFFFF" width="143">
    <img border="0" src="https://www.cyberforum.ru/Image/index.3.gif" width="143" height="45"></td>
    <td height="10" bgcolor="#FFFFFF" width="143">
    <img border="0" src="https://www.cyberforum.ru/Image/index.4.jpg" width="143" height="45"></td>
    <td height="10" bgcolor="#FFFFFF" width="143">
    <img border="0" src="https://www.cyberforum.ru/Image/index.8.jpg" width="143" height="45"></td>
    <td height="10" bgcolor="#FFFFFF" width="143">
    <img border="0" src="https://www.cyberforum.ru/Image/index.10.jpg" width="143" height="45"></td>
    <td height="10" bgcolor="#FFFFFF" width="200">
    <img border="0" src="https://www.cyberforum.ru/Image/index.7.jpg" width="200" height="45"></td>
</tr>
<tr>
    <td height="10" bgcolor="#FFFFFF" colspan="7">
    <img src="px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr bgcolor="#094863">
    <td height="35" colspan="7">
<img border="0" src="https://www.cyberforum.ru/Image/footer_bg.png" width="1076" height="117"></td>
</tr>
</table>

Но всё стало ещё хуже. Теперь 6 я картинка имеет белые полосы по бокам, а 7я так же съезжает. И самое главное, опять же только в Хроме. Плииз хелп ми пипл)

Добавлено через 11 часов 54 минуты
Люди) ну плиз хелп) горю)

@Lane · 13.03.2012, 16:51

Сообщение от Kelzaman

Я тогда пошёл по науке

Это чего за наука учит писать такое?

@Kelzaman · 13.03.2012, 18:06 **[ТС]**

Я понимаю, что тебе нечего сказать, поэтому жду помощи реальной

@Lane · 13.03.2012, 18:18

Чего ждать, какой нибудь самоучитель HTML+CSS в руки и вперед.. Этот код в середине 90-х еще может и сгодился бы..

@Kelzaman · 13.03.2012, 18:21 **[ТС]**

О великий гуру, мне нужен ответ, от человека, который понимает и который может объяснить и я буду очень благодарен ему. Ведь этот форум для этого?
А вы мне помочь если не можете, просто свалите пожалуйста в туман)

@Mi1ady · 13.03.2012, 23:07

Не поняла что и куда съезжает? Скрин бы...
И когда пишете код - заключайте его хотя бы в тег [ HTML][ /HTML] - так читать набор символов сложно...

@Kelzaman · 14.03.2012, 00:29 **[ТС]**

Дико извиняюсь за кривость размещения кода. Щас скрин дам.
Вот так выглядит у меня, у другого человека верх нормально, но съезжает пол. На нетбуке вообще всё отлично.

@conformist · 17.03.2012, 18:58

единицы измерения нужно указывать, в вашем случае - px, хотя лучше вообще все указывать в процентах, шанс на разные разрешения экрана выше, и нужно указать доктайп, потому что сейчас сайт работает в режиме обратной совместимости. добавьте в самом верху документа

HTML5
1
<!doctype html>

и лично мое мнение, не все согласятся конечно, но лучше бы сделать это все было на <div> со стилями

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@Kelzaman 0 / 0 / 0 Регистрация: 13.03.2012 Сообщений: 4
	13.03.2012, 18:06 [ТС]
	Я понимаю, что тебе нечего сказать, поэтому жду помощи реальной 0

@Lane 32 / 30 / 1 Регистрация: 08.03.2012 Сообщений: 96
	13.03.2012, 18:18
	Чего ждать, какой нибудь самоучитель HTML+CSS в руки и вперед.. Этот код в середине 90-х еще может и сгодился бы.. 0

@Kelzaman 0 / 0 / 0 Регистрация: 13.03.2012 Сообщений: 4
	13.03.2012, 18:21 [ТС]
	О великий гуру, мне нужен ответ, от человека, который понимает и который может объяснить и я буду очень благодарен ему. Ведь этот форум для этого? А вы мне помочь если не можете, просто свалите пожалуйста в туман) 0

@Mi1ady 51 / 23 / 1 Регистрация: 18.12.2011 Сообщений: 101
	13.03.2012, 23:07
	Не поняла что и куда съезжает? Скрин бы... И когда пишете код - заключайте его хотя бы в тег [ HTML][ /HTML] - так читать набор символов сложно... 0

@Kelzaman 0 / 0 / 0 Регистрация: 13.03.2012 Сообщений: 4
	14.03.2012, 00:29 [ТС]
	Дико извиняюсь за кривость размещения кода. Щас скрин дам. Вот так выглядит у меня, у другого человека верх нормально, но съезжает пол. На нетбуке вообще всё отлично. Миниатюры 0