Форум АНТИЧАТ
Страница 1 из 3 1 2 3 >
Показывать 40 сообщений этой темы на одной странице

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   html, css пару вопросов (https://forum.antichat.xyz/showthread.php?t=76352)

procedure 07.07.2008 19:44
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> 

astrologer 07.07.2008 20:01
Для начала - доктайп + указать обе части парных тегов, а не только открывающую или закрывающую.

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

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

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

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

body{
    margin: 0px;
    padding: 0px;
    background: #4c4c4c;
}

a {color: #FFFFFF;}
a:hover {text-decoration: none;}

div.li { 
    color: #FFFFFF; 
    background: #00AA00;
} 

div.li div.li1{
    margin: 0% 66% 0% 25%;
    border: 3px solid #FFFFFF;
    background: #000000;
}

div.li div.li2{
    margin: 0% 53% 0% 40%;
    border: 3px 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> 

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


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

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

-=Static=- 08.07.2008 19:12
Цитата:
Сообщение от smOleg
Табличная верстка это слишком просто :)

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

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

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

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


Время: 15:02
Страница 1 из 3 1 2 3 >
Показывать 40 сообщений этой темы на одной странице