laird
-
Posts
71 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by laird
-
-
сделал таблицу с одной ячейкой
как задать, что от ячейки будут координироваться картинки?
-
есть такая задача
в блоке 1000х700 расположить пять картинок в разных местах
например, картинку номер 1 размерами 240х180 расположить с отступом в 40 пикселей от верхнего края и 100 пикселей от левого края
картинку 2 размерами 130х300 расположить на 400 пикселей от верхнего края и на 500 пикселей от левого...
как все это сваять через верстку?
-
не помогает
хочу сделать по-другому
в чистой таблице задать конкретное положение картинки через margin&padding
-
Добрый день!
Расползается таблица вида:
<table width="1020" height="760" cellspacing="0" cellpadding="0" border="1">
<tr height="120">
<td colspan="9">
<img src="1.bmp">
</td>
</tr>
<tr height="40">
<td colspan="6">
<img src="2.bmp">
</td>
<td rowspan="3">
<img src="02.gif">
</td>
<td colspan="2" rowspan="3">
<img src="3.bmp">
</td>
</tr>итп
подскажите, пжл, как закрепить изображение конкретного размера в ячейке, чтобы последняя не расползалась по ширине и высоте аки ей, окаянной, вздумается?
что-то прописать надо в <style> ... </style>... не могу сообразить
-
тему можно удалять, неактуально
-
помогите, пожалуйста, с таблицей, буду премного благодарен!
<html>
<head>
<title>ART</title>
</head>
<body>
<div align="center">
<table width="1020" height="760" cellspacing="0" cellpadding="0" border="1">
<tr>
<td rowspan="6" colspan="51">
001
</td>
</tr>
<tr>
<td>
002
</td>
<td rowspan="10" colspan="12">
гифка2
</td>
<td rowspan="10" colspan="9">
003
</td>
</tr>
<tr>
<td rowspan="30" colspan="4">
004
</td>
<td rowspan="9" colspan="12">
гифка1
</td>
<td rowspan="4" colspan="14">
005
</td>
</tr>
<tr>
<td rowspan="5" colspan="4">
006
</td>
<td rowspan="10" colspan="10">
гифка3
</td>
</tr>
<tr>
<td rowspan="6" colspan="21">
007
</td>
</tr>
<tr>
<td width="20" height="20">
008-1
</td>
<td width="20" height="20">
008-2
</td>
<td rowspan="15" colspan="14">
гифка4
</td>
</tr>
<tr>
<td rowspan="20" colspan="2">
008
</td>
</tr>
<tr>
<td rowspan="10" colspan="10">
009
</td>
<td rowspan="16" colspan="19">
гифка5
</td>
<td rowspan="16" colspan="2">
010
</td>
</tr>
<tr>
<td rowspan="6" colspan="24">
011
</td>
</tr>
</table>
</div>
</body>
</html>разбивает все ячейки
у меня условно ячейка 20х20, от неё пляшут все роуспаны и колспаны...
-
-
img{
display: block;
}пусть логика останется далеко позади, но это помогло
осталась лишь одна проблемка для лисы
ну и onmouseout не срабатывает в лисичке - только при повторном наведении-убирании курсора мышки
-
Выложите пожалуйста ваш не рабочий пример на хостинг.
да там пока код не доработан
по сути если рассматривать, то в style у меня
<style type="text/css">
div.line {line-height:150%;}
BODY {
font-size: +1;
font-family: Georgia, 'Times New Roman', Times, serif;
margin: 0;
padding: 0;
}
a img {
border: none;
}
a {
outline: none;
}
</style>фрагмент таблицы
<tr>
<td colspan="10" rowspan="7">
<a href="lamps.html">
<img src='h3.gif'
onmouseover="this.src='h3-act.gif'"
onmouseout="this.src='h3.gif'" border=0 width=100%>
</a>
</td>etc
без <a href> все ложится идеально
при теге начинает ползать по вертикали
в хроме и опере нормально
про ИЕ не говорю - геморрой мне ещё предстоит
ну и onmouseout не срабатывает в лисичке - только при повторном наведении-убирании курсора мышки
класс для картинки что ли попробовать отдельно сделать и прописывать его
-
всё равно то же самое
SteeLZzZ
уж вы (ты) определитесь (-ись), вы (ты) ко мне на вы или на ты
учил я, учил, просто раньше не сталкивался с этим вплотную
-
вопрос пока не решен ((
может кто-то даст дельный совет?
- 1
-
что примечательно, только в firefox такие пироги
а ещё в лисе после события onmouseover не происходит сразу onmouseout
и происходит только при повторном наведении курсора, затем будто "отпускает"
глючная лиса, итить её!
но все таки я её люблю
img,img:focus,img:active {outline:0;border:0;}
это куда вставлять?
- 1
-
загвоздка в таком вот коде
<tr>
<td colspan="10" rowspan="7">
<a href="lamps.html">
<img src='h3.gif'
onmouseover="this.src='h3-act.gif'"
onmouseout="this.src='h3.gif'" border=0 width=100%>
</a>
</td>до введения тега ссылки (a href=etc)
картинка спокойненько так себе сосуществовала в таблице, совсем никого не напрягая
при добавления тега ссылки, таблица расползлась по пикселю на каждый ряд (обратите внимание на rowspan) - и вот проплешины в таблице, где в ячейках пикчи светлого цвета, а фон страницы черный - смотрится неприлично
нашел только и вставил в хэдере в
<style>
строчки
a img {
border: none;
}
a {
outline: none;
}проблема не решилась
уж не знаю, что ещё нужно
- 1
-
итак, в папке "some" лежит папка "any", в конечной лежит файл "gg.php"
в файле gg.php
прописываю путь к файлу header, который лежит в общей директории (т.е на две папки выше):
<?php include ('../../header.php');
?>
что в итоге:
того, на что ссылается сам header, в файле gg.php не отображается
т.е. к примеру в хэдере у меня прописано <img src="1.jpg">
а в gg.php эта картинка уже не отображается
и кроме того в gg.php ссылка <a href="index.php">На главную</a>
работает как <a href="some/any/index.php">
в общем, я в расстройстве
как скоординировать это дело?
-
как всё сложно...
я так понимаю, чтобы сделать так, чтобы при наведении курсора на картинку (!) всплывало окошко заданных размеров с текстом, - это только javascript? jquery?
-
<img src="kartinka.jpg" title="красивая картинка, епт">
Как в title можно редактировать стили текста и проч? например "красивая" сделать жирным текстом, или сделать "красивая" и "картинка" в две строки с тегом <br>?
кстати, то же самое к тексту применимо каким тегом? обычно вижу на страницах сайтов часть текста, подчеркнутую прерывистой линией - на неё наводишь, тож вылезает подсказка... О_О
-
завтра опробую, там видно будет =)
ещё раз спасибо
-
благодарю)
в хэдере прописывать что-то по js вроде надо? чтоб сие работало без проблем?
-
Как сделать рандом картинки в фоне ячейки таблицы? Оо
к примеру, у меня три картинки 100х100, и ячейка таблицы 100х100 - при обновлении страницы в фон этой ячейки каждый раз случайным образом должна загружаться одна из трех картинок... =)
-
поможите, кто может, пжл ))
-
суть такова:
иммется гифчик, из одного изображения перетекающий в другой (например, первые пять секунд-одно изображение, потом пять секунд второе)
вопрос:
как сделать, чтобы первые пять секунд на этом гифчике была одна ссылка, во вторые пять секунд - уже другая?
-
sigma77 то что надо!
сердечно благодарю!
-
есть ячейка в таблице размером, к примеру, 700 на 500. есть ли возможность без использования iframe сделать в ячейке содержимое с прокруткой, если содержимое больше чем 700 на 500 (текст)?
-
Нашел ещё код для таких случаев - здесь хотя бы плавная смена...
И после убирания курсора остается та пикча, на которую навел
<html>
<head>
<title>Мгновенная смена картинки при наведении курсора на ссылку</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.img1_link').mouseenter(function(){ imgOn($(this).attr('pic'))}).click(function(){return false;});
});
var speed = 500;
var timer = false;
function imgOn(imgName) {
$('#img1').fadeOut(speed);
clearInterval(timer);
timer = setInterval(function(){$('#img1').attr('src',imgName).fadeIn(speed)},speed);
}
</script>
</head>
<body bgcolor="000000" text="#00ff99" link="#00ff00" alink="#99ff00" vlink="#00cc00">
<table>
<tr>
<td>
<a class="img1_link" href="#" pic="gold468x60.gif">img 1</a><br>
<a class="img1_link" href="#" pic="metal468x60.gif">img 2</a><br>
<a class="img1_link" href="#" pic="metal-468x60.gif">img 3</a>
</td>
<td>
<img id="img1" src="gold468x60.gif" width="468" height="60" alt="" border="0">
</td>
</tr>
</table>
</body>
</html>
картинки в блоке
in Freelance
Posted
долго с ответом шел!
сделал через классы, забыл отписаться
итп