Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
problem ze stylami
#1
Utworzyłem stronę dzieląc ją na 4 divy
Cytat:<div id="calosc">
<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>
Teraz mam problem bo jak zrobić osobny styl css dla każdego diva ?
Odpowiedz
#2
Odpowiedz
#3
dopiero zaczynam z css wiec jestem troche zielony wiec dodam jeszcze plik stylu :
Cytat:*{
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;}
Chodzi o to że styl menu głównego jest dobry natomiast styl menu lewego jest taki sam a ja chcę zrobić inny
Odpowiedz
#4
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
Odpowiedz
#5
dzięki za pomoc
Odpowiedz
#6
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  problem ze stylami like-box vimeo 0 1,284 10-01-2013, 00:34
Ostatni post: vimeo

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl