Неправильно отображение плавающего фрейма

people2010 · April 5, 2010

Не получается убрать эти непонятные отсупы, скажите ,как их убрать.

Вот файл с которого идёт загрузка.

<!DOCTYPE HTML>
<HTML>
<HEAD><TITLE>Frame</TITLE></HEAD>
<body>
<div align="center">
<iframe src="foto.html" height="490px" 
width="560px" > VSPACE=10</iframe></div>

</body>
</HTML>

Вот файл который загружается:

<!DOCTYPE HTML>
<HEAD><title>foto</title></HEAD>
<body>
<table  border=25 align="center" cellspacing=20 
style="border-color:red; border-style:double; 
border-collapse:collapse; background:yellow; >
<tr>
<td>
<img src="foto.jpg" width="400" height="320"
border=20 style="border-color:#ff6633;">
</td>
</tr>
</table>
</body>
</HTML>

Вот такой результат получаю. Эти отсупы я не понимаю от куда взялись

http://slim.filesurf.ru/20100406/00000001/...ip_image002.jpg

Searcher · April 6, 2010

совершенно безграмотный код:

доктайп неверен

вперемешку атрибуты и стили, все в стили переносите классами в заголовок

в атрибутах не пишется "px"

таблица в этой ситуации вообще не нужна

в загружаемом файле нет открывающего тэга HTML

Вобщем изучите основы, а потом уже сюда

psywalker · April 6, 2010

Да уж, однозначно нужно учить азы!

people2010 · April 6, 2010

Вот подучил. Вот написал так код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD><TITLE>Frame</TITLE></HEAD>
<body>
<div align="center">
<iframe src="foto.html" height="490px" 
width="560px"  VSPACE=10></iframe></div>

</body>
</HTML>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HEAD><title>foto</title></HEAD>
<body>
<table  border=25 align="center" cellspacing=20 
style="border-color:red; border-style:double; 
border-collapse:collapse; background:yellow; margin:0px;">
<tr>
<td>
<img src="foto.jpg" width="400" height="320"
border=20 style="border-color:#ff6633;">
</td>
</tr>
</table>
</body>
</HTML>

В ИЕ, нормально отображает, но проблемма в отображении в др. браузерах, какк исправить проблемму?

psywalker · April 6, 2010

Нихрена ты не подучил, это даже видно потому, как ты забил на слова Searcher.

Совершенно плохой подход к делу друг.

stars · April 6, 2010

Отступы скорей всего удастся убрать если прописать в foto.html

<style type="text/css">
* {
	padding: 0;
	margin: 0;
}
</style>

Но как уже писали выше код страницы очень грязный... Прочитай хотя бы http://stepbystep.htmlbook.ru/?id=63

people2010 · April 6, 2010

Понятоно, т оесть если используется доктайп, нужно чтоб всё было в нижнем регистре, а также все параметры должны быть в кавычках. Вот сделал, как там написанно, сверху нету отсутпа, а слева, справа и снизу есть, как избавится от отступов?. Вот код с изменениями.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head><title>foto</title></head>
<body>
<table  border=25 align="center" cellspacing="20px" cellpadding="0px"
style="border-color:red; border-style:double; 
border-collapse:collapse; background:yellow; ">
<tr>
<td>
<img src="foto.jpg" width="400" height="320"
border="20" style="border-color:#ff6633;">
</td>
</tr>
</table>
</body>
</HTML>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head><title>Frame</title>
<style type="text/css">
* {
	padding: 0;
	margin: 0;
}
</style>
</head>
<body>
<div align="center">
<iframe src="foto.html" height="490px" 
width="560px"  vspace="10"></iframe></div>

</body>
</HTML>

Edited April 6, 2010 by people2010

psywalker · April 6, 2010

1) Откажись от атрибутов вообще, всё оформление вынеси в ЦСС

2) Обнули все отступы изначально, как и делаешь.

3) Таблице задай коллапс не забудь.

Searcher · April 6, 2010

people2010, у вас что-то со вниманием... Исправьте хотябы элементарную ошибку: где в файле с картинкой открывающий тэг html?!

Ну а отступы ваши - это не отступы, это разница между высотой картинки с бордером и высотой ифрейма. По математике какая у вас оценка?

people2010 · April 6, 2010

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head><title>foto</title>
<link rel="stylesheet" style="text/css" href="style.css">
</head>
<body>
<table id="ramka" border=25 align="center"
 cellspacing="20px" cellpadding="0px">
<tr>
<td>
<img id="svet_bordur" src="foto.jpg" width="400" height="320"
border="20" >
</td>
</tr>
</table>
</body>
</HTML>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head><title>Frame</title>
<link rel="stylesheet" style="text/css" href="style.css">
</head>
<body>
<div align="center">
<iframe class="otstyp" src="foto.html" height="490px" 
width="560px"  vspace="10"></iframe></div>

</body>
</HTML>

Файл style.css

#ramka{border-color:red; border-style:double; 
border-collapse:collapse; background:yellow; }
#svet_bordur{border-color:#ff6633;}
.otstyp{ padding: 0;	margin: 0;}

Вот попробовал не выходит.

Edited April 6, 2010 by people2010

Searcher · April 6, 2010

Что у вас не выходит? Вы элементарные ошибки допускаете, на которые вам по 10 раз указали! И совершенно не хотите вникать в суть. Что у вас так получится? Еще раз внимательно читаете страницу Шаг за шагом разделы html и css, исправляете всю вашу кашу и потом уже, если что-то не так пишем здесь.

Таблицу замените на пару вложенных div-ов с соответствующими отступами и бордерами. Зачем лишние элементы?

psywalker · April 6, 2010

ТС, хватит пробовать и перебирать бесполезные варианты. Быстрее будет пойти и выучить, что тебе уже 10 раз советовали действительно.

Sign In

Неправильно отображение плавающего фрейма

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information