Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Убрать пробел между рядами изображений
 
 автор: Игорь_Z   (23.07.2007 в 14:18)   письмо автору
 
 

Из базы в цикле выводяться изображения примерно таким образом

if (...............) echo "<image src='".$row[1]."' >";
else echo "<A HREF ='... '><image src='".$row[1]."' ></A>";

в ряд по 4 штуки, всего 2 ряда.
В IE - все нормально, а вот в Opere и Mozille
между рядами изображений остается пробел где то в 2 пикселя? Как обойти?

Использовать <TR><TD> не удается, тк тогда надо писать дополнительный цикл, чтобы выводило в 2 ряда, при использовании <div></div> например вот так

if (...............) echo "<div><image src='".$row[1]."' >";
else echo "<A HREF ='... '><image src='".$row[1]."' ></A></div> ";

- отображение происходит в столбец?

   
 
 автор: AlexSol   (23.07.2007 в 14:22)   письмо автору
 
   для: Игорь_Z   (23.07.2007 в 14:18)
 

нужно вывести картинки вплотную друг к другу?

   
 
 автор: Игорь_Z   (23.07.2007 в 14:25)   письмо автору
 
   для: AlexSol   (23.07.2007 в 14:22)
 

да, нужно вплотную, справа - слева все нормально а вот низ-верх в Opere и Mozilee
появляется какой то зазор?

   
 
 автор: AlexSol   (23.07.2007 в 14:37)   письмо автору
 
   для: Игорь_Z   (23.07.2007 в 14:25)
 


<style>
.cont a{
padding:0;
margin:0;
display:block;
float:left;
}
.cont a img{
border:none;
padding:0;
margin:0;
}
</style>
<div class="cont">
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
<A HREF ='... '><img src="00.jpg"></A>
</div>

   
 
 автор: Игорь_Z   (23.07.2007 в 15:00)   письмо автору
 
   для: AlexSol   (23.07.2007 в 14:37)
 

вот та строка

.cont a img

пишется без разделителей?

   
 
 автор: AlexSol   (23.07.2007 в 15:02)   письмо автору
 
   для: Игорь_Z   (23.07.2007 в 15:00)
 

пишется так как написано.

   
 
 автор: Игорь_Z   (23.07.2007 в 15:18)   письмо автору
 
   для: AlexSol   (23.07.2007 в 15:02)
 

Стили подцепились нормально, те задаю например padding: 20px или наример float:right; вместо left - для проверки работы стилей,
но не работает зазор остается?

   
 
 автор: AlexSol   (23.07.2007 в 15:21)   письмо автору
 
   для: Игорь_Z   (23.07.2007 в 15:18)
 

первой строкойдокумента

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

   
 
 автор: Игорь_Z   (23.07.2007 в 15:25)   письмо автору
 
   для: Игорь_Z   (23.07.2007 в 15:18)
 

В браузере вот так выглядит код, но зазор остался?

<style type="text/css">
.cont a {
padding:0px;
margin:0px;
display:block;
float:left;
}
.cont a img{
border:none;
padding:0px;
margin:0px;
}
</style>

<tr><td colspan="2" width="230" >
<div class=cont>
<A HREF =><image width=60px src='' border=0></A>
<A HREF =><image width=60px src='' border=0></A>
<A HREF =><image width=60px src='' border=0></A>
<A HREF =><image width=60px src='' border=0></A>
<A HREF =><image width=60px src='' border=0></A>
.....
</div>
</td></tr>

   
 
 автор: Игорь_Z   (23.07.2007 в 15:28)   письмо автору
 
   для: Игорь_Z   (23.07.2007 в 15:25)
 

Отлично, спасибо заработало!!

Я уже прокалывался с этим пару раз у меня было так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

все время забываю ппроверять эту строку.

   
 
 автор: AlexSol   (23.07.2007 в 15:32)   письмо автору
 
   для: Игорь_Z   (23.07.2007 в 15:25)
 

доброе утро, страна!
тега <image> не существует!

   
 
 автор: Игорь_Z   (23.07.2007 в 15:34)   письмо автору
 
   для: AlexSol   (23.07.2007 в 15:32)
 

))) да работает и с ним прекрасно!!

   
 
 автор: Игорь_Z   (23.07.2007 в 15:37)   письмо автору
 
   для: Игорь_Z   (23.07.2007 в 15:34)
 

Такая переменная была $image в скрипте, и видимо в торопях залетела в верстку,
но изображение выводилось и с таким <image> тегом как это ни странно но факт!

   
 
 автор: SHAman   (23.07.2007 в 16:57)   письмо автору
 
   для: Игорь_Z   (23.07.2007 в 15:37)
 

Это браузер простил грех.

   
 
 автор: CrazyAngel   (24.07.2007 в 08:21)   письмо автору
 
   для: Игорь_Z   (23.07.2007 в 14:18)
 

нет, не срочно :)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования