Не могу разобраться с HTML!

автор Romaric Февраль 28th 2009, 20:06

В общем я воспользовался советами (большое кстати за них спасибо) и уже почти сделал те страницы (с помощью редактора встроенного в форум), которые мне были нужны...
Хотел бы узнать по поводу такой опции как: разрешение, дело в том что на моём дисплее (1440 на 900) смотрится всё по центру, а вот на других мониторах (меньших) смотрится всё не по центру (т.е. растягивается и появляется внизу полоса прокрутки)
Так вот, не могли бы Вы мне подсказать код, который исправит эту ситуацию, да всех браузеров и для всех разрешений?))
Заранее огромное спасибо!

P.S. обычный центр не работает(

автор Amanus Февраль 28th 2009, 20:36

Ссылку на форум можно ?

автор Romaric Март 1st 2009, 01:19

Amanus пишет:Ссылку на форум можно ?

я пока ещё не вывел на форум страницы свои)))
я могу дать код, или дать страницу одну (как раз та что не по центру)?

автор Romaric Март 1st 2009, 21:05

что никто не поможет?

автор Romaric Март 2nd 2009, 23:11

неужели никто не знает как решить проблему с центрированием?
у меня вообще не работает центр когда я делаю страницу в HTML!

автор X-WoL Март 3rd 2009, 00:21

А в чём код сочиняешь?) Я вот к Dreamweaver привык, там код получается ровненький для всех браузеров...
Давай сюда код, завтра (то бишь уже сегодня) утром посмотрю, что там такого что не всем видно)

автор Romaric Март 3rd 2009, 12:33

X-WoL пишет:А в чём код сочиняешь?) Я вот к Dreamweaver привык, там код получается ровненький для всех браузеров...
Давай сюда код, завтра (то бишь уже сегодня) утром посмотрю, что там такого что не всем видно)

вот смотри, только строго не суди))) мы первый раз ко делали, может что не так...
но тэг центрирование я поставил, а по центру не становиться...
+ у моего знакомого разрешение монитора 1024, у него половину картинок не попадает в экран (у меня 1440, всё попадает автоматом, на всех браузерах!)))
помоги чем сможешь?

<div style="text-align: center;">
<html>
<head>

<script type="text/javascript" src="http://llmozart.nextmail.ru/jquery.js"></script>
<script type="text/javascript" src="http://llmozart.nextmail.ru/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="http://llmozart.nextmail.ru/jquery.lightbox-0.5.css" media="screen" />

<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();

$('a[@rel*=lightbox]').lightBox();
});
</script>

<style type="text/css">

#gallery {
text-align: center;
background-color: #444;
padding: 10px;
width: 1000px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #bf6565;
border-width: 5px 5px 20px;
color: #fff;
}
#gallery ul a:hover { color: #fff; }
</style>
</head>
<body background="https://i.servimg.com/u/f78/10/08/94/73/ooe13.jpg">

<div align='center' id="gallery">
<h2>Abums</h2>
<ul>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-ai10.jpg" title="Ain't Nothin' Like Me">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-ai11.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-al10.jpg" title="All That I Am">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-al11.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-an10.jpg" title="And Then">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-an11.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-an13.jpg" title="And Then">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-an12.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-be11.jpg" title="Better Days">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-be10.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-ev10.jpg" title="Everything">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-ev11.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-gr10.jpg" title="Geatest Hits">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-gr11.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-my11.jpg" title="My Name Is Joe">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-my13.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-my12.jpg" title="My Name Is Joe">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-my14.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-ne10.jpg" title="New Man">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-ne11.jpg" width="100" height="100" alt="" />
</a>
</li>

</ul>

<h2>Singles</h2>

<ul>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-er10.jpg" title="Emergency Room">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-er11.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-if10.jpg" title="If I Was Your Man">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-if11.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-mo10.jpg" title="More & More">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-mo11.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-ri10.jpg" title="Ride Wit U (Ft. G-Unit)">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-ri11.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-wh10.jpg" title="Where You At (Ft. Papoose)">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-wh12.jpg" width="100" height="100" alt="" />
</a>
</li>
<li>
<a href="https://i.servimg.com/u/f68/10/08/94/73/joe-wh11.jpg" title="Why Just Be Friends">
<img src="https://i.servimg.com/u/f68/10/08/94/73/joe-wh13.jpg" width="100" height="100" alt="" />
</a>
</li>
</ul>
</div>
</body>
</html></div>

автор X-WoL Март 3rd 2009, 12:49

только строго не суди)))

Да уж когда я тут был строгим)

так... смотри, у тебя все теги должны быть внутри тега body то что ты вокруг там написал браузер посмотрит на это и пропустит...
у тебя есть общий div align='center' id="gallery"
вокруг него пишешь

Код:: <center></center>

и не мучаешься с CSS, когда можно сделать влом, лучше делать влом) мало ли как там CSS конечный браузер обрабатывает.

и у меня почему-то не отображается фон, не знаю с чем связано, но когда сделал вот так:

Код:: <html><head> <script src="http://llmozart.nextmail.ru/jquery.js" type="text/javascript"/> <script src="http://llmozart.nextmail.ru/jquery.lightbox-0.5.js" type="text/javascript"/> <link media="screen" href="http://llmozart.nextmail.ru/jquery.lightbox-0.5.css" type="text/css" rel="stylesheet"/> <script type="text/javascript"> $(function() { $('#gallery a').lightBox(); $('a[@rel*=lightbox]').lightBox(); }); </script> <style type="text/css"> #gallery { text-align: center; background-color: #444; padding: 10px; width: 1000px; } #gallery ul { list-style: none; } #gallery ul li { display: inline; } #gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; } #gallery ul a:hover img { border: 5px solid #bf6565; border-width: 5px 5px 20px; color: #fff; } #gallery ul a:hover { color: #fff; } </style> <style charset="utf-8" type="text/css">/* See license.txt for terms of usage */ .firebugHighlight { z-index: 2147483647; position: absolute; background-color: #3875d7; } .firebugLayoutBoxParent { z-index: 2147483647; position: absolute; background-color: transparent; border-right: 1px dashed #BBBBBB; border-bottom: 1px dashed #BBBBBB; } .firebugRulerH { position: absolute; top: -15px; left: 0; width: 100%; height: 14px; background: url(chrome://firebug/skin/rulerH.png) repeat-x; border-top: 1px solid #BBBBBB; border-right: 1px dashed #BBBBBB; border-bottom: 1px solid #000000; } .firebugRulerV { position: absolute; top: 0; left: -15px; width: 14px; height: 100%; background: url(chrome://firebug/skin/rulerV.png) repeat-y; border-left: 1px solid #BBBBBB; border-right: 1px solid #000000; border-bottom: 1px dashed #BBBBBB; } .overflowRulerX > .firebugRulerV { left: 0; } .overflowRulerY > .firebugRulerH { top: 0; }</style></head><body style="background-image: url(http://i78.servimg.com/u/f78/10/08/94/73/ooe13.jpg); background-repeat: repeat;"> <center> <div id="gallery"> <h2>Abums</h2> <ul> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-ai10.jpg" title="Ain't Nothin' Like Me"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-ai11.jpg" alt=""/> </a> </li> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-al10.jpg" title="All That I Am"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-al11.jpg" alt=""/> </a> </li> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-an10.jpg" title="And Then"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-an11.jpg" alt=""/> </a> </li> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-an13.jpg" title="And Then"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-an12.jpg" alt=""/> </a> </li> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-be11.jpg" title="Better Days"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-be10.jpg" alt=""/> </a> </li> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-ev10.jpg" title="Everything"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-ev11.jpg" alt=""/> </a> </li> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-gr10.jpg" title="Geatest Hits"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-gr11.jpg" alt=""/> </a> </li> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-my11.jpg" title="My Name Is Joe"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-my13.jpg" alt=""/> </a> </li> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-my12.jpg" title="My Name Is Joe"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-my14.jpg" alt=""/> </a> </li> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-ne10.jpg" title="New Man"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-ne11.jpg" alt=""/> </a> </li> </ul> <h2>Singles</h2> <ul> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-er10.jpg" title="Emergency Room"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-er11.jpg" alt=""/> </a> </li> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-if10.jpg" title="If I Was Your Man"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-if11.jpg" alt=""/> </a> </li> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-mo10.jpg" title="More & More"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-mo11.jpg" alt=""/> </a> </li> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-ri10.jpg" title="Ride Wit U (Ft. G-Unit)"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-ri11.jpg" alt=""/> </a> </li> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-wh10.jpg" title="Where You At (Ft. Papoose)"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-wh12.jpg" alt=""/> </a> </li> <li> <a href="http://i68.servimg.com/u/f68/10/08/94/73/joe-wh11.jpg" title="Why Just Be Friends"> <img height="100" width="100" src="http://i68.servimg.com/u/f68/10/08/94/73/joe-wh13.jpg" alt=""/> </a> </li> </ul> </div> </center> </body></html>

всё заработало)
и ещё) на твоём месте я бы в CSS сделал бы прозрачный фон:

Код:: #gallery { text-align: center; background-color: transparent; padding: 10px; width: 1000px; }

автор Romaric Март 3rd 2009, 12:55

спасибо большое!!!! блин!!!! очень помог!!!
я уже всю голову сломал!!!!!

P.S. Если что смогу ли я ещё к тебе обратиться?

P.S.2

автор X-WoL Март 3rd 2009, 12:59

конечно, если что прямо в этой теме)

Кстати на других разрешениях экранов будет смотреться нормально, просто придётся прокручивать по горизонтали (но у нас сейчас мало кто сидит с разрешением 800х600, так что думаю о размерах можно не волноваться)

автор Romaric Март 3rd 2009, 13:08

X-WoL пишет: конечно, если что прямо в этой теме)

Кстати на других разрешениях экранов будет смотреться нормально, просто придётся прокручивать по горизонтали (но у нас сейчас мало кто сидит с разрешением 800х600, так что думаю о размерах можно не волноваться)

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

P.S. у меня сразу вопрос, ты умеешь делать .gif кнопки? чтобы мигало моргало?)
или может можешь подсказать в какой программе можно сделать такую вещь?)
а то надо вывести всю свою работу на форум, и нужна кнопка чтобы моргала)

Не могу разобраться с HTML!

Не могу разобраться с HTML!

Re: Не могу разобраться с HTML!

Re: Не могу разобраться с HTML!

Re: Не могу разобраться с HTML!

Re: Не могу разобраться с HTML!

Re: Не могу разобраться с HTML!

Re: Не могу разобраться с HTML!

Re: Не могу разобраться с HTML!

Re: Не могу разобраться с HTML!

Re: Не могу разобраться с HTML!

Re: Не могу разобраться с HTML!