Создание html кода в линукс

@hatir · Регистрация: 11.01.2015

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

Здравствуйте !!!
Помогите с решением проблемы пожалуйста.
Дело вот в чём ,делал домашнее задание по xhtml вёрстка страницы, всё писал в системе линукс в программе
Bluefish , на моём нетбуке (на котором линукс) всё отображается коректно через mozila,но когда скинул на флеху и попробывал открыть в Windows, то опера вообще не как не реагирует а ie открывает не корректно.

В чём пробдлема? Заранее спасибо

@Nazz · 11.01.2015, 20:00

Думаю что просто ваша верстка не валидна.

Покажите код, чтобы сказать более точный ответ.

@hatir · 11.01.2015, 20:18 **[ТС]**

вообщем вод код

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<label></label><!DOCTYPE html>
 
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>моя первая вёрстка</title>
</head>
<body>
   
        <table width="1100" border="0" cellpadding="0" cellspacing="0">
       
           <thead>
                <tr>
                    <td style="width:400px;text-align:left;height:40px;font-weight:bold;font-size:14pt">Аксессуары и тюнинг </td>
                    <td style="width:200px;height:40px"></td>
                    <td style="width:300px;height:40px"></td>
                    <td style="width:200px;height:40px;"><img src="./image/images/logo.png" align="left" /> </td>
 
 
                </tr>
                <tr>
                <td><img src="./image/images/audi_new_05.gif" alt=""style="width:400px;height:80px;" />   </td>
                <td><img src="./image/images/audi_new_06.gif" alt=""style="width:200px;height:80px;" /></td>
                <td style="width:300px;background-color:#e8e3e7;height:75px"></td>
                <td style="width:200px;background-color:#e8e3e7;color:#a29fa2;text-align:left;height:75px">Мир Audi</td>
                
                </tr>
 
 
 
 
            </thead>
          
           
            <tbody>
 
                <tr style="text-valign:top;"valign="top" ">
                    <td style="width:400px" ><img style="width:400px" src="./image/images/audi_new_08.gif"style="height:160px"></td>
            <td><img src="./image/images/audi_new_09.gif"style="height:155px;width:200px"  >     </td>
            
                            
                            <td  rowspan="3" style="width:300px;height:160px;background-color:#e8e3e7;font-size:8pt;font-weight:bold;align:right;valign="top";text-color:silver"valign="top"align="right">
                            <p>Коллекцыя Audi </p>
                             <p>Скринсейверы</p>
                             <p>Аксессуары и тюнинг  </p>        </td>
                            
                            <td rowspan="4" style="width:200px;height:160px;font-size:8pt;background-color:#b4b2b5;font-weight:bold"valign="top"> 
                            <p> Главная </p>
                            <p>Модельный ряд</p> 
                            <p> Дилеры </p>
                            <p>Предложение и цены</p>
                            <p>Об Audi</p>
                            <p style="color:white">Мир Audi</p>
                            <p>Школа КВАТРО</p>
                            <p>Для компаний</p>   </td>
 
                </tr>
                <tr>
                    <td style="height:10px;width400px;background-color:#b6beae;font-size:8pt;font-weight:bold;color:white">
            Безукоризненный стиль индивидуальность, и <br>
            
                    безопасность </td>  
                              <td align="left" valign="top" rowspan="3" style="width:200px;background-color:#d6dbd5;color:#615d57;font-size:8pt;font-weight:bold">
                                <<Информация и 
                                     <br>развлечения</p>
                                     <p><<Безопасность и
                                     <br>комфорт</p>
                                     <p><<Аэродинамика и 
                                     <br>колёсные диски</p>
                                     <p><<Багажники и фаркопы</p>
                                        <p><<С заботой о детях</p>
                                        <p><<Автохимия</p>   </td>
                             
                             
               
                
                </tr>
                <tr>
                <td valign="top" style="width:400px;height:100px;background-color:#d6dbd5;font-size:8pt">
                  <p>Заботится о ближних, быть уверенным в себе и в своём 
                  Автомобили,наслаждаться жизнью и создавать свой<br /> стиль...
                  Есть вещи, которые для владельцев Audi
                  также<br /> естественны, как дыхание.</p>
                   <p>Ещё больше стиля,динамики и комфорта - благодаря<br /> оригинальным аксессуарам Votex</p>
                   <p>Аксессуары Votex это:</p>
                   <p>-100% совместимость,<br /> -2 года гарантии,<br />-безупречное немецкое качество,<br />-возможность установления на ваш автомобиль после покупки<br />
                   с сохранением заводской гарантии на автомобиль. </p> 
                     </td>
            
                
                
                
                </tr>
                <tr>
                <p><td style="height:100px;background-color:#d6dbd5;font-size:8pt"valign="top">
                 Выберете группу аксессуаров,чтобы ознакомится с ассортиментом продукции Votex,предлагаемой<br /> официальными дилерами Audi   </td></p>
                <td style="height:100px;background-color:"></td>
                <td style="height:300px"></td>
                
                </tr>
 
            </tbody>
 
        </table>
    
 
</body>
</html>

на windows в ie изображение которое должно быть во второй строке запрыгивает в самую голову выше слов Аксессуары и тюнинг...

Добавлено через 5 минут
возможно ли исправить или заново верстать прийдётся?
я только учусь поэтому на создание даже такой страницы уходит много времени

@Nazz · 11.01.2015, 20:33

<label></label><!DOCTYPE html> - зачем label перед <!DOCTYPE html>? - это не корректно

советую в срочном режиме все переверстать div-ами.
все свойства выносите в файлы стилей

@hatir · 11.01.2015, 20:44 **[ТС]**

<label> случайно вставился я уже это исправил. Всмысле <div -ами> ? без использования таблицы чтоли ,только блоками.

@Mainstand · 11.01.2015, 20:51

hatir, да, Вы правильно поняли. Вместо таблиц используйте блоки. Большинство современных сайтов сделаны именно с использованием блочной верстки.

@hatir · 11.01.2015, 23:07 **[ТС]**

как вставить изображение на форум?
Я покажу что должно получится .
и впринцыпе получилось этот код в мазиле идеально отображается.

@Mainstand · 11.01.2015, 23:14

hatir, в расширенном режиме отправки сообщений внизу есть Дополнительные опции - Вложить файлы

@hatir · 11.01.2015, 23:30 **[ТС]**

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

папку с моей работой тоже приклеел к посту...

может можно исправить не переделывая полностью.

@hatir · 12.01.2015, 19:47 **[ТС]**

Всем спасибо за помощь ,попробывал на разных компах у друзей, везде отображается как и должно быть, во всех браузерах. Оставлю так . для дз пока сойдёт...

Новые блоги и статьи Все статьи Все блоги /
Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@hatir 2 / 2 / 0 Регистрация: 11.01.2015 Сообщений: 29

	Создание html кода в линукс 11.01.2015, 19:20. Показов 1093. Ответов 9 Метки нет (Все метки) Здравствуйте !!! Помогите с решением проблемы пожалуйста. Дело вот в чём ,делал домашнее задание по xhtml вёрстка страницы, всё писал в системе линукс в программе Bluefish , на моём нетбуке (на котором линукс) всё отображается коректно через mozila,но когда скинул на флеху и попробывал открыть в Windows, то опера вообще не как не реагирует а ie открывает не корректно. В чём пробдлема? Заранее спасибо 0

@Nazz 898 / 729 / 80 Регистрация: 12.03.2009 Сообщений: 2,804 Записей в блоге: 2
	11.01.2015, 20:00
	Думаю что просто ваша верстка не валидна. Покажите код, чтобы сказать более точный ответ. 0

@Nazz 898 / 729 / 80 Регистрация: 12.03.2009 Сообщений: 2,804 Записей в блоге: 2
	11.01.2015, 20:33
	<label></label><!DOCTYPE html> - зачем label перед <!DOCTYPE html>? - это не корректно советую в срочном режиме все переверстать div-ами. все свойства выносите в файлы стилей 0

@hatir 2 / 2 / 0 Регистрация: 11.01.2015 Сообщений: 29
	11.01.2015, 20:44 [ТС]
	<label> случайно вставился я уже это исправил. Всмысле <div -ами> ? без использования таблицы чтоли ,только блоками. 0

@Mainstand 41 / 41 / 21 Регистрация: 11.01.2015 Сообщений: 143
	11.01.2015, 20:51
	hatir, да, Вы правильно поняли. Вместо таблиц используйте блоки. Большинство современных сайтов сделаны именно с использованием блочной верстки. 0

@hatir 2 / 2 / 0 Регистрация: 11.01.2015 Сообщений: 29
	11.01.2015, 23:07 [ТС]
	как вставить изображение на форум? Я покажу что должно получится . и впринцыпе получилось этот код в мазиле идеально отображается. 0

@Mainstand 41 / 41 / 21 Регистрация: 11.01.2015 Сообщений: 143
	11.01.2015, 23:14
	hatir, в расширенном режиме отправки сообщений внизу есть *Дополнительные опции - Вложить файлы* 0

@hatir 2 / 2 / 0 Регистрация: 11.01.2015 Сообщений: 29
	12.01.2015, 19:47 [ТС]
	Всем спасибо за помощь ,попробывал на разных компах у друзей, везде отображается как и должно быть, во всех браузерах. Оставлю так . для дз пока сойдёт... 0