+- 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: Link aktywny nie do konca aktywny ;/ (/thread-link-aktywny-nie-do-konca-aktywny)
RE: Link aktywny nie do konca aktywny ;/ - hieroshima - 03-06-2011
Strona galeria.htm
<li>Głowna</li>
<li class="aktywny">Galeria</li>
<li>Linki</li>
<li>kontakt</li>
Strona kontakt.htm
<li>Głowna</li>
<li >Galeria</li>
<li>Linki</li>
<li class="aktywny">kontakt</li>
styl.css
.aktywny {color: #00ccff;}
RE: Link aktywny nie do konca aktywny ;/ - Filuper112 - 03-06-2011
Nie rozumiem... Chodzi Ci o podstrony?
RE: Link aktywny nie do konca aktywny ;/ - Ancik - 03-06-2011
Tak jak powyżej napisał kolega, ustawiasz na podstronie index.html <li class="active">home</li>, potem ustawiasz w css kolor tekstu dla .active {color:... jaki tam chcesz;} i tyle. Na iinnych podstronach np. kontakt.html przekładasz klasę active do <li>kontakt</li> i analogicznie na reszcie podstron. Dzięki temu na każdej podstronie masz styl przypisany innej zakładce (i to właśnie ona ma wtedy inny kolor). Wybacz niespójność mojej wypowiedzi, ale jestem nieco zmęczony
RE: Link aktywny nie do konca aktywny ;/ - hieroshima - 03-06-2011
no nie wiem jak mam CI to inaczej wytłumaczyć... myślałem, że już jaśniej się nie da. Całą strukturę CI pokazałem jak ma wyglądać
RE: Link aktywny nie do konca aktywny ;/ - Filuper112 - 03-06-2011
No dobra ale jak ja mam podstrony w php na zmiennych... To nie ma zbytnio mozliwosci aby zrobic to w ten sposob
RE: Link aktywny nie do konca aktywny ;/ - Pedro84 - 03-06-2011
(03-06-2011, 11:17)Filuper112 napisał(a): No dobra ale jak ja mam podstrony w php na zmiennych... To nie ma zbytnio mozliwosci aby zrobic to w ten sposobNo i? Sprawdzasz podstronę = zgadza się => dodajesz klasę.
RE: Link aktywny nie do konca aktywny ;/ - hieroshima - 03-06-2011
jak nie ma jak jest
co za różnica czy php czy html nie można mówić, że się nie da trzeba pomyśleć zazwyczaj to wystarcza
RE: Link aktywny nie do konca aktywny ;/ - neoh - 04-06-2011
(03-06-2011, 01:46)Filuper112 napisał(a): No i zrobilem tak i nic... Dalem w HTML do linkow dalem class="link" i dalem w css .link a:active{background-color:#00ccff;}
I nadal nic!
No i właśnie znowu popełniłeś ten sam błąd.
Tam nie ma być ":active"...
Jak zrobiłeś menu na liście nieuporządkowanej (<ul>) to poprostu tworzysz klase i przypisujesz ją do <li>.
Następnie w CSS robisz ".link{background-color: #00ccff}" i załatwione...
Wogóle tak pozatym jak byś wkleił kod HTML i CSS to by było szybciej bo tak to niewiem co kombinujesz O.o
RE: Link aktywny nie do konca aktywny ;/ - hieroshima - 05-06-2011
przecież tworzysz klasę więc odwołujesz się do klasy czyli . przecież w moim przykładzie, który Ci przedstawiłem napisałem Ci również jak w cssie odwołać się do tej klasy. Wszystko masz w moim poście....
RE: Link aktywny nie do konca aktywny ;/ - Filuper112 - 12-06-2011
Witam ponownie... nadal ten sam blad. Podam kod do strony odpowiedzialnej za wszystko "index.php" i podstrony
index.php
Kod:
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta charset="UTF-8">
<title>Protectia</title>
<link rel="stylesheet" href="style/style.css"/>
<link rel="stylesheet" href="style/menu-style.css"/>
<script type="text/javascript" src="JS/jquery.js"></script>
<script type="text/javascript" src="JS/jquery.dropdown.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>Protectia</h1>
</div>
<!--Menu-Start-->
<div>
<ul id="navi" class="dropdown dropdown-horizontal" >
<li><a href="index.php?id=0" class="link">Home</a></li>
<li><a href="index.php?id=1" class="link">Test & Inspections</a></li>
<li><a href="index.php?id=2" class="link">Domestic</a>
<ul>
<li><a href="index.php?id=3">Lighting</a></li>
<li><a href="index.php?id=4">New Installation</a></li>
<li><a href="index.php?id=5">Maintenance</a></li>
</ul>
</li>
<li><a href="index.php?id=6" class="link">Industrial</a>
<ul>
<li><a href="index.php?id=7">Lighting</a></li>
<li><a href="index.php?id=8">Installation & Control</a></li>
<li><a href="index.php?id=9">Maintenance</a></li>
</ul>
</li>
<li><a href="index.php?id=10" class="link">Home Automation</a></li>
<li><a href="index.php?id=11" class="link">Fire Safety</a></li>
<li><a href="index.php?id=12" class="link">Contact Us</a></li>
<li><a href="index.php?id=13" class="link">Booking & Payments</a></li>
<li><a href="index.php?id=14" class="link">Terms</a></li>
</ul>
</div>
</div>
<!--Menu-End-->
<!--Tresc-Start-->
<div id="wrapper2">
<div id="tresc">
<?php include('zmienne.php'); php?>
</div>
</div>podstrona:
Kod:
<!DOCTYPE HTML>
<HTML>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta charset="UTF-8">
<title>Protectia</title>
<link rel="stylesheet" href="style/style.css"/>
<link rel="stylesheet" href="style/menu-style.css"/>
<script type="text/javascript" src="JS/jquery.js"></script>
<script type="text/javascript" src="JS/jquery.dropdown.js"></script>
</head>
<body>
<h2>Test & Inspections</h2>
<p>Our company specialises in the Design and Periodic Inspecting, Testing and Verification of Electrical Installations of both domestic ( Part P ), commercial and industrial properties. We provide a comprehensive, independent and unbiased report on the condition of your installation. All testing is carried out in accordance with the 17th edition of the IEE Wiring Regulations, BS7671.
Our tests and reports are accepted by all major banks, building societies, councils, insurance companies, health & safety executive and licensing authorities.</p>
<img src="img/certificat.jpg" alt="certificat"/>
</body>Gdy wstawie w podstronie <li class="aktywny">Galeria</li> w stylach nadam mu kolor to powstaje mi pod menu nowy odnosnik...