Задолбался я уже с этими дивами! Раньше всегда писал на таблицах,теперь надо "абгрейдиться" и переходить на контейнеры. Вот суть вопроса:
Есть код
<style>
div {
display: block;
}
img {border: none;}
#logo {
width:265;
height:96;
background-color:#00FF00;
float:left;
}
#top {
background-color:#0000FF;
width:1000%;
height:86;
float:left;
}
#menu {
margin-top:67;
margin-left:250;
}
</style>
<body>
<div>
<div id="top">
</div>
<div id="logo">
</div>
</div>
</body>
мне нужно,что бы зелененький квадратик перешел в левый верхний угол наряду с синей полосочкой. Я попробовал с функцией
position:fixed;Получилось,но меня это координально не устроило.
Заранее большое спасибо! :)
Спустя 11 минут, 25 секунд (28.06.2011 - 00:40) DySprozin написал(а):
;;теперь надо "абгрейдиться" и переходить на контейнеры.
зачем?.. погоня за модой? (;
по вопросу:
во-первых, сразу замечание: для размеров надо указывать, в чем мерить будем. В футах, метрах, лаптях... Лучше канеш в пикселях (px)
второе: просто position поставь
зачем?.. погоня за модой? (;
по вопросу:
во-первых, сразу замечание: для размеров надо указывать, в чем мерить будем. В футах, метрах, лаптях... Лучше канеш в пикселях (px)
второе: просто position поставь
#logo {
width:265px;
height:96px;
background-color:#00FF00;
float:left;
position: absolute;
}
Спустя 9 часов, 33 минуты, 40 секунд (28.06.2011 - 10:13) Dianos написал(а):
DySprozin,ну т.к. я начинающий дизайнер,то хотел-бы научиться писать на дивах. Это сложнее,но мне кажется чем-то лучше(хотя бы с точки зрения размера кода).Ну и СЕО конечно.
Ну так вот:
Я все сделал как ты говоришь,у меня встал зеленый квадрат куда надо,но его перегораживает синия полоска,а мне надо,что бы зеленый квадрат был над полоской.(ну можно сказать,что зеленый квадрат -это логотип,а синя полоска-это фон логотипа.
Скрин:
Ну так вот:
Я все сделал как ты говоришь,у меня встал зеленый квадрат куда надо,но его перегораживает синия полоска,а мне надо,что бы зеленый квадрат был над полоской.(ну можно сказать,что зеленый квадрат -это логотип,а синя полоска-это фон логотипа.
Скрин:
Спустя 3 минуты, 47 секунд (28.06.2011 - 10:17) Invis1ble написал(а):
Я читал где-то (вроде бы в какой-то книге по верстке), что дивы быстрее обрабатываются браузерами, чем таблицы. Утверждать не буду, что это действительно так, ибо не знаю, но в принципе звучит вполне логично.
Спустя 24 минуты, 34 секунды (28.06.2011 - 10:42) Dianos написал(а):
| Цитата |
| звучит вполне логично |
да,ведь кода много меньше.
Invis1ble,так ты мне не сможешь помочь?
Спустя 4 минуты, 25 секунд (28.06.2011 - 10:46) Invis1ble написал(а):
Dianos
нет, если б мог - уже бы дал совет... Видишь ли, я сам в верстке не силен, если что-то требуется сверстать - делаю это с большими усилиями и отвращением... Как-то так сложилось, наверно из-за непоняток в разных браузерах
нет, если б мог - уже бы дал совет... Видишь ли, я сам в верстке не силен, если что-то требуется сверстать - делаю это с большими усилиями и отвращением... Как-то так сложилось, наверно из-за непоняток в разных браузерах
Спустя 5 минут, 49 секунд (28.06.2011 - 10:52) nugle написал(а):
Dianos
давай по порядку.
зачем тебе ширина 1000%?
Invis1ble , они не обрабатываются быстрее. Визуально)
Смысл в том, что они загружаются по очередно, а таблица как вся загрузится так и появится
давай по порядку.
зачем тебе ширина 1000%?
Invis1ble , они не обрабатываются быстрее. Визуально)
Смысл в том, что они загружаются по очередно, а таблица как вся загрузится так и появится
Спустя 5 минут, 58 секунд (28.06.2011 - 10:58) XCross написал(а):
| Цитата |
| Лучше канеш в пикселях (px) |
Вот меня терзает этот вопрос. Одни говорят, что в процентах. Пиксель - это наименьший участок, которому независимо от других пикселей можно задать цвет. И этот участок для каждого монитора свой. По-мойму так. Тогда почему в px?
Спустя 5 минут, 55 секунд (28.06.2011 - 11:04) nugle написал(а):
kmaks
различия в пикселях и процентах есть и очень значительная.
Существует два вида верстки жесткая и резиновая.
Почему в пикселях, потому что, посмотря например твою верстку, то можно заметить, что ты то так то эдак. Нужно придерживаться либо пикселей либо резины.
А в пикселях делать гораздо проще и не нужно вести ни какие подсчеты.
Например тебе нужно высчитать сколько пикселей составляет один процент. К примеру мой монитор шириной 1280px, т.е. 1% будет равен 12.8 px Ты можешь поставить 12.8 px на ширину чего нибудь? И тут ты начинаешь округлять, тебе приходиться что то уменьшать, что то увеличивать. Одним словом подгонять
различия в пикселях и процентах есть и очень значительная.
Существует два вида верстки жесткая и резиновая.
Почему в пикселях, потому что, посмотря например твою верстку, то можно заметить, что ты то так то эдак. Нужно придерживаться либо пикселей либо резины.
А в пикселях делать гораздо проще и не нужно вести ни какие подсчеты.
Например тебе нужно высчитать сколько пикселей составляет один процент. К примеру мой монитор шириной 1280px, т.е. 1% будет равен 12.8 px Ты можешь поставить 12.8 px на ширину чего нибудь? И тут ты начинаешь округлять, тебе приходиться что то уменьшать, что то увеличивать. Одним словом подгонять
Спустя 14 минут, 28 секунд (28.06.2011 - 11:18) Invis1ble написал(а):
nugle
| Цитата |
| они не обрабатываются быстрее. Визуально) Смысл в том, что они загружаются по очередно, а таблица как вся загрузится так и появится |
хз, наверно чтоб однозначно это выяснить - нужно ковырять исходники браузеров и вникать в логику обработки html, хотя мне все-таки кажется, что из-за вложенности DOM-узлов в таблице, они (таблицы) будут обрабатываться медленнее, нежели структуры с меньшей вложенностью (div)
Спустя 13 часов, 10 минут (29.06.2011 - 00:28) Dianos написал(а):
| Цитата |
| зачем тебе ширина 1000%? |
мне надо,что бы был тянучий дизайн.
| Цитата |
| Лучше канеш в пикселях (px) |
просто браузер обычно сам распознает,что это пиксели. В конечной версии я конечно,всегда их пишу))
nugle,
| Цитата |
| К примеру мой монитор шириной 1280px |
ну это только твой монитор такой) а мне нужно именно резиновая верстка
Спустя 7 часов, 40 минут, 10 секунд (29.06.2011 - 08:09) nugle написал(а):
Dianos
ну тогда прочитай что такое резиновая верстка
суть в том, что % это что?
это процент любого монитора, а у тебя на писано 1000% - это на 10 мониторов, уловил суть?
для тянучести нужно поставить 100%
Будешь дальше разбираться?
ну тогда прочитай что такое резиновая верстка
суть в том, что % это что?
это процент любого монитора, а у тебя на писано 1000% - это на 10 мониторов, уловил суть?
для тянучести нужно поставить 100%
Будешь дальше разбираться?
Спустя 54 минуты, 34 секунды (29.06.2011 - 09:03) inpost написал(а):
Dianos
Лучше рисовать, как ты хочешь, так понятнее всего
Лучше рисовать, как ты хочешь, так понятнее всего
Спустя 8 минут, 9 секунд (29.06.2011 - 09:11) nugle написал(а):
Dianos
хочешь разбираться так давай разбираться, а то уйдешь дня на 2, а потом приходишь слово вставишь и опять исчезаешь
хочешь разбираться так давай разбираться, а то уйдешь дня на 2, а потом приходишь слово вставишь и опять исчезаешь
Спустя 7 минут, 57 секунд (29.06.2011 - 09:19) alex12060 написал(а):
<html>
<head>
<title>test</title>
<style>
body {
width: 100%;
margin: 0 auto;
}
#green {
display: block;
width: 300px;
height: 200px;
background-color: #00ff00;
margin: 40px 0 0 550px
}
#blue {
display: inline-block;
overflow: none;
width: 300px;
height: 15px;
background-color: #0000ff;
margin: 0 0 0 550px
}
</style>
</head>
<body>
<div id="green"></div>
<div id="blue"></div>
</body>
</html>
Тебе так надо что ли?
Спустя 8 часов, 58 минут, 53 секунды (29.06.2011 - 18:18) Dianos написал(а):
nugle
| Цитата |
| это процент любого монитора, а у тебя на писано 1000% - это на 10 мониторов, уловил суть? |
да-да,это я ступил(( невнимательность блин!
И да,я кстати свою проблему решил:
<style>
img {border: none;}
#logo {
width:265;
height:96;
background-color:#00FF00;
float:left;
}
#top {
background-color:#0000FF;
width:100%;
height:86;
float:left;
position: absolute;
}
#menu {
margin-top:67;
margin-left:250;
}
</style>
<body>
<div>
<div id="top">
<div id="logo">
</div>
</div>
</div>
</body>
Это то,что было нужно :)
Спустя 2 минуты, 2 секунды (29.06.2011 - 18:20) Dianos написал(а):
и главное-все было так просто,а я тут старался изобрести велосипед 
_____________
"Только две вещи бесконечны: космос и человеческая глупость, но насчёт первой я не уверен!"
Альберт Эйнштейн