Jump to content
  • 0

Не могу сверстать карусель картинок. Нет идей

PaLyCH

Asked by PaLyCH,

 Share

Question

14 answers to this question

Recommended Posts

  • 0
Victor Ananiev Explorer

Victor Ananiev

Posted
Posted

Вставить все в одни блок, и задачть каждому элементу position:relative; а потом с помощью left:Apx; top:Bpx; все раскидать по местам. Но это без резины))

мдя, можна еще в процентах там все поуказывать тут более менее резиново))

Link to comment
Share on other sites
  • 0
Victor Ananiev Explorer

Victor Ananiev

Posted
Posted (edited)

хм, вопервых при наводе какое то серое чудовище(чудовище тавошо тармазит)))) а так вроде все четко, а если релатив, то надо в блок все засунуть, у мну все работает))) можешь через абсолют и маргинами) прцентными, только размеры картинок тож в процентах.

Edited by Vindex10
Link to comment
Share on other sites
  • 0
PaLyCH Explorer

PaLyCH

Posted
  • Author
Posted
хм, вопервых при наводе какое то серое чудовище(чудовище тавошо тармазит)))) а так вроде все четко, а если релатив, то надо в блок все засунуть, у мну все работает))) можешь через абсолют и маргинами) прцентными, только размеры картинок тож в процентах.

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

Link to comment
Share on other sites
  • 0
PaLyCH Explorer

PaLyCH

Posted
  • Author
Posted

Кое-как сверстал. Но, п....., ИЕ6 убъет всех. Дайте совет, как избавиться от исчезновения подложки вверху страницы

Ссылка http://job.cre-active.eu/

Сам исправил.Для контейнера с фоном добавил height:100%

Link to comment
Share on other sites
  • 0
Victor Ananiev Explorer

Victor Ananiev

Posted
Posted

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

Link to comment
Share on other sites
  • 0
q--b Explorer

q--b

Posted
Posted (edited)

ребят - да чо вы ерундой страдаете ? - элементарно это все верстается - таблицами,самые простецкие тэги <table><tr><td> где в определенных ячейках таблицы будут рисунки либо фоновые либо посредством img ,а можно применить и оба варианта...,что будет даже лучше...по поводу рекомендации указывать размер изображения в % - никогда так не делайте...

чето не обломался я да и написал вам код .. там писать то 5 минут ети его мать ...1н фрагмент ,а остальное ctr+c

<html>

<head>
  <title></title>
</head>

<body>
<center>
<table width='40%' height='20%' border='1'>
<tr>
<td bgcolor='#505050' align='center'>
<a href='#'><img src='#' width='50' height='50'></a>
</td>
<td bgcolor='#505050' align='center'>
<a href='#'><img src='#' width='50' height='50'></a>
</td>
</tr>
</table>
<table width='60%' height='40%' border='1'>
<tr>
<td bgcolor='#505050' align='center'>
<a href='#'><img src='#' width='50' height='50'></a>
</td>
<td bgcolor='#505050' colspan='2' rowspan='2' align='center'>
<a href='#'><img src='#' width='100' height='100'></a>
</td>
<td bgcolor='#505050' align='center'>
<a href='#'><img src='#' width='50' height='50'></a>
</td>
</tr>
<tr>
<td bgcolor='#505050' align='center'>
<a href='#'><img src='#' width='50' height='50'></a>
</td>
<td bgcolor='#505050' align='center'>
<a href='#'><img src='#' width='50' height='50'></a>
</td>
</tr>
</table>
<table width='40%' height='20%' border='1'>
<tr>
<td bgcolor='#505050' align='center'>
<a href='#'><img src='#' width='50' height='50'></a>
</td>
<td bgcolor='#505050' align='center'>
<a href='#'><img src='#' width='50' height='50'></a>
</td>
</tr>
</table>
</center>


</body>

</html>

p.s.

про апострофы не спрашивайте - пишу по привычке под вывод кода оператором php - можете не менять...

положение картинок поправите при помощи символа неразрывного пробела  фон таблиц надеюсь тоже знаете ,как поменять уж разжовывать не буду ,как и что дальше - добавить можно еще кучу всего ,но вот основной принцип .. 5 минут работы...

Edited by q--b
Link to comment
Share on other sites
  • 0
q--b Explorer

q--b

Posted
Posted
ИМХО надо было на дивах.

просто таблицей - как то эстетичней все это да и правильнее + к тому же - самый резиновый вариант из возможных,а дивы втолкать тоже вобщем никто в ячейки не мешает ! ))

Link to comment
Share on other sites
  • 0
Victor Ananiev Explorer

Victor Ananiev

Posted
Posted

))) Какой смысл делать таблицами(резиново) если при уменьшении будут очень маленькие картинки, что не удобно, а если делать без резины, то можно без запары сделаьт без таблиц(на дивах). ИМХО так будет правильней, где таблицы не сильно нужны, юзаем дивы.

Link to comment
Share on other sites
  • 0
q--b Explorer

q--b

Posted
Posted (edited)
))) Какой смысл делать таблицами(резиново) если при уменьшении будут очень маленькие картинки, что не удобно, а если делать без резины, то можно без запары сделаьт без таблиц(на дивах). ИМХО так будет правильней, где таблицы не сильно нужны, юзаем дивы.

"не нужно слов - подари рафаэлло" :P вместо пустой болтовни - я взял да и сверстал... - особо копошиться не хотелось поэтому ту лабуду,что получилась,как есть закинул на виртуальник у себя на апач вот-оно,но если понажимать F5 можно даже увидеть небольшие изменения,стили тоже не поленился туда впендюрить ... пока все это конечно достаточно убого да и не особо "валидно" :P ух - словами то какими вы тут в друг друга кидаетесь...однако мозила терпит при 1024х768 добрые 60% инета с этим барахлом на таком разрешении сидит так ,что думаю потянет с пивом,а вообще конечно нужно верстать для всех так,что, как руки дойдут - надо будет подумать чего еще туда прилепить

p.s.

жду пока состряпаете на дивах :) о кстати придумал чего прилепить.. - напишу ка я скриптик чтобы фон менялся в зависимости от времени суток...,но это завтра ,а пока в койку ! :)

Edited by q--b
Link to comment
Share on other sites
  • 0
q--b Explorer

q--b

Posted
Posted (edited)

хм... - ещё немного проапгрэйдил нашу карусель с утра...- теперь она показывает время на момент открытия страницы ,желает доброго времени суток и каждый вопросик готов при нажатии открыть новое окно ... каруселько

p.s.

оформление оставяет желать лучшего,но ведь это не более чем 20и минутный тяп ляп ... - сами понимаете ...

Edited by q--b
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept