VPF::оптимизация хтмл кода под раздные браузеры

supervladislav

Дата 14.11.2006, 17:03 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

у меня такая проблема есть моя домашня страничка http://ariavlad.narod.ru/ там какая-то проблема
меню слева

Код


<style>
a{text-decoration: none;color:red;font-size:100%;}
a:link{color:black;font-weight: bolder;}
a:visited{color:black;font-weight: bolder;}
a:focus{color:;font-weight: bolder;}
a:hover{color:black;font-weight: bolder;}
a:active{color:#DD3A3A ;font-weight:bolder;}
ul#men{text-align:center;background-color:red;width:16em;list-style-type:none;margin-left:0px;padding-left:0px;margin-top:0px;}
ul#men a{text-decoration:none;background:red;width:16em;text-align:center;color:black;border:1px double;display:block;}
ul#men a:hover{text-decoration:none;background:white;width:16em;text-align:center;}
</style>

Код


<ul type=sqare id=men>
<li><a href="index.html">главная</a></li>
<li><a href="http://www.narod.ru/guestbook/?owner=41201250">гостевая</a></li>
<li><a href="mp3list.html">[censored33! Пожалуйста, соблюдайте элементарные правила приличия при общении на форуме]-рок</a></li>
<li><a href="ss.html">ссылки</a></li>
<li><a href="about.html">кто я такой</a></li>
<li><a href="guitar.html">о гитарных прогах</a></li>
<li><a href="otchet.html">концерты</a></li>
<li><a href="fotoalbom.html">фотоальбом</a></li>
</ul>

ну так вот ,вот эта меню находится в ячейки таблицы (вправой) а влевой ячейке
находяться баннеры ,они тоже заключены в таблицу ,ну так вот енто самое меню оно съезжает пикселей на 300 как-бы к середине,я прошу народ помогите как енто лечится ,существуют ли хоть какие правила соблюдая которые можно оптимизировать хтмл код под хотябы 2 браузера.
и еще как расположить две таблицы одна под другой ,раньше все работало нормально но в новой опере работает все через одно место ,раньше лечилось все тегом valign=left а сейчас ну хоть ты тресни та таблица которая должнабыть внизу лезит наверх,в чем дело.

SelenIT

Дата 15.11.2006, 02:02 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

наверное, все же valign="bottom", если я верно понял, в чем именно проблема...

Это сообщение отредактировал(а) SelenIT - 15.11.2006, 02:02

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

supervladislav

Дата 15.11.2006, 21:43 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

Цитата(SelenIT @ 15.11.2006, 02:02)

наверное, все же valign="bottom", если я верно понял, в чем именно проблема...

проблема в том ,что есть меню-справа ,а слева ну в другой ячейке другая таблица ,
в другой ячейке таблица с баннерами на другие сайты,меню нормально отображается в эксплолере а
в опере имеет отступ от верха ,и его мне не убрать.
http://ariavlad.narod.ru/88on33.html

p.s:кстате на счет bottom помогло ,но по центру мне ее не поставить.

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

Код


<html>
<head>
<title>[censored33! Пожалуйста, соблюдайте элементарные правила приличия при общении на форуме]-портал "у влада"</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html">
<META NAME="KeyWords" CONTENT="сайт о концертах записанных с нашего радио, мп3 классической Арии,король и шут на нашем радио ,концерт - презентация группы белая гвардия в Санкт-петербурге ,чайф на нашем радио,
концерт короля и шута на нашем радио ,концерт арии на нашем радио,концерт чайф на нашем радио,тут выложены мп3 короля и шута,Арии,чайф,мой поход на nightwish,  как я ходил на nightwish в санкт-петербурге,nightwish,отчет о концерте Nightwish в питере в 26 сентября 2003 года">
<meta http-equiv="Content-Type">
<content="text/html; charset=windows-1251">
 <META NAME="Description" CONTENT="[censored33! Пожалуйста, соблюдайте элементарные правила приличия при общении на форуме]-портал,[censored33! Пожалуйста, соблюдайте элементарные правила приличия при общении на форуме]-рок,ария,концерты с нашего радио,король и шут ,ария на нашем радио,король и шут на нашем радио,приключение эликтроников ,приключение эликтроников на нашем радио,чайф,чайф на нашем радио">
 <META NAME="Author" CONTENT="влад">
<style>
a{text-decoration: none;color:red;font-size:100%;}
a:link{color:black;font-weight: bolder;}
a:visited{color:black;font-weight: bolder;}
a:focus{color:;font-weight: bolder;}
a:hover{color:black;font-weight: bolder;}
a:active{color:#DD3A3A ;font-weight:bolder;}
ul#men{text-align:center;background-color:red;width:16em;list-style-type:none;margin-left:0px;padding-left:0px;margin-top:0px;}
ul#men a{text-decoration:none;background:red;width:16em;text-align:center;color:black;border:1px double;display:block;}
ul#men a:hover{text-decoration:none;background:white;width:16em;text-align:center;}
body
{
margin-top:0px;
margin-left:0px;
margin-right:0px;
scrollbar-3dlight-color:red ;
scrollbar-base-color:red ;
scrollbar-darksh   adow-color:red;
}
h1{text-align:center;color:#E48437;font-size:100%;font-weight:bolder;}
h3{text-align:center;color:black;font-size:80%;font-weight:bolder;color:#FA8424;margin-top:100%;}
</style>
</head>
<body style="background-color:black;">
<p align=center>
<embed src="logo.swf" quality="high" bgcolor="#000000" width="600" height="200" align=center name="logo" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</p>
<table  width=100% border=1>
<tr>
<td width=20% valign=left bgcolor=F76F6F>
<ul type=sqare id=men>
<li><a href="index.html">главная</a></li>
<li><a href="http://www.narod.ru/guestbook/?owner=41201250">гостевая</a></li>
<li><a href="mp3list.html">[censored33! Пожалуйста, соблюдайте элементарные правила приличия при общении на форуме]-рок</a></li>
<li><a href="ss.html">ссылки</a></li>
<li><a href="about.html">кто я такой</a></li>
<li><a href="guitar.html">о гитарных прогах</a></li>
<li><a href="otchet.html">концерты</a></li>
<li><a href="fotoalbom.html">фотоальбом</a></li>
</ul>
<hr width=100%>
</td>
<td width=90% valign=right>
<table  width=60% border=1 align=center bgcolor=#F76F6F>
<tr align=center bgcolor=#F76F6F>
<td>
<A HREF="http://blockhell.nm.ru/" TARGET="_blank">
<IMG SRC="http://blockhell.nm.ru/img/banner.gif" ALT="БЛОК АДА ¦ http://blockhell.nm.ru/" BORDER=0></A></P>
</td>
<td>
сайт о творчестве группы алиса
</td>
</tr>
<tr align=center bgcolor=#F76F6F>
<td>
<a href="http://www.ponikita.narod.ru" target=_blank> 
<img src="http://www.nymfa.narod.ru/ban_pon.gif" border="0"></a>
</td>
<td>
www.ponikita.narod.ru
</td>
</tr>
<tr align=center bgcolor=#F76F6F>
<td align=center>
<a href="http://antikish.by.ru" target="_blank"><img src="http://antikish.by.ru/antibanner.gif" border="0" width="88" height=" 31" alt="АНТИ КиШ движение - борцы с [censored33! Пожалуйста, соблюдайте элементарные правила приличия при общении на форуме]-панком!"></a>
</td>
<td>
АНТИ КиШ движение - борцы с [censored33! Пожалуйста, соблюдайте элементарные правила приличия при общении на форуме]-панком
</td></tr>
<tr align=center bgcolor=#F76F6F><td><a href="http://www.sten095.narod.ru" target=_blank> 
<img src="http://www.sten095.narod.ru/banner.jpg" 
alt="все о музыке" width="88" height="31" border="0"></a> 
</td><td>все о музыке</td><tr>
<tr align=center bgcolor=#F76F6F><td><!-- сайт против творчесва группы алиса 88*33-->
<a href="http://www.antialisa.h10.ru" target="_blank">
<img src="http://www.antialisa.h10.ru/banner1.gif" border="0"width="88"height="33" alt="www.antialisa.h10.ru первый  сайт против творчества группы алиса и Константина Кинчева "></a></td><td>первый  сайт против творчества группы алиса и Константина Кинчева</td></tr>
<tr align=center bgcolor=#F76F6F><td><a href="http://myduck666.tripod.com"><img src="http://myduck666.wol.bz/image/banner/banner2.gif" width="88" height="31" border="0"></a>
<a href="http://www.PDPD.NAROD.RU" target="_blank">
</td><td>сосать всем</td></tr>
<tr align=center ><td><a href="http://www.pdpd.narod.ru/" target=_blank><img src="http://pdpd.narod.ru/123321.gif"border="0"width="88"height="31"alt="!!!WWW.PDPD.NAROD.RU: ОФИЦИАЛЬНЫЙ САЙТ ПАНКРОК ГРУППЫ ПДД!!!"></a></td><td>ОФИЦИАЛЬНЫЙ САЙТ ПАНКРОК ГРУППЫ ПДД!!</td></tr>
<tr align=center ><td><a href="http://www.bomgi2006.narod.ru/"target="_blank"> <img src="http://bomgi2006.narod.ru/bannerrr.gif"alt="Бомжи,ФОТО,КАРТИНКИ,ПРИКОЛЫ" border="0" width="81" height="33"></a></td><td>Бомжи,ФОТО,КАРТИНКИ,ПРИКОЛЫ</td></tr>
<tr align=center ><td><a href="http://www.ptica-marabu9.narod.ru/" target=_blank> 
<img src="atlantida.jpg" 
alt="ссылка на сайт для тех ,кто еще верит найти современного Достаевского в этом мире" width="88" height="31" border="0"></a> 

</td><td>ссылка на сайт для тех ,кто еще верит найти современного Достаевского в этом мире</td>
<tr align=center><td><!-- http://kolosov.jino-net.ru/ 88*33-->
<a href="http://kolosov.jino-net.ru/" target="_blank">
<img src="http://kolosov.jino-net.ru/banner.gif" border="0" width="88" height="33" alt="http://kolosov.jino-net.ru/ - сайт неизвестного писателя -Колосова Алекея,фантастика,стихи, проза"></a>
</td>
<td>сайт неизвестного писателя -Колосова Алекея,фантастика,стихи, проза</td>
</tr>
<tr><td align=center><a href="http://yobaniykolyan.by.ru/"><img src="http://coolkolyan.wol.bz/bannerkolyan.gif" border="0" title="Страница Йобаного Коляна"></a></td>
<td align=center>Страница Йобаного Коляна</td>
</tr>
<tr align=center ><td><a title="Портал любви и романтики :: Мы рядом! ::" href="http://www.miryadom.ucoz.ru">
<img border="0" src="http://www.miryadom.ucoz.ru/banner.gif" width="120" height="60"></a></td>
<td>Портал любви и романтики :: Мы рядом!</td>
</tr>
<tr bgcolor=#F76F6F>
<td align=center><a href="http://www.newxit.narod.ru/" target=_blank> <img src="http://hypermix.narod.ru/cooltext28688516.gif" border="0"alt="www.newxit.narod.ru все жанры музыки и всё это бесплатно без регистраций!" width=88 height=31"><a></td>
<td>все жанры музыки и всё это бесплатно без регистраций</td>
</tr>
<tr bgcolor=#F76F6F>
<td><p align="center"><a href="http://www.ohrimka.net.ua/" target="_blank"><img alt="Этот сайт посвящён полностью мне тут находятся моистихи, песни, фотки, и многое другое." src="http://alina.lline.net/denis.gif" border="0" width="88" height="31"></a></p></td>
<td>Этот сайт посвящён полностью мне тут находятся моистихи, песни, фотки, и многое другое</td>
</tr><br><br>

<table width=60% border=0 valign=left >
<tr align=center ><td><img src=baner.gif border=0 width=88 height=33 alt="мой банер" align=center></td>
<td><textarea cols=30% rows=2%><!-- http://www.ariavlad.narod.ru/ 88*33-->
<a href="http://www.ariavlad.narod.ru/" target="_blank">
<img src="http://www.ariavlad.narod.ru/baner.gif" border="0" width="88" height="33" alt="http://www.ariavlad.narod.ru/ - первый в рунете [censored33! Пожалуйста, соблюдайте элементарные правила приличия при общении на форуме]-портал,Король и шут ,Ария,Чайф и Весь [censored33! Пожалуйста, соблюдайте элементарные правила приличия при общении на форуме]-рок "></a></textarea></td>
<tr>
</table>
<br><br>
</tr>
</table>
<br><br>






</body>
</html>

Это сообщение отредактировал(а) supervladislav - 15.11.2006, 21:52

EDuard

Дата 16.11.2006, 17:48 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 1.8.2005
Где: Синее нигде

Репутация: 5
Всего: 7

Цитата(supervladislav @ 14.11.2006, 17:03

)

птимизировать хтмл код под хотябы 2 браузера.

Имхо, стандарты пытаються решить эту проблему. (w3c)

--------------------

supervladislav

Дата 16.11.2006, 19:28 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

Цитата(EDuard @ 16.11.2006, 17:48)

Цитата(supervladislav @ 14.11.2006, 17:03

)

птимизировать хтмл код под хотябы 2 браузера.

Имхо, стандарты пытаються решить эту проблему. (w3c)

а существуют ли стандарты хтмл кода вобще))))
или они уже есть давно

EDuard

Дата 16.11.2006, 20:46 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 1.8.2005
Где: Синее нигде

Репутация: 5
Всего: 7

Доктайпом зовуться. (DOCTYPE)
W3C
Их несколько видов. прописываются в верхней строке документа перед тегом <html>
Это своего рода правила по которые ты заявлешь и должен соблюсти. Проблема в том что разные браузеры сами с отличиями воспринимают код.
А вообще все приходит с опытом, я о кроссбраузерной верстке.

--------------------

supervladislav

Дата 16.11.2006, 21:12 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

Цитата(EDuard @ 16.11.2006, 20:46)

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

EDuard

Дата 16.11.2006, 22:14 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 331
Регистрация: 1.8.2005
Где: Синее нигде

Репутация: 5
Всего: 7

supervladislav, под какую оперу раньше верстал?

--------------------

supervladislav

Дата 17.11.2006, 17:16 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

Цитата(EDuard @ 16.11.2006, 22:14)

supervladislav, под какую оперу раньше верстал?

8.0.2

liliana2

Дата 13.5.2008, 07:36 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет

Помогите плиз
http://sibznak.com/variant/raBOTA/index5.html
никак в ie не могу решить проблему сприклеванием таблицы с формой к правому краю, подскажите что и где не так, заранее спасибо.
Разобралась приклеивание таким образом:
http://sibznak.com/variant/raBOTA/index7.html
но теперь вопрос втом чтобы у таблицы добавить слева и справа отступы от края, помогите пожалуйтса

Это сообщение отредактировал(а) liliana2 - 13.5.2008, 08:32

bars80080

Дата 13.5.2008, 09:31 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

а что не так?
отступы внешние: margin, отступы внутренние: padding

liliana2

Дата 13.5.2008, 10:35 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет

так в том то и дело что не помогает.... в ie какие паддинги не высталяй они не отображаются

bars80080

Дата 13.5.2008, 11:32 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

попробуйте чёрный бордер и padding назначить не таблице, а диву#main

liliana2

Дата 13.5.2008, 11:45 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.11.2007

Репутация: нет
Всего: нет

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

bars80080

Дата 13.5.2008, 12:07 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

поделать можно что-угодно, надо только делать, а не говорить, что так нельзя
таблица прилипает к правому краю, если ей назначен float: right, убери его, поставь диву внутренние поля padding или внешние поля margin таблице, а границу снести на див.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »