ANTICHAT.XYZ    VIDEO.ANTICHAT.XYZ    НОВЫЕ СООБЩЕНИЯ    ФОРУМ  
Баннер 1   Баннер 2
Antichat снова доступен.
Форум Antichat (Античат) возвращается и снова открыт для пользователей. Здесь обсуждаются безопасность, программирование, технологии и многое другое. Сообщество снова собирается вместе.
Новый адрес: forum.antichat.xyz
Вернуться   Форум АНТИЧАТ > Программирование > PHP, PERL, MySQL, JavaScript
   
Ответ
 
Опции темы Поиск в этой теме Опции просмотра

html, css пару вопросов
  #1  
Старый 07.07.2008, 19:44
Аватар для procedure
procedure
Banned
Регистрация: 22.12.2007
Сообщений: 660
Провел на форуме:
3885269

Репутация: 1158


По умолчанию html, css пару вопросов

Не могу разобраться в теге div, нету времени. Подскажите пожалуйста, как можно оптимизировать этот код так, чтоб отображение было во всех браузерах со всеми разрешениями экрана одинаково:
PHP код:
<style>
div.l1 {
color:white;
background:green;
margin-right:-2%;
}
</
style>
</
head>

<
body bgcolor="#4c4c4c" link="white" vlink=#cacaca>
<div class="l1">
<
div style="margin-left:25%; margin-right:66%; margin-top:-1.3%; 

border-width:1%; border-color:white; border-style:solid; 

background:black;"
>
<
font color="blue" size="6%">новости</font>
</
div>
<
div style="margin-left:40%; margin-right:53%; margin-top:-3.05%; 

border-width:1%; border-color:white; border-style:solid; 

background:black;"
>
<
font color="blue" size="6%">книги</font>
</
div>
</
div

Последний раз редактировалось procedure; 07.07.2008 в 19:55..
 
Ответить с цитированием

  #2  
Старый 07.07.2008, 20:01
Аватар для astrologer
astrologer
Постоянный
Регистрация: 30.08.2007
Сообщений: 773
Провел на форуме:
3069349

Репутация: 808


По умолчанию

Для начала - доктайп + указать обе части парных тегов, а не только открывающую или закрывающую.
 
Ответить с цитированием

  #3  
Старый 07.07.2008, 20:10
Аватар для procedure
procedure
Banned
Регистрация: 22.12.2007
Сообщений: 660
Провел на форуме:
3885269

Репутация: 1158


По умолчанию

все указано верно, доктайп есть. А где именно есть не закрытые теги?
body не закрыт потому что я внизу ниче не копировал, head не открыт потому что доктайп и head и титлы тоже не скопированы.
 
Ответить с цитированием

  #4  
Старый 07.07.2008, 21:30
Аватар для -=Static=-
-=Static=-
Участник форума
Регистрация: 12.11.2006
Сообщений: 213
Провел на форуме:
347573

Репутация: 185
По умолчанию

Может канешн я чегонить не понимаю или не знаю, но вроде как принятно, что если взялся CSS использовать, так надо все в отдельном месте...а тэги style - это ЗЛО))

вообщем если я прально понял то как-то так:

PHP код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<
html>
<
head>
<
style

body{
    
margin0px;
    
padding0px;
    
background#4c4c4c;
}

{color#FFFFFF;}
a:hover {text-decorationnone;}

div.li 
    
color#FFFFFF; 
    
background#00AA00;


div.li div.li1{
    
margin066025%;
    
border3px solid #FFFFFF;
    
background#000000;
}

div.li div.li2{
    
margin053040%;
    
border3px solid #FFFFFF;
    
background#000000;
}
</
style
</
head>
<
body
<
div class="li"
<
div class="li1"
    <
a href="#">Новости</a
</
div>
 
<
div class="li2"
    <
a href="#">Книги</a>
</
div
</
div

</
body>
</
html
 
Ответить с цитированием

  #5  
Старый 07.07.2008, 22:48
Аватар для Chaak
Chaak
Познавший АНТИЧАТ
Регистрация: 01.06.2008
Сообщений: 1,047
Провел на форуме:
5321514

Репутация: 3313


Отправить сообщение для Chaak с помощью ICQ
По умолчанию

procedure, юзай Miicrosoft Expression WEb, это действительно вещь. Выставь доктайп командой, если гдето есть несовместимость со спецификацией то он тебе подчеркнет крассной линией.


А еще проще, сделать табличную верстку и не морочить себе голову этой дрянью..

Последний раз редактировалось ChaaK; 07.07.2008 в 22:56..
 
Ответить с цитированием

  #6  
Старый 08.07.2008, 18:37
Аватар для smOleg
smOleg
Banned
Регистрация: 30.11.2007
Сообщений: 114
Провел на форуме:
2077503

Репутация: 54
По умолчанию

Цитата:
Сообщение от ChaaK  
А еще проще, сделать табличную верстку и не морочить себе голову этой дрянью..
Табличная верстка это слишком просто
 
Ответить с цитированием

  #7  
Старый 08.07.2008, 19:12
Аватар для -=Static=-
-=Static=-
Участник форума
Регистрация: 12.11.2006
Сообщений: 213
Провел на форуме:
347573

Репутация: 185
По умолчанию

Цитата:
Сообщение от smOleg  
Табличная верстка это слишком просто

Зря ты так. Дело то не в просто или сложно, а в рациональности использования определенного подхода и в кроссбраузерности.
Ни один знающий верстальщик не скажет, что таблицы - это полный отстой и их нельзя использовать. Просто на DIV более прозрачный код. И места меньше занимает.

Последний раз редактировалось -=Static=-; 08.07.2008 в 19:16..
 
Ответить с цитированием

  #8  
Старый 08.07.2008, 23:49
Аватар для mff
mff
Познавший АНТИЧАТ
Регистрация: 12.03.2008
Сообщений: 1,379
Провел на форуме:
5866479

Репутация: 1809


Отправить сообщение для mff с помощью ICQ
По умолчанию

procedure, проблема со стилем для тега div как я понял, у тебя написанно margin-right:-2%;, а эту конструкцию только IE понимает, остальные броузеры не схавают! Откажись от отрицательных величин!
 
Ответить с цитированием

  #9  
Старый 09.07.2008, 07:39
Аватар для smOleg
smOleg
Banned
Регистрация: 30.11.2007
Сообщений: 114
Провел на форуме:
2077503

Репутация: 54
По умолчанию

Цитата:
Сообщение от mff  
procedure, проблема со стилем для тега div как я понял, у тебя написанно margin-right:-2%;, а эту конструкцию только IE понимает, остальные броузеры не схавают! Откажись от отрицательных величин!
Минуса даж валидацию проходят. Так что непутай людей
 
Ответить с цитированием

  #10  
Старый 09.07.2008, 13:01
Аватар для mff
mff
Познавший АНТИЧАТ
Регистрация: 12.03.2008
Сообщений: 1,379
Провел на форуме:
5866479

Репутация: 1809


Отправить сообщение для mff с помощью ICQ
По умолчанию

Цитата:
Сообщение от smOleg  
Минуса даж валидацию проходят. Так что непутай людей
В смысле "непутай людей" ? Я тебя не понял! Человек пишет, что проблемма с расположением элементов в разных броузерах, я советую отказаться от отрицательных велечин, так как их не все браузеры понимают.
 
Ответить с цитированием
Ответ



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Пару вопросов о кубунту diznt Болталка 10 11.06.2008 14:10
Пару вопросов насчёт Pinch 2,99 + криптовка. screatch Болталка 5 08.03.2008 18:33



Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT.XYZ