Вопросы и ответы по HTML и CSS

Свежие Креативы и море позитива !!!
Печать RSS
3602
Мансур 02.09.2010 / 16:23
Чатланин
0
500. users.id, тебе + адЫн))
Чеширский KoтЪ 07.09.2010 / 09:29
Землянин
0
К 498. :
font-size: small;
С
Саня 15.09.2010 / 00:04
Малиновые штаны
0
Помогите сделать такую вещь на CSS : Вопщем есть текст и есть картинка. Картинка должна размещаться в правом верхнем углу, а текст должен обтекать картику
типа так:
текст - текст |картинко|
текст - текст текст - текст
текст - текст текст - текст

С меня +
Чеширский KoтЪ 16.09.2010 / 02:39
Землянин
0
503. sanzstez,
в файле можно прописать так:
<p id="test">
<img src="/images/images.gif" alt="картинко" width="50" height="50" align="right">
текст - текст текст - текст
текст - текст текст - текст
</p>
где:
width и height - ширина и высота.
align="right" - выравнивание справа.

В css :
#test {
width: 200px;
text-align: justify;
}
#test img {
margin: 5px;
}
Где :
width - ширина,
text-align: justify; - обтикаемый текст,
margin: 5px; - отступ картинки от текста.
Вроде всё. E
S
Serge80 16.09.2010 / 19:07
Чатланин
0
Народ, вопросик.
Сложно объяснить, но попытаюсь.
к примеру сам портал имеет минимальную ширину 200 максимальная 400 и высота (главной страницы) 1000.

И так вот на новых андроидах и айфонах (сенсорных короче), когда загружается сайт, он его уменьшает до такой степени что бы ВЕСЬ влез в экран. А как сделать что бы он зумился не по высоте, а по ширине. Т.е. на экране сразу стандартный размер. и дальше просто прокручиваем вниз?
Я понятно объяснил?
А
Анатолий 16.09.2010 / 21:49
Пацак
0
505, понятно, но это скорей вопрос к браузеру.
Как вариант с CSS попробуй задать для BODY параметр overflow: scroll;
Если с BODY не прокатит, тогда просто засунь все его содержимое в отдельный блок и ему задай overflow.

<html>
<head>
<title>test overflow</title>
<style type="text/css">
...
.container{
  width: 100%;
  height: 400px; /*как вариант попробуй "100%"*/
  overflow: scroll;
}
...
</style>
</head>
<body>
<div class="container">
...
...
...
</div>
</body>
</html>
Изменил: Анатолий (16.09.2010 / 21:49)
Чеширский KoтЪ 16.09.2010 / 22:02
Землянин
0
506. users.id, наверное надо ещё добавить строчку:
min-width: 200px; /*минималка, меньше которой не свернётся*/
а дальше растягивание по всей ширине ( 100%) ?
Б
Богдан 17.09.2010 / 22:50
Оранжевые штаны
0
508.Будет работать только при поддержке браузером css3
-moz-border-radius: 20px;
Б
Богдан 17.09.2010 / 22:57
Оранжевые штаны
0
510.скорей всего нет.на новых версиях веб браузеров норм поддерживается...а мини хз..не тестировал.
если тебе под вап то лучше старым дедовским способом-нарисовать пнг картинки срезаных углов и так вставлять.
А
Анатолий 20.09.2010 / 14:54
Пацак
0
swEast (16 Сентября 2010 / 21:02)
506. users.id, наверное надо ещё добавить строчку:
min-width: 200px; /*минималка, меньше которой не свернётся*/
Да, минималку наверн тоже.
Я писал свойства, которые касаются проблемы изложенной автором, а не полностью готовый CSS =))
а дальше растягивание по всей ширине ( 100%) ?
Изменил: Анатолий (20.09.2010 / 14:54)
Стикеры / Теги / Правила / Топ тем / Топ постов / Поиск