Autor Zpráva
mart82
Profil
Zdravím Vás.
Hledal jsem na webu vertikální menu, našel jsem jich hodně, ale žádné kde by se dalo psát do políčka různými fonty atd. Dávám tady jedno funkční na ukázku.

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

</style>

</head>

<body>
  <h1>Vertikální menu</h1>
<div class="wireframemenu">
<ul>

<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li>
<li><a href="http://tools.dynamicdrive.com/favicon/">Favicon Creator</a></li>
<li><a href="http://tools.dynamicdrive.com/button/">Button Maker</a></li>
</ul>
</div>

Myslím to tak že by jsem chtěl v jednom políčku různě stylované texty. nějak takto
<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a><span class='ss'>nějaký stylovaný text</span><span class='ss2'>nějaký jinak stylovaný text</span></li>

Poradí někdo děkuji.
panther
Profil
mart82:
ale žádné kde by se dalo psát do políčka různými fonty atd.
to zalezi na tobe, jak si menu nastylujes. Polickem myslis, predpokladam, odkaz.

Myslím to tak že by jsem chtěl v jednom políčku různě stylované texty. nějak takto
ano, je to jedna z moznych cest. Kde je tedy problem? S cim potrebujes poradit?
mart82
Profil
Problém je že se to hodí na další řádek viz.

<!-- ?xml version="1.0" encoding="windows-1250"? -->
<!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" xml:lang="cs" lang="cs">

<head>
<meta http-equiv="Content-Language" content="cs"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250"/>
<title>menu</title>
<style type="text/css">
 
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
 
.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}
 
* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}
 
.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}
 
.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}
 
.wireframemenu a:visited{
color: #595959;
}
 
html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}
 
.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

.wireframemenu .ss{
background-color: #F8FBBD;
color: black;
font: bold 15px Verdana;
}
 
</style>
 
</head>
 
<body>
  <h1>Vertikální menu</h1>
<div class="wireframemenu">
<ul>
 
<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li>
<li><a href="http://tools.dynamicdrive.com/favicon/">Favicon Creator</a></li>
<li><a href="http://tools.dynamicdrive.com/button/">But</a><span class='ss'>ddd</span></li>
</ul>
</div>
a ddd již nefunguje jako odkaz
DJ Miky
Profil
mart82:
a ddd již nefunguje jako odkaz

To je tím, že jsi to vložil mimo odkaz. Když to dáš dovnitř, vyřeší se tím i odřádkování.
mart82
Profil
Dik moc, to už jsem zkoušel, asi jsem to měl nějak blbě před tím, teď to funguje.
Chamurappi
Profil
Reaguji na marta82:
Proč máš na začátku kódu ten komentář? Některé verze Exploreru tím přepínáš do quirku.
mart82
Profil
To je jen příklad, ty komentáře samozřejmě zruším.
Chamurappi
Profil
Reaguji na marta82:
Mluvím o tomhle komentáři: <!-- ?xml version="1.0" encoding="windows-1250"? -->
mart82
Profil
Já jsem dělal jen ctrl+c,ctrl+v vybraného příkladu, jinak samozřejmě používám
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
Keeehi
Profil
Ale tady vůbec nejde o to, co používáš za kódování, tady jde o to, že doctype je až na druhém řádku a ne úplně na začátku.
mart82
Profil
Vy to nechápete mě zajímal jen tendle kus kódu
.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}
 
* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}
 
.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}
 
.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}
 
.wireframemenu a:visited{
color: #595959;
}
 
html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}
 
.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}
 
.wireframemenu .ss{
background-color: #F8FBBD;
color: black;
font: bold 15px Verdana;
}
 
</style>
 
</head>
 
<body>
  <h1>Vertikální menu</h1>
<div class="wireframemenu">
<ul>
 
<li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS Library</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li>
<li><a href="http://tools.dynamicdrive.com/favicon/">Favicon Creator</a></li>
<li><a href="http://tools.dynamicdrive.com/button/">But</a><span class='ss'>ddd</span></li>
</ul>
</div>

Prostě jsem vzal a zkopíroval nějaký příklad celý kompletně.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: