| | |
| Stránka: 1 z 1
| [ Príspevkov: 9 ] | |
Autor | Správa |
---|
|
Ahojte na svojom webe mám menu ( WEB). A ja chcem docieliť to, že keď niekto namieri myšou na text v menu tak nech zožltne. V html mám toto : Kód: <li><a class="odkaz" href="http://moneyearn.eu/" class="zozltnutie"><strong>»</strong> Home</a></li> a v CSS toto : Kód: a.zozltnutie { color: yellow; text-decoration: none; font-size: 12px; } Ale keď to uložím a skúsim to tak to nefunguje. Mohli by ste mi povedať prečo ? Viem že sa to dá cez a:hover color: yellow ..... Ale ja chcem aby zožltol iba v menu Ďakujem // Spojený príspevok Štv 30.04.15 22:46Ako tak ja blb pozerám tak vidím, že tam mám dva krát classu // Spojený príspevok Pia 01.05.15 0:03Tak prvý problém som vyriešil ale mám druhý dotaz Mám v tom menu názov kategorie teda Menu a to mam cez tag <h2> mám tam letter-spacing: 5; ale keď ho zmažem tak stále tam sú medzery
|
|
Registrovaný: 13.11.07 Prihlásený: 20.08.16 Príspevky: 1702 Témy: 0 | Napísal chrono: 01.05.2015 1:06 | |
|
1. pre zmenu farby textu použi :hover (v tvojom prípade .odkaz:hover) 2. vymaž tú medzeru aj z .title (alebo pre ".title h2" nastav tú medzeru na 0)
|
|
| Napísal autor témy jaknapceu: 01.05.2015 11:10 | |
|
Díky chrono Funguje to // Spojený príspevok Pia 01.05.15 12:40Ahojte než dám lock tak mám ďaľší problém Na tej mojej stránke : Môj WEB mám článok robený cez tabuľku viď kód: Kód: <table width='80%'> <tr><td class='novinka'><table width='100%'><tr><td class='titulok_novinky'><table width='100%'><tr><th><h3><a href='./trafficmonsoon.html' class="titulok_novinky_1" onmouseover="this.className='titulok_novinky_2'" onmouseout="this.className='titulok_novinky_1'">Trafficmonsoon</a></h3></th></tr></table></td></tr> <tr><td class='titulok_novinky'><table width='100%'><tr><td width='70px' valign='top'></td><td colspan='' align='left'><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p></td></tr></table></td></tr> <tr><td class='titulok_novinky'><table width='100%'><tr><td>Autor: <a class="titulok_novinky_1" onmouseover="this.className='titulok_novinky_2'" onmouseout="this.className='titulok_novinky_1'">Marek Mikula</a></td><td></td><td align='right' class="kurziva">12:21 01.05.2015</td></tr></table></td></tr> </table> </td></tr> </table>
a v CSS toto : Kód: .pravy_horny_roh{ background-image: url('http://moneyearn.eu/images/pravy_horny.png'); background-repeat: no-repeat; }
.lavy_horny_roh{ background-image: url('http://moneyearn.eu/images/lavy_horny.png'); background-repeat: no-repeat; }
.pravy_spodny_roh{ background-image: url('http://moneyearn.eu/images/pravy_spodny.png'); background-repeat: no-repeat; }
.lavy_spodny_roh{ background-image: url('http://moneyearn.eu/images/lavy_spodny.png'); background-repeat: no-repeat; }
.vertikalny_pravy{ background-image: url('http://moneyearn.eu/images/vertikalny_pravy_okraj.png'); }
.vertikalny_lavy{ background-image: url('http://moneyearn.eu/images/vertikalny_lavy_okraj.png'); }
.horizontalny{ background-image: url('http://moneyearn.eu/images/horizontalny_dolny_okraj.png'); }
.pozadie_navigacie{ background-image: url('http://moneyearn.eu/images/stred.png'); }
.titulok{ background-image: url('http://moneyearn.eu/images/horny_okraj.png'); font-family: Calibri; font-size: 12px; font-weight: 900; letter-spacing: 0; text-align: center; margin-top: 4px; }
body { /*background-color: #202020; */ background-image: url('http://moneyearn.eu/images/pozadie.png'); background-color: black; background-repeat: repeat; color: white; font-family: Calibri; font-size: 12px; position: absolute; top: 0px; left: 0px; background-position: 50% 30%; background-attachment: fixed; }
h2 { font-family: Calibri; font-size: 15px; font-weight: 900; letter-spacing: 0; text-align: center; margin: 0 0 0 0; }
.odkaz { color: #B4B4B4; text-decoration: none; font-size: 14px; }
.odkaz_prechod { color: yellow; text-decoration: none; letter-spacing: 0; font-size: 14px; }
.etarget { height: 600px; width: 177px; float: left; margin-top: 4px; margin-left: 4px; }
.novinka { background-image: url('http://moneyearn.eu/images/stred.png'); border: 1px solid black; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .titulok_novinky { background-image: url('http://moneyearn.eu/images/stred2.png'); } .titulok_novinky_1 { color: #B4B4B4; text-decoration: none; font-size: 12px; padding-top: 10px; padding-bottom: 10px; }
.titulok_novinky_2 { color: yellow; text-decoration: none; /*letter-spacing: 1px;*/ font-size: 12px; padding-top: 10px; padding-bottom: 10px; }
.kurziva{ font-style: italic; }
h3 { font-size: 12px; margin: 0 0 0 0; }
Ale keď to dám na web zobrazuje sa mi to takto : A ja chcem aby ten článok bol zarovno toho menu ako to je napríklad tu: [url=webradio.war3zone.eu]tu[/url viem moj web je postavený na designe toho istého webu aj kódu ale tak každý má svoj vkus
|
|
Registrovaný: 08.08.09 Príspevky: 12449 Témy: 39 | Napísal killer: 01.05.2015 12:59 | |
|
|
|
| Napísal autor témy jaknapceu: 01.05.2015 13:30 | |
|
Nemohol by si byť trošku konkrétnejší ? Ja potrebujem ten celý článok aj s okrajmi dostať vedľa toho menu a nie iba text
|
|
Registrovaný: 13.11.07 Prihlásený: 20.08.16 Príspevky: 1702 Témy: 0 | Napísal chrono: 01.05.2015 14:05 | |
|
Firma Google ohlásila, že bude pri vyhľadávaní zvýhodňovať stránky, ktoré sa zobrazujú dobre na mobile, takže ja osobne by som sa tabuľkám použitým pre rozloženie vyhol a použil by som nejaký CSS framework, napr. Bootstrap, ktorý sa o kopec detailov súvisiacich s prístupnosťou postará
|
|
| Napísal autor témy jaknapceu: 01.05.2015 14:07 | |
|
No ale ja s bootstrapom neviem
|
|
Registrovaný: 23.12.13 Prihlásený: 18.10.23 Príspevky: 429 Témy: 57 |
podla mna vtom je dost chaos. pokial chces len ten clanok zarovnat. Kukni si ako floatovat, nechce sa mi to teraz cele pisat ked ti nikto do vecera neporadi tak sa nato mozem kuknut. A tie bodky pred menu nechces odstranit? {list-style: none}
|
|
| Napísal autor témy jaknapceu: 01.05.2015 14:19 | |
|
Tiež som nad tým rozmýšlal díky
|
|
| Stránka: 1 z 1
| [ Príspevkov: 9 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Vymazanie/zafarbenie časti textu z videa v Video programy | 0 | 293 | 17.11.2012 14:27 t-pack25 | | zobrazenie textu az po kliknuti mysou v HTML, XHTML, XML, CSS | 4 | 448 | 22.03.2012 23:34 iop | | Zmena textu a zanechani pozice v textu v PHP, ASP | 4 | 756 | 01.08.2009 21:26 Tominator | | nastylizovanie a:hover v HTML, XHTML, XML, CSS | 2 | 662 | 21.02.2007 14:11 mylan | | css a:hover v HTML, XHTML, XML, CSS | 5 | 1488 | 09.10.2008 23:52 suchy | | Hover obrazku a zobrazenie title v HTML, XHTML, XML, CSS | 4 | 353 | 21.04.2015 18:11 erikzet | | c# 2 classy v Technológia .NET | 2 | 442 | 21.04.2017 15:08 romo195 | | Problém s a:hover v IE7 v HTML, XHTML, XML, CSS | 8 | 525 | 02.08.2011 22:27 camo | | hover problem pri IE7 a jquery.dropdownPlain v JavaScript, VBScript, Ajax | 0 | 433 | 02.09.2010 18:18 max-m | | Ako na class obsahujuci a:link? + b.hover v HTML, XHTML, XML, CSS | 14 | 643 | 02.09.2007 12:15 M4rekX | | Zafarbenie znaku v textarei v JavaScript, VBScript, Ajax | 14 | 844 | 02.12.2008 16:05 pogo | | Problem s klavesnicou a mysou v Externé zariadenia | 7 | 462 | 28.06.2019 12:53 tatko Tom | | Problém s myšou a MSI - K9MMV v Ostatné čipové sady | 3 | 394 | 28.03.2013 17:40 BOBO415 | | ROzdiel medzi optickou a laserovou mysou v Externé zariadenia | 8 | 18659 | 26.08.2010 19:54 KocuR | | Je mozne hrat na ps4 s mysou a klavesnicou? v Herné konzoly | 10 | 821 | 26.05.2014 12:55 ChickenHunter79 | | Ako na takyto sposob "li a:hover"? v HTML, XHTML, XML, CSS | 3 | 606 | 08.04.2010 16:48 eMPiko |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|