| 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 |
#2 · Zasláno: 28. 6. 2012, 12:22:28
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 |
#3 · Zasláno: 28. 6. 2012, 12:43:27
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> |
||
| DJ Miky Profil |
#4 · Zasláno: 28. 6. 2012, 13:06:14
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 |
#5 · Zasláno: 28. 6. 2012, 13:14:13
Dik moc, to už jsem zkoušel, asi jsem to měl nějak blbě před tím, teď to funguje.
|
||
| Chamurappi Profil |
#6 · Zasláno: 28. 6. 2012, 13:17:07
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 |
#8 · Zasláno: 28. 6. 2012, 22:38:59
Reaguji na marta82:
Mluvím o tomhle komentáři: <!-- ?xml version="1.0" encoding="windows-1250"? -->
|
||
| mart82 Profil |
#9 · Zasláno: 29. 6. 2012, 07:42:50
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 |
#10 · Zasláno: 29. 6. 2012, 08:56:08
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 |
#11 · Zasláno: 29. 6. 2012, 11:00:27
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ě. |
||
|
Časová prodleva: 12 let
|
|||
0