|
 |
|
|
(x)
(x)
Blogvilág java
Linkek
Saját blogok: Olvasásra ajánlott blogok:Partnerek
Szerzői jogok
Blogvilág by xSolutions is licensed under a Creative Commons Attribution 2.5 Hungary License.
Az alábbiakban néhány szemléltető példán keresztül mutatom be, hogyan lehet több hasábra tördelni a mondandónkat (újságszerűen). Mindez CSS3 alatt működik, amit jelenleg Firefoxban és Safariban támogatnak. IE6 alatt tesztelve az eljárás nem működik (de nem is okoz "kárt" a megjelenítésben). Az első megoldás, amikor a címsor pont olyan széles, mint a hasáb:
.multiplecolumns {
-moz-column-width: 130px;;
-webkit-column-width: 130px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
-moz-column-rule: 1px solid #ddccb5;
-webkit-column-rule: 1px solid #ddccb5;
}
.multiplecolumns h2 {
}
Heading
Nunc ut leo vel magna adipiscing tempor. Donec pretium, ligula et hendrerit faucibus, sem velit accumsan tortor, sodales tempor est ligula non velit. Nulla sagittis, odio quis porta nonummy, mauris arcu gravida odio, quis aliquam lacus elit non libero. Proin aliquam augue accumsan augue. Quisque ut eros at erat ultrices sodales. Nunc vitae ipsum. Mauris in elit in dolor imperdiet interdum. Vivamus egestas sagittis justo. Sed lorem. Sed vel neque in ipsum gravida nonummy. Nulla tempor blandit elit. Nullam a nibh. Nam quis diam non ligula pharetra sagittis. Maecenas rhoncus est vel tortor. Fusce in sem. Mauris in risus id lorem volutpat elementum. Pellentesque adipiscing laoreet ligula. Suspendisse erat. Donec porta auctor lacus. Vestibulum cursus, orci eget mollis ullamcorper, enim massa elementum dui, sed consequat nibh nisi eu tellus.
Egy másik, hasznos lehetőség, amikor a Heading, azaz a fejléc a teljes szélességen végignyúlik:
.multiplecolumns h3 {
column-span: all;
}
Forrás: Introduction to css3: Multiple columns
További érdekes témák, ötletek a Blogfórumon.
Eddig 2 komment érkezett
(
)
Mondj valamit
A szövegben nem lehet HTML-t használni, a linkeket pedig automatikusan aláhúzzuk. Az email cím megadása kötelezõ, de az oldalon nem jelenik meg. Ha van felhasználóneved, itt bejelentkezhetsz.
Az IP címedet megjegyezzük, de ezt csak a komment spam jellegének vizsgálatához használjuk fel.
1. human 2008. 05. 29. 15:09
persze h nem megy IE-ben hiszen mozilla és google specifikus kódot írsz
-moz
-webkit
ez olyna mint -mozzal lehet lekerekített sarkot is a divnek.
2. D. 2008. 07. 11. 1:33
az Amby-féle módszer ie alatt is megy, vagy nem ugyanarról beszélünk?
href.hu/x/6b44