Autor Zpráva
kuba
Profil
nenašel jsem, jak pro některé odkazy vypnout styly definované jako CSS v hlavičce.
Konkrétně v menu na http://www.ccss.wz.cz/ chci vypnout zobrazení tlačítka pod počítadlem a pod sponzorským odkazem
roberta
Profil
a čo takto tým 2 tlačítkam dať iný CSS štýl
kuba
Profil
asi jsem nepochopil zápis, ale jak to mám udělat? Mám nějak nadefinovat styl přímo do
<a href="http://pocitadlo.co.cz"><IMG border="0" SRC="http://pocitadlo.co.cz/cgi-bin/wc/ccss" width="25" height="25">
</a>
nebo v hlavičce?
Pokud v hlavičce, není mi jasné, jak nadefinovat více stylů a vybírat z nich pro jednotlivé odkazy.
Dík
roberta
Profil
napriklad takto, ale da sa to aj inak...

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Home Page</title>
<base target="main">
<!--StartFragment -->
<style>
span{color: red;}
a {height:0.2 em; padding: 0.1em 0.2em 0.1em 0.2em; border: outset 0.1em; font-weight: bold; text-decoration: none;}
a:link, a:visited {background: #808000; color: #ffffff}
a:hover {background: #008000; color: #ffff00; border: inset 0.1em}
a:link    {color: blue}
a:visited    {color: purple}
a:active    {color: red}


.novy_styl a {border: none; padding: 0; height: 0; background: white;}
.novy_styl a:link {border: none; padding: 0; height: 0; background: white;}
.novy_styl a:hover {border: none; padding: 0; height: 0; background: white;}
.novy_styl a:visited {border: none; padding: 0; height: 0; background: white;}
.novy_styl a:active {border: none; padding: 0; height: 0; background: white;}

</style>


<meta name="Microsoft Theme" content="expeditn 011">
</head>

<body background="_themes/expeditn/exptextb.jpg" bgcolor="#FFFFFF" text="#000000" link="#993300" vlink="#666600" alink="#CC3300"><!--mstheme--><font face="Times New Roman"><a href="vitejte_biglici_a_biglice.htm"><b><font face="Tahoma" size="3">

Home Page</font></b></a>
<p><a href="podobizny.htm"><b><font face="Tahoma" size="3">Podobizny Draka</font></b></a></p>
<p><a href="zivot.htm"><b><font face="Tahoma" size="3">Život Draka</font></b></a></p>
<p><a href="kamaradi.htm"><b><font face="Tahoma" size="3">Kamarádi</font></b></a></p>
<p><a href="oblibenosti.htm"><b><font face="Tahoma" size="3">Oblíbenosti</font></b></a></p>
<p><a href="kontakty.htm"><b><font face="Tahoma" size="3">Kontakty</font></b></a></p>

<p class="novy_styl"><font face="Arial"><font size="3"><b>jsi </b></font><a href="http://pocitadlo.co.cz"><IMG SRC="http://pocitadlo.co.cz/cgi-bin/wc/ccss" width="25" height="25">
</a>
<b><font size="4">.</font></b></font><b><font size="3"><font face="Arial"> na psím
počítadle</font></font></b></p>

<p>stránky sponzoruje</p>

<p class="novy_styl"><a href="http://www.nexon.cz" target="_blank"><img border="0" src="nexonlogo.jpg" width="89" height="29"></a></p>
<!--mstheme--></font></body>

</html>
Radek Hrabůvka
Profil
změnit:
<style>
span{color: red;}
.tlacitka a {height:0.2 em; padding: 0.1em 0.2em 0.1em 0.2em; border: outset 0.1em; font-weight: bold; text-decoration: none;}
.tlacitka a:link, .tlacitka a:visited {background: #808000; color: #ffffff}
.tlacitka a:hover {background: #008000; color: #ffff00; border: inset 0.1em}
.tlacitka a:link    {color: blue}
.tlacitka a:visited    {color: purple}
.tlacitka a:active    {color: red}
</style>

další změna:
<body background="_themes/expeditn/exptextb.jpg" bgcolor="#FFFFFF" text="#000000" link="#993300" vlink="#666600" alink="#CC3300"><!--mstheme-->
<div class="tlacitka">
<font face="Times New Roman"><a href="vitejte_biglici_a_biglice.htm"><b><font face="Tahoma" size="3">
Home Page</font></b></a>
<p><a href="podobizny.htm"><b><font face="Tahoma" size="3">Podobizny Draka</font></b></a></p>
<p><a href="zivot.htm"><b><font face="Tahoma" size="3">Život Draka</font></b></a></p>
<p><a href="kamaradi.htm"><b><font face="Tahoma" size="3">Kamarádi</font></b></a></p>
<p><a href="oblibenosti.htm"><b><font face="Tahoma" size="3">Oblíbenosti</font></b></a></p>
<p><a href="kontakty.htm"><b><font face="Tahoma" size="3">Kontakty</font></b></a></p>
</div>

změny jsou tam, kde jsem přidal "tlacitka". Dal jsem to do bloku (div), dal mu třídu tlacitla. Nezapoměň dát na správné místo koncovou značku bloku </div>.

Jde to dělat i jinak, ale pro tento konkrétní případ jsem zvolil tento způsob.
kuba
Profil
Děkuji,
zvolil jsem variantu "roberta". Pokud bych měl dle varianty Radka H. definici v index.htm, fungovaly by mi pak tlačítka v ostatních stránkách? Nebo je pak lepší řešení přes externí style.css?
PerToon
Profil
Dej to do externího souboru. Takhle by ti to fungovalo jen na stránkách, kde bys to měl v hlavičce.
Toto téma je uzamčeno. Odpověď nelze zaslat.