| Внимание! В связи с устареванием топика эта страница была взята из кэша.
|
 waxy
Зарегистрирован: 13.03.04
Сообщения: 15
|
 Добавлено: 10/06/04 в 22:54
|
|
вот такая задачка...
есть файлик a.gif (полоса с краями более томного цветa) - его надо замостырить под бэк галерки на всю длину страницы... для экрана 800х600 это должно выглядеть так, что по бокам экрана как раз идут те самые темные края полосы
а на 1024х768 - эта полоса должна оставаться посередине и обрамлять таблицу, а по краям нужно пустить просто цвет ....
проще не бывает,
но все никак не выравнивается посередине, и эта зараза - полоса - на большом экране начинает повторяться справа
не пойму что не так...
плиз, люди, помогите - где ошибка?
....
</head>
<body bgcolor=#FF3399 leftMargin=0 topMargin=0 MARGINWIDTH="0" MARGUNHEIGHT="0"><center>
<table height="100%" cellspacing="0" cellpadding="0" width=800 background=../a.gif border="0">
<tr>
<table border="0" align="center" cellpadding="0" width="614" height="266">
<tr><td.......
сорри, если для кого вопрос ну совсем простецкий...
|
|
K началу
|
|
| |
 Core
Зарегистрирован: 07.09.03
Сообщения: 808
|
|
Добавлено: 11/06/04 в 00:01
|
|
дай линк на страницу
|
|
K началу
|
|
| |
TAiNT
Зарегистрирован: 28.05.04
Сообщения: 110
|
|
Добавлено: 11/06/04 в 00:11
|
|
во-первых
<table height="100%" работать будет не везде
надо прописать в CSS
| Код: |
<style>
HTML, BODY {
height: 100%;
}
</style>
|
и только потом <table height="100%"
Да, линку плиз. Полечим. Ты наверное просто с самого начала неправильно верстать начал.
Посмотрел еще раз. Попробуй так
| Код: |
<style>
HTML, BODY {
height: 100%;
}
body {
margin: 0px;
background-color: #FF3399;
}
</style>
</head>
<body>
<center>
<table height="100%" cellspacing="0" cellpadding="0" width="800" border="0">
<tr>
<td background="../a.gif">
<table border="0" align="center" cellpadding="0" width="614" height="266">
<tr><td.......
|
может поможет, но если глянуть на все сразу "вживую" будет яснее а так это просто поиски в темноте черной кошки.[/code]
|
|
K началу
|
|
| |
me_makes_motion
Зарегистрирован: 14.05.04
Сообщения: 31
|
|
Добавлено: 11/06/04 в 13:42
|
|
можно сделать вот-так..всё просто :
| Код: |
<table style="BACKGROUND-POSITION: center top; BACKGROUND-REPEAT: repeat-y" background="../images/bg1222.jpg" height="100%"> |
Последний раз редактировалось: me_makes_motion (11/06/04 в 18:14), всего редактировалось 1 раз
|
|
K началу
|
|
| |
tabooman
Зарегистрирован: 11.03.04
Сообщения: 286
|
|
Добавлено: 11/06/04 в 15:46
|
|
| waxy писал: | ....
</head>
<body bgcolor=#FF3399 leftMargin=0 topMargin=0 MARGINWIDTH="0" MARGUNHEIGHT="0"><center>
<table height="100%" cellspacing="0" cellpadding="0" width=800 background=../a.gif border="0">
<tr>
<table border="0" align="center" cellpadding="0" width="614" height="266">
<tr><td....... |
Может все-таки исправить вот это MARGUNHEIGHT="0" на MARGINHEIGHT="0"?
|
|
K началу
|
|
| |
Geo-M
Зарегистрирован: 07.06.03
Сообщения: 514
|
|
Добавлено: 11/06/04 в 17:24
|
|
| tabooman писал: | | Может все-таки исправить вот это MARGUNHEIGHT="0" на MARGINHEIGHT="0"? |
tabooman, к изложенной проблеме эта опечатка не имеет отношения.
|
|
K началу
|
|
| |
waxy
Зарегистрирован: 13.03.04
Сообщения: 15
|
|
Добавлено: 12/06/04 в 22:16
|
|
Вот линк - попинайте заодно
http://www.gayspornpics.com/index-1.html
спасибо за советы, пока исправили дедовским способом - но код надо принципиально править...
дурная привычка - накидать все, чтобы виден был результат, а потом править :-(
З.Ы. наконец-то кто-то толком написал то, что так хотелось услышать
еще раз Болшое Сенкс!
|
|
K началу
|
|
| |
Core
Зарегистрирован: 07.09.03
Сообщения: 808
|
|
Добавлено: 12/06/04 в 23:41
|
|
код какой-то мутный..
что это за адрес у картинки:
<img src="img//s.gif" width="5">
делай сразу все начисто и не будет проблем 
ЗЫ. Домен как-то не сочетается с галерой, возможно это временно
|
|
K началу
|
|
| |
TAiNT
Зарегистрирован: 28.05.04
Сообщения: 110
|
|
Добавлено: 13/06/04 в 15:21
|
|
Дарю
Общие замечания.
0. Выше правильно сказали - делай все сразу начисто. Времени потратишь гораздо меньше. Возми на бумажке накидай как оно будет выглядеть. Выкинь лишние элементы. Еще раз выкинь лишние элементы Старайся максимально упростить структуру до того как начал верстать. Когда знаешь что ты хочешь получить в результате дело идет гораздо быстрее. Это конечно непросто если не сделаешь пункт #1.
1. Хотя бы один раз прочитай спецификации HTML и CSS и попробуй в них вникнуть.
2. Чем меньше таблиц тем лучше. Особенно это касается вложенных таблиц.
3. Старайся избегать "распорок". Распорка - прозрачный GIF размером 1x1, который используется для задания размера ячейки или отступа. У меня используется для замены тумб.
4. Полагайся на то что элементы внутри ячейки растянут ячейку до нужного размера и тогда все будет ок под любым броузером.
5. Всегда задавай размеры картинок. Если они известны то IE будет сразу рендерить всю таблицу а не прогружать сначала все внутренние элементы.
6. Не брезгуй ALT для картинок. Это потенциальный лишний SE трафф.
7. Не бойся CSS. Он значительно может упростить тебе задачу.
8. Читай и экспериментируй много ;)
| Код: | <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>search for mature</title>
<style>
html, body {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
background-color: #F39;
}
#main {
background-position: center top;
background-repeat: repeat-y;
background-image: url('img/a.gif');
}
#thumbs img {
border: 2px solid #FF9;
}
</style>
</head>
<body>
<center>
<table width="800" height="100%" cellspacing="0" cellpadding="0" border="0" id="main" align="center">
<tr>
<td align="center" valign="top">
<!-- HEADER (который порезан как-то пиздовато :-[ )-->
<table border="0" cellpadding="0" cellspacing="0">
<tr><td><img src="img/b_01.gif" width="614" height="50"></td></tr>
<tr><td><img src="img/b_02.gif" width="125" height="103"><img
src="img/b_03.gif" width="165" height="103"><img
src="img/b_04.gif" width="129" height="103"><img
src="img/b_05.gif" width="195" height="103"></td></tr>
<tr><td><img src="img/b_06.gif" width="614" height="36"></td></tr>
<tr><td><img src="img/b_07.gif" width="186" height="77"><img
src="img/b_08.gif" width="248" height="77"><img
src="img/b_09.gif" width="180" height="77"></td></tr>
</table>
<!-- THUMBS section --->
<table border="0" cellpadding="0" cellspacing="15" id="thumbs">
<tr>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
</tr>
<tr>
<td></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td></td>
</tr>
<tr>
<td></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td></td>
</tr>
<tr>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
<td><a href="#"><img src="img/1x1.gif" width="90" height="140" alt=""></a></td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</html> |
|
|
K началу
|
|
| |
Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте! |
Внимание! В связи с устареванием топика эта страница была взята из кэша.
|
