Вопрос по статическим страницам

Вопросы
Нужно убрать рамку и пробелы между изображениями по горизонтали и вертикали
в статических страницах. Я знаю што это прописываеться в CSS тока не знаю где.


Должно получиться вот так

28 комментариев

avatar
up
avatar
Мне кажется проще картинки вставить в таблицу, и css не нужен
<table style="margin:auto;" border="0" cellpadding="0" cellspacing="0">
<tbody>
	<tr>
		<td style="text-align: right; vertical-align: bottom;"> 
		<img src="картинка1.png" border="0"> 
		</td>
					
		<td style="text-align: left; vertical-align: bottom;"> 
		<img src="картинка2.png" border="0"> 
		</td>
	</tr>
		
	<tr>
		<td style="text-align: right; vertical-align: top;"> 
		<img src="картинка3.png" border="0"> 
		</td>
					
		<td style="text-align: left; vertical-align: top;"> 
		<img src="картинка4.png" border="0"> 
		</td>
	</tr>
</tbody>
</table>


PS. Если будут добавляться <Ьr/>, то пишем всё в одну строчку
<table style="margin:auto;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="text-align: right; vertical-align: bottom;"><img src="картинка1.png" border="0"></td><td style="text-align: left; vertical-align: bottom;"><img src="картинка2.png" border="0"></td></tr><tr><td style="text-align: right; vertical-align: top;"><img src="картинка3.png" border="0"></td><td style="text-align: left; vertical-align: top;"><img src="картинка4.png" border="0"></td></tr></tbody></table>
  • Loci
  • 0
  • ↓
avatar
Серовно не катит и рамка стоит и пробелы между картинками
avatar
ссылку на сайт моно?
avatar
прописываете для картинок классы 
<img src="ссыль на ваше изображение" style="border: none; margin: 0px; padding: 0px;>

border: none; — убирает рамку
margin — настраивает отступ от ближайших блоков
padding настраивает отступ от элемента
Поэкспериментируйте с отступами. можете отрицательные значения пробывать, можете с нулями.
avatar 
<img src="ссыль на ваше изображение" style="border: none; margin: 0px; padding: 0px;"/>

вот так
avatar
почти помогло вот что получаеться gogame-cs.ru/page/media/
avatar 
<table style="border: none; margin: 0px; padding: 0px;">
<tr>
   <td><img src="ссыль на ваше 1 изображение" style="border: none;margin: 0px; padding: 0px;"/></td>
   <td><img src="ссыль на ваше 2 изображение" style="border: none;margin: 0px; padding: 0px;"/></td>
</tr>
<tr>
   <td><img src="ссыль на ваше 3 изображение" style="border: none;margin: 0px; padding: 0px;"/></td>
   <td><img src="ссыль на ваше 4 изображение" style="border: none;margin: 0px; padding: 0px;"/></td>
</tr>

попробуйте так
avatar
так вапше не видно изображений
avatar
видимо тэйбл запрещен. пробуйте вторым способом
avatar
получилось через так 
<img src="http://gogame-cs.ru/uploads/images/2/6/5/f/1/8031042590.png" style="border: none; margin: 0px; padding: 0px; float: right;"/>
avatar
тока надо по центру все это дело зделать
avatar
либо в последних двух изображениях в style добавить параметр float: right;
avatar 
</nobr><img src="ссыль на ваше 1 изображение" style="border: none;margin: 0px; padding: 0px;"/>
<img src="ссыль на ваше 1 изображение" style="border: none;margin: 0px; padding: 0px;"/></nobr>
</nobr><img src="ссыль на ваше 1 изображение" style="border: none;margin: 0px; padding: 0px;"/>
<img src="ссыль на ваше 1 изображение" style="border: none;margin: 0px; padding: 0px;"/></nobr>
avatar
попробуйте еще так, имо на мелких экранах будет съезжать
по центру — заключите всё в тег 
<centre></centre>
avatar
по центру не хочет
avatar
ясн. тогда, что бы отцентровать, заключите код в тег 
<div style=" margin: 0 auto;">ваш код</div>
avatar
не центрует серовно
avatar
ну тогда учебник по css и htl в руки и вперед!)
avatar
дак я его уже весь перелопатил
avatar
а можно тупо зделать по ширине графику и все =)
avatar
Я его походу уже весь выучил =))) там вить не все теги канают из за этого не получаеться
avatar
не centre, а center
avatar

;)
avatar
nfr все 4 изобрадения выстраиваються в столбик
avatar
Хоть убейся не встает по центру
avatar
эксперементируйте с paddinb & margin может пойдет padding-top для двух последних эл. и.тд.
avatar
Поставь ширину диву width: 730px

<div style="margin: auto; width: 730px;">
код на картинки
</div>
  • Loci
  • 0
  • ↓
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.