phpBB.sk

Skočiť na obsah

Stiahnutie phpbb+SK

navigacia

Poradňa s HTML, CSS, PHP, MySQL a so všetkým, čo sa týka tvorby webových stránok

Moderátor: Moderátori

Písať komentáre

navigacia

Poslaťod PANTHER » Pon Máj 07, 2007 5:52 pm

cus, potrebujem helpnut s navigacnou listou do mojej web stranky (XHTML & CSS)

mam ju v jednom riadku
a:hover aj obycajne a mi idu iba ten active mi nejde...
co mam urobit? ak v zdojovom to mam asi takto:
Kód: Vybrať všetko
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
???
-->
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<title>PANTHER's Web Pages (Home)</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>



<body>

<a href="index.html"><div id="logo">

</div></a>

<div id="navigation">

            <a class="navlink" href="index.html">Home</a>
                                <a class="navlink" href="index.html">News</a>
            <a class="navlink" href="index.html">Download</a>
            <a class="navlink" href="index.html">Contact</a>
            <a class="navlink" href="index.html">About</a>

</div>

<div id="content">



<div id="col-one">

<div class="margin-news">

<h2>Najnovšie</h2>

</div>

</div>

<div id="col-two">

</div>

<div id="col-three">

<h3>Kamaráti</h3>
<p>blablabla...</p>

</div>

<div style="clear: both;"></div>

</div>

</span>

<div id="footer">

<p>PANTHER &copy; 2007 | Created by <a href="contact.html">PANTHER</a></p>

</div>

</body>

</html>


a v CSS takto:
Kód: Vybrať všetko
...
/*** Navigation ***/

#navigation
{
width: 760px;
height: 20px;
background: url('images/navigation.png');
font-size: 12px;
border-left: 1px solid black;
border-right: 1px solid black;
margin: auto;
}

a.navlink
{
float: left;
display: block;
height: 20px;
width: 90px;
text-decoration: none;
color: white;
font-weight: bold;
line-height: 20px;
text-align: center;
}

a.navlink:hover
{
height: 20px;
color: black;
background: white;
}


skusal som uz tam v indexe pomenit, ze iba jedneho a som dal class navlink a potom som do css zadal:
Kód: Vybrať všetko
a.navlink.active
{
width: 90px;
height: 20px;
color: black;
background: url('images/nav_bg.png');
}


a furt nejde :(

pls help...
Obrázok užívateľa
PANTHER
Expert
Expert
 
Príspevky: 1063
Registrovaný: Sob Mar 31, 2007 4:09 pm
Hore

Poslaťod masterdead » Pon Máj 07, 2007 6:10 pm

a nefunguje tento tvar a.navlink:active ?
Obrázok užívateľa
masterdead
Administrátor
Administrátor
 
Príspevky: 960
Registrovaný: Ned Jan 28, 2007 1:02 pm
Hore

Poslaťod PANTHER » Pon Máj 07, 2007 7:32 pm

skusim
Obrázok užívateľa
PANTHER
Expert
Expert
 
Príspevky: 1063
Registrovaný: Sob Mar 31, 2007 4:09 pm
Hore

Poslaťod PANTHER » Pon Máj 07, 2007 8:46 pm

jeziiiiiis...ja som lama :lol: :lol: :lol: ...ze som si to nevsimol :lol: :lol: :lol: ...omg tam v CSS som mal potom dat:
Kód: Vybrať všetko
#navigation a.active-link
{
color: black;
background: url('images/nav_active.png');
height: 20px;
width: 90px;
}


potom som v indexe:
Kód: Vybrať všetko
<div id="navigation">

            <a href="index.html" class="active-link">Home</a>
                                <a href="index.html">News</a>
            <a href="index.html">Download</a>
            <a href="index.html">Contact</a>
            <a href="index.html">About</a>

</div>


bo vtedy som tam do CSS pchal navlink a pritom v CSS som daval #navigation a.active ale namiesto active som mal dat navlink :lol: :lol: :lol: ....kazdpopadne teraz mi to uz ide :twisted: , thx for help...
Obrázok užívateľa
PANTHER
Expert
Expert
 
Príspevky: 1063
Registrovaný: Sob Mar 31, 2007 4:09 pm
Hore
Písať komentáre

Späť na Tvorba web stránok

Kto je on-line

Užívatelia prezerajúci fórum: Žiadny registrovaný užívateľ nie je prítomný a 0 hostia

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group

phpBB SEO

vladstudio
TOPlist TOPlist

Valid XHTML 1.0 Strict [Valid Atom 1.0]


* Štúrovo ubytovanie *