+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: problem ze stylami (/thread-problem-ze-stylami)
problem ze stylami - Elo - 02-05-2011
Utworzyłem stronę dzieląc ją na 4 divy
Cytat:<div id="calosc">Teraz mam problem bo jak zrobić osobny styl css dla każdego diva ?
<div id="logo">logo</div>
<div id="menu">
<ul>
<li><a href="">menu1</a>
<li><a href="l">menu2</a>
<li><a href="l">menu3</a>
<li><a href="l">menu4</a>
</ul></div>
<div id="środek">
<div id="menulewe">
<ul>
<li><a href="">menu1</a>
<li><a href="l">menu2</a>
<li><a href="l">menu3</a>
<li><a href="l">menu4</a>
</ul></div>
<div id="text">tekst</div>
</div>
<div id="stopka">stopka</div>
</div>
</div>
RE: problem ze stylami - hieroshima - 02-05-2011
RE: problem ze stylami - Elo - 02-05-2011
dopiero zaczynam z css wiec jestem troche zielony wiec dodam jeszcze plik stylu :
Cytat:*{Chodzi o to że styl menu głównego jest dobry natomiast styl menu lewego jest taki sam a ja chcę zrobić inny
margin:0px;
padding:0px;
border:none;}
#calosc{
margin:0 auto;
height:100%;
width:902px;}
#logo{
border:1px solid black;
height:150px;
width:900px;}
#menu{
border:1px solid black;
height:42px;
width:900px;
margin-top:none;
background-color:#808080}
#srodek{
height:100%;
width:100%;}
#menulewe{
border:1px solid black;
height:400px;
width:200px;
float:left;
margin-top:5px;
margin-bottom:5px;
}
#text{
border:1px solid black;
height:400px;
width:660px;
float:right;
margin-right:10px;
margin-top:5px;
margin-bottom:5px;}
#stopka{
border:1px solid black;
height:100px;
width:900px;
clear:both;
margin-bottom:100px;}
ul li{
list-style:none;}
a:link,a:visited,a:hover,a:active{
text-decoration:none;
display:block;
float:left;
line-height:40px;
width:82px;
color:white;
text-align:center;
}
a:hover{
color:#6495ED;
border-bottom:2px solid #6495ED;}
a:active{
color:#6495ED;
border-bottom:2px solid #6495ED;}
RE: problem ze stylami - hieroshima - 02-05-2011
Jak chcesz edytować elementy np. ul, li, a i wszystkie inne, które się znajdują wewnątrz jakiegoś diva to odwołuj się do nich np.
#menu ul li {...} jak chcesz edytować element li znajdujący sie w divie #menu
#menulewe ul {...} jak chcesz edytować element ul, który znajduje się w divie menulewe i zapoznaj się z linkiem, który dałem CI w poprzednim poście
RE: problem ze stylami - Elo - 02-05-2011
dzięki za pomoc
RE: problem ze stylami - hieroshima - 02-05-2011