Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 02.08.2012, 12:51
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от Aetae
a должны быть динамическим насколько я понял.

Тады в % ? (мне показалось имхо, что TC - определил а - как переменную из-за вычислений в jQuery
Сообщение от madd1
необходимо поделить свободные остатки между всеми кнопками (на рисунке это переменная "a")

Последний раз редактировалось Deff, 02.08.2012 в 12:54.
Ответить с цитированием
  #12 (permalink)  
Старый 02.08.2012, 12:55
Аспирант
Отправить личное сообщение для madd1 Посмотреть профиль Найти все сообщения от madd1
 
Регистрация: 26.07.2012
Сообщений: 35

a действительно должно быть динамическим, если говорить об a, как о полноценной переменной в коде, то его можно было бы вычислить по формуле:
Цитата:
a = ($(ширина всего левого блока) - $(суммарная ширина текста во всех кнопках)) / 6;
Но тут CSS, в том и сложность, не знаю, как сделать без скрипта
Ответить с цитированием
  #13 (permalink)  
Старый 02.08.2012, 13:03
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

madd1,
a) Если отступы не задаете явно - могет быть такая ситуация при смене масштаба - что текст привысит ширину отведенной ячейки и она вылезет на соседние - а так будет автоперенос - пробуйте приведенный пример в при zoom экрана (или разных разрешения) (Сонтрл+колёсико мыши - аналогично изменениям масштаба

(Последный пост имхо - чот Вы задёргались в перестраховках

Последний раз редактировалось Deff, 02.08.2012 в 13:06.
Ответить с цитированием
  #14 (permalink)  
Старый 02.08.2012, 13:23
Аспирант
Отправить личное сообщение для madd1 Посмотреть профиль Найти все сообщения от madd1
 
Регистрация: 26.07.2012
Сообщений: 35

Меня, честно говоря, больше автоперенос пугает, а так, да, при х7~ зуме может и возникает проблема, что текст немного налезает, но кому нужен такой зум?! Для мобильных устройств будет отдельный сайт, а на десктопах вряд ли будут настолько извращаться?!
Ответить с цитированием
  #15 (permalink)  
Старый 02.08.2012, 13:49
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,577

Да, я тупанул чутка. Давно таблицы не юзал:
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
	*{margin:0;padding:0;}
	table{
	border:none;
	height:100%;
	border-collapse:collapse;
	font-size:10px;
	}
	td{
	text-align:center;
	}
	.first{
	width:40%;
	float:left;
	background:#faa;
	}
	.second{
	width:60%;
	background:#afa;
	}
	.container{
	width: 90%;
	margin: 10px auto;
	height:70px;
	}
	
	.spacer{
	width:30%;
	}
	.spacer2{
	width:15%;
	}	

	</style>
</head>
<body>
<div class="container">
	<table class="first">
		<tr>
			<td class="spacer2"></td>
			<td><input type="button" value="textextextextext" /></td>
			<td class="spacer"></td>
			<td><input type="button" value="textextextextextextexte" /></td>
			<td class="spacer"></td>
			<td><input type="button" value="text" /></td>
			<td class="spacer2"></td>
		</tr>
	</table>
	<table class="second">
		<tr>
			<td class="spacer2"></td>
			<td><input type="button" value="textextextextext" /></td>
			<td class="spacer"></td>
			<td><input type="button" value="textextextextextextexte" /></td>
			<td class="spacer"></td>
			<td><input type="button" value="text" /></td>
			<td class="spacer2"></td>
		</tr>
	</table>
</div>	
</body>
</html>
__________________
29375, 35
Ответить с цитированием
  #16 (permalink)  
Старый 02.08.2012, 14:07
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

В принципе - если челу низзя автоперенос
наверно добавить
td, td *{
white-space: nowrap;
}

Последний раз редактировалось Deff, 02.08.2012 в 20:49.
Ответить с цитированием
  #17 (permalink)  
Старый 02.08.2012, 19:05
Аспирант
Отправить личное сообщение для madd1 Посмотреть профиль Найти все сообщения от madd1
 
Регистрация: 26.07.2012
Сообщений: 35

Спасибо за таблички, не знал, что это будет так работать, в основном блоками верстаю
Ответить с цитированием
  #18 (permalink)  
Старый 02.08.2012, 20:11
Аспирант
Отправить личное сообщение для madd1 Посмотреть профиль Найти все сообщения от madd1
 
Регистрация: 26.07.2012
Сообщений: 35

Хотя, есть ещё проблема, не заметил её сразу, так как Вы сделали через button, что если мне там button не нужен, а нужен, скажем, блок какой-то, как не пробую, не получается сделать так, чтобы текст был в 1 строку, он начинает переноситься, пока не задашь блоку внутри <td> ширину в пикселях, а мне это не подходит Подскажите, как решить, спасибо заранее.
Ответить с цитированием
  #19 (permalink)  
Старый 02.08.2012, 20:48
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от madd1
он начинает переноситься, пока не
Сообщение от Deff
В принципе - если челу низзя автоперенос
наверно добавить
td, td *{
white-space: nowrap;
}
Вот
Ответить с цитированием
  #20 (permalink)  
Старый 03.08.2012, 00:13
Аспирант
Отправить личное сообщение для madd1 Посмотреть профиль Найти все сообщения от madd1
 
Регистрация: 26.07.2012
Сообщений: 35

Не заметил, спасибо, теперь всё как надо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как подключить это к джумле? nikki4 Элементы интерфейса 0 05.05.2012 14:17
Как поменять формат переменной, чтоб комп понял, что это не текст, а команды? FirstFrost Общие вопросы Javascript 2 15.07.2010 22:33
Как это реализовать ~online~ Оффтопик 9 13.07.2010 16:15
Подскажите, как это сделно ? AlexNiko Элементы интерфейса 11 08.12.2009 10:39
1092*0.15=? А на javascript? Как это объяснить бухгатеру? oid Общие вопросы Javascript 15 24.10.2009 12:51