VPF::Фиксированный дизайн - Форум программистов

Tanya

Дата 1.8.2008, 19:27 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 35
Регистрация: 20.10.2006

Репутация: нет
Всего: 4

Что я делаю не так, появляются горизонтальные полосы между блоками http://s44.radikal.ru/i104/0808/45/dbc3ffe4a1b8.jpg

Вот собственно код:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
#container{
width:1024;
height:769;
border:0; 
margin-right: auto; 
margin-left: auto; }

#col1{
width:226;height:155;margin:0;padding: 0;float: left;
}
#col2{
width:798;height:155;margin:0;padding: 0;float: left;
 }
#col3{
width:410;height:302;margin:0;padding: 0;float: left;
}
#col4{
width:614;height:302;margin:0;padding: 0;float: left;
}
#col5{
width:410;height:302;margin:0;padding: 0;float: left;
}
#col6{
width:614;height:302;margin:0;padding: 0;float: left;
}
</style>
</HEAD>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="container">

<div id="col1">
<a href=""
    onmouseover="window.status='';  return true;"
    onmouseout="window.status='';  return true;">
    <img src="d:/images-2/_08.jpg" width="226" height="155" border="0" alt=""></a>
                
</div>
<div id="col2">
   <img src="d:/images-2/fon-3_02.jpg" width="798" height="155" alt="">
</div>
<div id="col3">
<img src="d:/images-2/fon-3_03.jpg" width="410" height="302" alt="">
</div>
<div id="col4">
<img src="d:/images-2/fon-3_04.jpg" width="614" height="302" alt="">
</div>
<div id="col5">
<img src="d:/images-2/fon-3_05.jpg" width="410" height="311" alt="">
</div>
<div id="col6">
<img src="d:/images-2/fon-3_06.jpg" width="614" height="311" alt="">
</div>

</div>
</body>
</html>

bars80080

Дата 1.8.2008, 19:46 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

попробуйте в начале добавить:

Код


* { margin: 0px; padding: 0px; }

Tanya

Дата 1.8.2008, 19:51 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 35
Регистрация: 20.10.2006

Репутация: нет
Всего: 4

Так ведь есть же уже или не там где надо разве?

bars80080

Дата 1.8.2008, 20:43 (ссылка)

(голосов:1)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

а где он? я не вижу. частные обнуления не исправят картину полностью

Tanya

Дата 1.8.2008, 21:00 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 35
Регистрация: 20.10.2006

Репутация: нет
Всего: 4

В стилях каждого блока задано:
#col1{
width:226;height:155;margin:0;padding: 0;float: left;
}
Где же их надо тогда задавать, если не там?

bars80080

Дата 1.8.2008, 21:32 (ссылка)

(голосов:1)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

послушайте, а вы можете просто впендюрить ту строчку что я предложил в начало стилей, и потом сказать, что получилось?

Tanya

Дата 1.8.2008, 21:54 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 35
Регистрация: 20.10.2006

Репутация: нет
Всего: 4

Дык куда присобачить эту строчку, вот в чём вопрос... я же ведь "чайник" притом патолагический

Fortop

Дата 1.8.2008, 22:21 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2200
Регистрация: 13.11.2007
Где: Донецк

Репутация: нет
Всего: 42

Цитата(Tanya @ 1.8.2008, 21:54

)

Дык куда присобачить эту строчку, вот в чём вопрос... я же ведь "чайник" притом патолагический

Tanya,
зачем заниматься тем, что неизлечимо? smile

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

Мир это Я.
Живее всех живых.

Tanya

Дата 1.8.2008, 22:28 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 35
Регистрация: 20.10.2006

Репутация: нет
Всего: 4

А я уже два месяца лечусь на курсах веб-дизанеров... smile

Вот не знаю правильно ли присабачила, но Не помагает

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<style type="text/css">
{ margin: 0px; padding: 0px; }
#container{
width:1024;
height:769;
border:0; 
margin-right: auto; 
margin-left: auto; }

#col1{
width:226;height:155;margin:0;padding: 0;float: left;
}
#col2{
width:798;height:155;margin:0;padding: 0;float: left;
 }
#col3{
width:410;height:302;margin:0;padding: 0;float: left;
}
#col4{
width:614;height:302;margin:0;padding: 0;float: left;
}
#col5{
width:410;height:302;margin:0;padding: 0;float: left;
}
#col6{
width:614;height:302;margin:0;padding: 0;float: left;
}
</style>
</HEAD>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="container">

<div id="col1">
<a href=""
    onmouseover="window.status='';  return true;"
    onmouseout="window.status='';  return true;">
    <img src="d:/images-2/_08.jpg" width="226" height="155" border="0" alt=""></a>
                
</div>
<div id="col2">
   <img src="d:/images-2/fon-3_02.jpg" width="798" height="155" alt="">
</div>
<div id="col3">
<img src="d:/images-2/fon-3_03.jpg" width="410" height="302" alt="">
</div>
<div id="col4">
<img src="d:/images-2/fon-3_04.jpg" width="614" height="302" alt="">
</div>
<div id="col5">
<img src="d:/images-2/fon-3_05.jpg" width="410" height="311" alt="">
</div>
<div id="col6">
<img src="d:/images-2/fon-3_06.jpg" width="614" height="311" alt="">
</div>

</div>
</body>
</html>

bars80080

Дата 1.8.2008, 22:35 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

а где звёздочка перед скобкой? /самый важный элемент ядрён-батон/

Fortop

Дата 1.8.2008, 22:36 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 2200
Регистрация: 13.11.2007
Где: Донецк

Репутация: нет
Всего: 42

Цитата(Tanya @ 1.8.2008, 22:28

)

Вот не знаю правильно ли присабачила, но Не помагает
{ margin: 0px; padding: 0px; }

звездочку куда дела?

Добавлено через 1 минуту и 18 секунд

Цитата(Tanya @ 1.8.2008, 22:28

)

А я уже два месяца лечусь на курсах веб-дизанеров... smile

Ты же сама сказала - "паталогический" smile

это не лечится ;)

Как только перестанешь себя таковым считать - сразу пойдешь на поправку.

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

Мир это Я.
Живее всех живых.

Tanya

Дата 1.8.2008, 22:43 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 35
Регистрация: 20.10.2006

Репутация: нет
Всего: 4

Вернула звёздочку на родину ( я думала она чисто в натуре для красоты, а я девушка суровая типо smile

) Не помагает...
А эту звездочку больше никуда не надобно присобачивать случайно?

webster

Дата 1.8.2008, 22:59 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

Установите для элемента img стиль:

Код


img {
    display: block;
}

и используйте корректную и полную запись DOCTYPE

Tanya

Дата 1.8.2008, 23:08 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 35
Регистрация: 20.10.2006

Репутация: нет
Всего: 4

Цитата(webster @ 1.8.2008, 22:59)

Установите для элемента img стиль:

Код


img {
    display: block;
}

и используйте корректную и полную запись DOCTYPE

Вау, помогло! а то я уже хотела фотошопные страницы оставить.
Теперь осталось только текст удачно присобачить...

Это сообщение отредактировал(а) Tanya - 12.8.2008, 19:32

webster

Дата 1.8.2008, 23:14 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

По-идее вам нужно было использовать для расположения картинок свойство background, например:

Код


#col2{
background: transparent url(d:/images-2/fon-3_02.jpg) no-repeat 0% 0%; width:226;height:155;margin:0;padding: 0;float: left;
}

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

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »