15-12-2011, 17:37
Witajcie,
To moj pierwszy post na tym forum.
Na stare lata zachcialo mi sie uczyc CSS.
Mysle, ze Was pomecze. Dziekuje za cierpliwosc
Mam taka "strone" robiona przy okazji nauki:
i takie style
Chcialbym na przyklad .menu wysrodkowac w ramach #lewa. Probowalem
margin: 0 auto;
lub
margin-left: 50%; margin-right: 50%;
lub
align: center (ale to akurat chyba poza standardem)
i nie dzialalo
Drugie pytanie przy okazji:
- jesli nie znam wysokosci danego elementu, bo na przyklad jest on zmienny, po prostu nie okreslam jego parametru height, wtedy jego wysokosc automatycznie dopasowuje sie do aktualnej zawartosci. Tylko, ze jesli jest jakis element nadrzedny tak jak w przykladowym kodzie id=lewa dla .news to strona nie wyswietla background lewa, tak jakby go nie bylo. Gdy podam height tlo jest, ale wysokosc moze byc rozna...
Trzecia sprawa:
- czy mozna tak jak w kodzie jest wykorzystac pozycjowanie bezwzgledne w ramach innego elementu juz pozycjonowanego bezwzglednie? Walidator bledu mi nie pokazuje, ale chcialbym sie upewnic. Czytalem tylko o takim pozycjonowaniu gdzie warstwa nadrzedna jest pozycjonowania wzglednie, a te wewnetrzne sa bezwzglednie. Tylko, ze w takim przypadku nie moglbym ich ulozyc we wlasciwych miejscach na ekranie. I zwiazane z tym pytanie czy moge pozycjonowac glebiej tzn. w ramach .menu inne elementy, ktore beda uzaleznione od pozycji .menu itd.
Jak zauwazycie, ze mam zle nawyki na tym etapie to dajcie znac, wole uczyc sie bez glupich bledow
Grzesiek
To moj pierwszy post na tym forum.
Na stare lata zachcialo mi sie uczyc CSS.
Mysle, ze Was pomecze. Dziekuje za cierpliwosc
Mam taka "strone" robiona przy okazji nauki:
Kod:
<body>
<div id="lewa">
<div class="menu"></div>
<div class="news"></div>
<div class="czysci"></div>
</div>
<div id="prawa">
<div class="naglowek"></div>
<div class="glowna"></div>
<div class="czysci"></div>
</div>
</body>i takie style
Kod:
#lewa {
position: absolute;
left: 100px;
top: 10px;
width: 300px;
height: 500px;
background: silver;
border: 1px solid black;
}
div.menu {
position: absolute;
width: 250px;
height: 300px;
top: 10px;
left: 10px;
background: red;
}
div.news {
position: absolute;
width: 250px;
height: 100px;
top: 350px;
left: 10px;
background: blue;
}
.czysci {
height: 0;
clear: both;
}
#prawa {
position: absolute;
left: 450px;
top: 10px;
width: 600px;
height: 600px;
background: silver;
border: 1px solid black;
}
div.naglowek {
position: absolute;
left: 10px;
top: 10px;
width: 550px;
height: 50px;
background: brown;
}
div.glowna {
position: absolute;
left: 10px;
top: 80px;
width: 550px;
height: 500px;
background: green;
}Chcialbym na przyklad .menu wysrodkowac w ramach #lewa. Probowalem
margin: 0 auto;
lub
margin-left: 50%; margin-right: 50%;
lub
align: center (ale to akurat chyba poza standardem)
i nie dzialalo
Drugie pytanie przy okazji:
- jesli nie znam wysokosci danego elementu, bo na przyklad jest on zmienny, po prostu nie okreslam jego parametru height, wtedy jego wysokosc automatycznie dopasowuje sie do aktualnej zawartosci. Tylko, ze jesli jest jakis element nadrzedny tak jak w przykladowym kodzie id=lewa dla .news to strona nie wyswietla background lewa, tak jakby go nie bylo. Gdy podam height tlo jest, ale wysokosc moze byc rozna...
Trzecia sprawa:
- czy mozna tak jak w kodzie jest wykorzystac pozycjowanie bezwzgledne w ramach innego elementu juz pozycjonowanego bezwzglednie? Walidator bledu mi nie pokazuje, ale chcialbym sie upewnic. Czytalem tylko o takim pozycjonowaniu gdzie warstwa nadrzedna jest pozycjonowania wzglednie, a te wewnetrzne sa bezwzglednie. Tylko, ze w takim przypadku nie moglbym ich ulozyc we wlasciwych miejscach na ekranie. I zwiazane z tym pytanie czy moge pozycjonowac glebiej tzn. w ramach .menu inne elementy, ktore beda uzaleznione od pozycji .menu itd.
Jak zauwazycie, ze mam zle nawyki na tym etapie to dajcie znac, wole uczyc sie bez glupich bledow
Grzesiek
