Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как сделать, что бы не выходило за пределы таблицы?
 
 автор: Гавриленко Дмитрий   (07.11.2010 в 17:13)   письмо автору
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;

  Ответить  
 
 автор: Lelik   (07.11.2010 в 17:56)   письмо автору
 
   для: Гавриленко Дмитрий   (07.11.2010 в 17:13)
 

html надо

  Ответить  
 
 автор: Гавриленко Дмитрий   (07.11.2010 в 18:10)   письмо автору
 
   для: 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 в 18:13)   письмо автору
 
   для: Гавриленко Дмитрий   (07.11.2010 в 17:13)
 

Файл прикреплен!!!!

  Ответить  
 
 автор: Lelik   (07.11.2010 в 18:54)   письмо автору
 
   для: Гавриленко Дмитрий   (07.11.2010 в 18:13)
 

тема: Как сделать, что бы не выходило за пределы таблицы?
из темы я понял, что речь идёт о таблицах, а в коде её нету :)

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

#welcome{
    word-spacing: normal;
    border-style: solid;
    border-color: green;
    border-width: thin;
    margin: 5px;
}

  Ответить  
 
 автор: elenaki   (07.11.2010 в 18:57)   письмо автору
 
   для: Lelik   (07.11.2010 в 18:54)
 

ширина тянется на всю длину....

  Ответить  
 
 автор: Lelik   (07.11.2010 в 19:00)   письмо автору
 
   для: elenaki   (07.11.2010 в 18:57)
 

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

  Ответить  
 
 автор: Гавриленко Дмитрий   (07.11.2010 в 19:00)   письмо автору
 
   для: Lelik   (07.11.2010 в 18:54)
 

ммм... спасибо! А как задать, что бы в


<div id="welcome"><h1>52352</h1></div>
<h1>ловфра</h1>

цифры были желтыми а буквы нет

  Ответить  
 
 автор: Lelik   (07.11.2010 в 19:02)   письмо автору
 
   для: Гавриленко Дмитрий   (07.11.2010 в 19:00)
 

надо отдельные стили писать. например так

<style>
h1 {
color: red;
}
h1 .int {
color: green;
}
</style>
<h1><span class="int">12345</span></h1>
<h1>Text</h1>

  Ответить  
 
 автор: Гавриленко Дмитрий   (07.11.2010 в 19:04)   письмо автору
 
   для: Lelik   (07.11.2010 в 19:02)
 

h1#welcome{
text-align: center;
text-decoration: overline;
font-family: cursive;
font-size: 140px;
margin-left: 10px;
}

это к примеру не работает

  Ответить  
 
 автор: Lelik   (07.11.2010 в 19:06)   письмо автору
 
   для: Гавриленко Дмитрий   (07.11.2010 в 19:04)
 

я не совсем понимаю, что работает, а что нет, так как мне надо больше, чем просто стили для блока. и было бы не плохо объяснить, что именно там не работает и как должно :)

  Ответить  
 
 автор: Гавриленко Дмитрий   (07.11.2010 в 19:11)   письмо автору
 
   для: Lelik   (07.11.2010 в 19:06)
 

h1 .int {
color: green;
}

это вроде как альтернатива моему коду...

Может чего не правильно...

  Ответить  
 
 автор: Lelik   (07.11.2010 в 19:14)   письмо автору
 
   для: Гавриленко Дмитрий   (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>

  Ответить  
 
 автор: Гавриленко Дмитрий   (07.11.2010 в 19:18)   письмо автору
 
   для: Lelik   (07.11.2010 в 19:14)
 

в <h1> этого class="int" быть не должно! Как то делается в css... вроде h1#welcome но не работает... стили не применяются.!

  Ответить  
 
 автор: Гавриленко Дмитрий   (07.11.2010 в 19:25)   письмо автору
 
   для: Гавриленко Дмитрий   (07.11.2010 в 19:18)
 

работает если в html написать <h1 id="welcome">Текст</h1> но тогда создается еще один блок в нутри блока.

  Ответить  
 
 автор: Lelik   (07.11.2010 в 19:49)   письмо автору
 
   для: Гавриленко Дмитрий   (07.11.2010 в 19:25)
 

кароч. я принцип работы показал. вот тебе барабан, сабля и кроссовки, и вперёд решай свои задачи :)

  Ответить  
 
 автор: Гавриленко Дмитрий   (08.11.2010 в 15:17)   письмо автору
 
   для: 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 в 19:04)   письмо автору
 
   для: Гавриленко Дмитрий   (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> - посмотрите в разных браузерах, что изменилось и ОДИНАКОВО ли в разных браузерах изменилось...

И т. д.

Буквально через полчаса к Вам придёт ПОНИМАНИЕ.
И, соответственно, родится ЗНАНИЕ.
Я вполне серьёзно.
Не пожалейте эти полчаса времени - потом САМИ СЕБЯ уважать начнёте.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования