| Autor | Zpráva | ||
|---|---|---|---|
| Css Profil * |
#1 · Zasláno: 24. 3. 2012, 23:02:09
Dobrý den,
řeším možná trochu banální problém. Mám na webu menu a chci aby když kliknu na nějaký odkaz, tak aby mi změnil barvu a tuto barvu měl dokud nekliknu na jiný odkaz, prostě aby se označoval otevřený odkaz. Zkoušel jsem v css použít li:active{color:red;}, ale po kliknutí mi ta červená jenom problikne. Je šance to pořešit nějak bez javaskriptu? Děkuji za radu |
||
| Trejpa Profil |
#2 · Zasláno: 25. 3. 2012, 00:59:55
Css:
K tomu ale :active nikdy nesloužilo. Pseudotřída :active je použita po dobu mezi kliknutím (obvykle na odkaz) a načtením nové stránky. V době rychlého internetu je tato doba tak krátká, že použití :active ztrácí smysl. Aby byla položka v menu odlišena, musí být upravena v HTML kódu. Obvykle se použije třída nebo ID, která se nastyluje odlišně. Každá stránka má takto označenou jinou (svou) položku v menu, a to buď ručně, nebo pomocí serverového skriptu (obvykle PHP). |
||
| Css Profil * |
#3 · Zasláno: 25. 3. 2012, 10:36:05
Děkuji za odpověd a náhodou nějaký skript nebo aspon návod jak to pořešit nemáte? Nebo mi aspon poradtě co mám na netu hledat...
Kdyžtak tady je můj kod: <html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="obal">
<div id="left">
<div class="hlavniNadpis">Menu</div>
<a href ="index.php?page=pokus"><li>Odkaz</li></a>
</div>
<div id="content">
<?php
if (isset($_GET['page'])) {
$page = $_GET['page'];
$include = "page/" . $page . ".php";
if (file_exists($include)) {
include $include;
}
}
?>
</div>
</div>
</body>
</html>
Style.css
body{background-color:white; font-family: Verdana; font-size: 15px;}
#obal{width:1200px; margin:0 auto; border: 1px solid #4F6AD7; min-height: 550px;margin-top:10px;}
#left{background-color: #A0B9F3; width: 180px; min-height: 520px; padding-left:10px; padding-top: 30px;
padding-right:10px; float:left;}
#left .hlavniNadpis{color: #000066; background-color: #DEE5FD; font-weight: bold; font-size:16px; text-align: center; margin-bottom: 10px;}
#left .nadpis{ color: navy; font-weight: bold; text-align: left}
#left .nadpis:hover{color:#4F6AD7; background-color: #CEDBF9;}
#left .nadpis a{text-decoration:none; color:navy;}
#left ul{ margin-top: 0px;}
#left li{font-size:14px; width:auto; height:20px; background-color: transparent; margin-bottom: 2px}
#left li:hover{color:#4F6AD7; background-color: #CEDBF9; visibility: visible;}
#left a{text-decoration:none; color:black;}
#content{width:980px; min-height: 520px; padding-left: 10px; padding-right: 10px; padding-top: 30px;background-color:white; float:left;}Děkuji za pomoc |
||
| panther Profil |
#4 · Zasláno: 25. 3. 2012, 10:37:22
|
||
|
Časová prodleva: 12 let
|
|||
0