X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Проблема с таблицей!
Smart__Bomber
Smart__Bomber
Topic Starter сообщение 3.9.2013, 22:22; Ответить: Smart__Bomber
Сообщение #1


Есть таблица, шириной 100%, она в свою очередь поделена на две части, в одной части логотип, в другой текст в рамке, каждая часть занимает 50% таблицы. Так вот, текст выравнен по центру, но при добавлении рамки она отступает от самого текста примерно на 250px и плюс padding в 10px, то есть, рамка не в 10px от текста, а в 260. Как исправить?
[IMG]http://s2.ipicture.ru/uploads/20130903/XIoR21zH.png[/IMG]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RayOfLight
RayOfLight
сообщение 3.9.2013, 22:30; Ответить: RayOfLight
Сообщение #2


padding увеличивает ширины ячейки, отсюда лишние 20px ширины. Исправить можно несколькими способами:
  1. Убрать padding, обернуть текст внутри ячейки в div с margin: 10px;
  2. Прописать ячейке таблицы box-sizing: border-box; Тогда padding будет отсчитываться «внутрь» ячейки, не увеличивая её ширину
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Smart__Bomber
Smart__Bomber
Topic Starter сообщение 3.9.2013, 23:00; Ответить: Smart__Bomber
Сообщение #3


Мне этот способы не помогли. Может я просто нуб?! Эти 250px образуются из за отцентровки текста, это - все, что я смог понять :wacko:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
RayOfLight
RayOfLight
сообщение 3.9.2013, 23:12; Ответить: RayOfLight
Сообщение #4


Покажите код, так ничего не понять.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Smart__Bomber
Smart__Bomber
Topic Starter сообщение 3.9.2013, 23:28; Ответить: Smart__Bomber
Сообщение #5


HTML код
<!DOCTYPE html>
<html>
<head>
<title>Сайт</title>
<meta charset="utf-8">
<meta name="keywords" content="Новости, вести, весть, новость, известия, socialbreak.ru, sb.ru,новостной портал, информация, СМИ," >
<link rel="stylesheet" type="text/css" href="main/csss.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<meta name="mailru-domain" content="BzogUXya0G2FJAAY" />
</head>
<body>
<div id="logo">
<table>
<tr>
<td>
<a href="index.html" >
<img src="images/Logo.jpg" alt="..." width="169px" height="150px">
</a>
</td>
<td id="border" >
<div id="contact">
<p>Вы можете связаться с нами</p>
<p>8-800-123-45-67</p>
<p>e-mail@mail.ru</p>
</div>
</td>
</tr>
</table>
</div>
</head>
</html>


CSS код
[CSS]body {
margin: 0;
background-color: #fff;
}

#logo table {
width: 100%;
}

#logo img {
margin-top: 15px;
margin-left: 15px;
}

#logo p {
font-family: Calibri;
font-size: 35px;
text-align: center;
margin: 0;
}

#border {
box-sizing: border-box;
border: 1px solid black;
}


#contact {
margin: 10px;
}[/CSS]

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема с админкой
5 Prok 2315 29.7.2019, 20:04
автор: dvakarandasha
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с таблицей, которая выводится через скрипт
7 vanchester 1336 15.2.2019, 19:06
автор: Artos_mw
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема в тегах при сохранении контента
1 Kord18 1405 13.3.2018, 18:19
автор: Evgeniy3200
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема вёрстки адаптивной страницы на divах
28 master-vek 4713 8.2.2018, 19:29
автор: master-vek
Открытая тема (нет новых ответов) Проблема с All in one SEO?
17 okseo 2680 30.11.2017, 14:06
автор: okseo


 



RSS Текстовая версия Сейчас: 29.3.2024, 14:49
Дизайн