|
 6.1 Кб |
|
| css
BODY{
background-color: gray;
border-style: groove;
border-color: aqua;
border-width: medium;
width: 90%;
margin: 5%;
font-family: fantasy;
float: none;
}
#welcome{
word-spacing: normal;
border-style: solid;
border-color: green;
border-width: thin;
width: 100%;
margin: 5px;
|
| |
|
|
|
|
|
|
|
для: Гавриленко Дмитрий
(07.11.2010 в 17:13)
| | html надо | |
|
|
|
|
|
|
|
для: Lelik
(07.11.2010 в 17:56)
| |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>8888l</title>
<link rel="stylesheet" type="text/css" href="my.css">
</head>
<body>
<div id="welcome">Текст</div>
<div id=""></div>
</body>
</html>
|
| |
|
|
|
|
|
|
|
для: Гавриленко Дмитрий
(07.11.2010 в 17:13)
| | Файл прикреплен!!!! | |
|
|
|
|
|
|
|
для: Гавриленко Дмитрий
(07.11.2010 в 18:13)
| | тема: Как сделать, что бы не выходило за пределы таблицы?
из темы я понял, что речь идёт о таблицах, а в коде её нету :)
для блочных элементов можно не задавать ширину, они тянутся по умолчанию на всю дину родительского блока
#welcome{
word-spacing: normal;
border-style: solid;
border-color: green;
border-width: thin;
margin: 5px;
}
|
| |
|
|
|
|
|
|
|
для: Lelik
(07.11.2010 в 18:54)
| | ширина тянется на всю длину.... | |
|
|
|
|
|
|
|
для: elenaki
(07.11.2010 в 18:57)
| | гражданочка, вы на форуме общаетесь с незнакомыми людьми, и на будущее, чтоб вас не слали куда вам стоит пойти, не надо писать вот этой херни.
меньше придирайтесь, я об этом. | |
|
|
|
|
|
|
|
для: Lelik
(07.11.2010 в 18:54)
| | ммм... спасибо! А как задать, что бы в
<div id="welcome"><h1>52352</h1></div>
<h1>ловфра</h1>
цифры были желтыми а буквы нет | |
|
|
|
|
|
|
|
для: Гавриленко Дмитрий
(07.11.2010 в 19:00)
| | надо отдельные стили писать. например так
<style>
h1 {
color: red;
}
h1 .int {
color: green;
}
</style>
<h1><span class="int">12345</span></h1>
<h1>Text</h1>
|
| |
|
|
|
|
|
|
|
для: Lelik
(07.11.2010 в 19:02)
| | h1#welcome{
text-align: center;
text-decoration: overline;
font-family: cursive;
font-size: 140px;
margin-left: 10px;
}
это к примеру не работает | |
|
|
|
|
|
|
|
для: Гавриленко Дмитрий
(07.11.2010 в 19:04)
| | я не совсем понимаю, что работает, а что нет, так как мне надо больше, чем просто стили для блока. и было бы не плохо объяснить, что именно там не работает и как должно :) | |
|
|
|
|
|
|
|
для: Lelik
(07.11.2010 в 19:06)
| | h1 .int {
color: green;
}
это вроде как альтернатива моему коду...
Может чего не правильно... | |
|
|
|
|
|
|
|
для: Гавриленко Дмитрий
(07.11.2010 в 19:11)
| | вот самы простой пример
<style>
<!-- нижеследующие стили добавить к своим. в других местах поубирать определение цвета текста -->
h1 {
color: red;
}
h1.int {
color: green;
}
</style>
<div id="welcome"><h1 class="int">52352</h1></div>
<h1>ловфра</h1>
|
| |
|
|
|
|
|
|
|
для: Lelik
(07.11.2010 в 19:14)
| | в <h1> этого class="int" быть не должно! Как то делается в css... вроде h1#welcome но не работает... стили не применяются.! | |
|
|
|
|
|
|
|
для: Гавриленко Дмитрий
(07.11.2010 в 19:18)
| | работает если в html написать <h1 id="welcome">Текст</h1> но тогда создается еще один блок в нутри блока. | |
|
|
|
|
|
|
|
для: Гавриленко Дмитрий
(07.11.2010 в 19:25)
| | кароч. я принцип работы показал. вот тебе барабан, сабля и кроссовки, и вперёд решай свои задачи :) | |
|
|
|
|
|
|
|
для: Lelik
(07.11.2010 в 19:49)
| | Все понял как делать.. Легко оказывается
#welcome{
border-style: solid;
border-color: green;
border-width: 2px;
margin: 10px;
border-radius:10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
}
#welcome h1{
text-align: center;
font-family: cursive;
font-size: 40px;
margin-left: 10px; | |
|
|
|
|
|
|
|
для: Гавриленко Дмитрий
(07.11.2010 в 17:13)
| | >"Как сделать, что бы не выходило за пределы таблицы?"
Долго объяснять. Нюансов много.
Вам надо САМОМУ ЗАХОТЕТЬ понять - как работает браузер с размерами в процентах.
А для этого, например, написать простейший файл:
<html>
<body>
<div style="height: 100px; background-color: red"></div>
</body>
</html>
| ,запустить его в разных браузерах и обнаружить, что это УЖЕ выглядит в разных браузерах - ПО-РАЗНОМУ (в MSIE есть вертикальная прокрутка окна, а в других браузерах - нет)..
А затем начинать добавлять всякие разные значения для width, margin, border, padding и прочее для <DIV> или для <BODY>, но ПО ОДНОМУ.
Добавили, к примеру, width: 90% для <DIV> - посмотрите в разных браузерах, что изменилось и ОДИНАКОВО ли в разных браузерах изменилось...
И т. д.
Буквально через полчаса к Вам придёт ПОНИМАНИЕ.
И, соответственно, родится ЗНАНИЕ.
Я вполне серьёзно.
Не пожалейте эти полчаса времени - потом САМИ СЕБЯ уважать начнёте. | |
|
|
|