[ Príspevkov: 9 ] 
AutorSpráva
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa

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:46

Ako tak ja blb pozerám tak vidím, že tam mám dva krát classu :D

// Spojený príspevok Pia 01.05.15 0:03

Tak 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 :)


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0 | 0

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)


Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa

Díky chrono :) Funguje to :)

// Spojený príspevok Pia 01.05.15 12:40

Ahojte než dám lock tak mám ďaľší problém :D 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 classy - zafarbenie textu po prejetí myšou (a:hover)

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 :D :)


Offline

Správca fóra
Správca fóra
a classy - zafarbenie textu po prejetí myšou (a:hover)

Registrovaný: 08.08.09
Príspevky: 12449
Témy: 39 | 39

http://www.jakpsatweb.cz/css/float.html
http://www.jakpsatweb.cz/css/clear.html


Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa

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 :)


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0 | 0

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á


Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa

No ale ja s bootstrapom neviem :)


Offline

Užívateľ
Užívateľ
a classy - zafarbenie textu po prejetí myšou (a:hover)

Registrovaný: 23.12.13
Prihlásený: 23.09.24
Príspevky: 429
Témy: 57 | 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}


Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa

Tiež som nad tým rozmýšlal díky :)


 [ Príspevkov: 9 ] 


a classy - zafarbenie textu po prejetí myšou (a:hover)



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Vymazanie/zafarbenie časti textu z videa

v Video programy

0

333

17.11.2012 14:27

t-pack25

V tomto fóre nie sú ďalšie neprečítané témy.

zobrazenie textu az po kliknuti mysou

v HTML, XHTML, XML, CSS

4

483

22.03.2012 23:34

iop

V tomto fóre nie sú ďalšie neprečítané témy.

Zmena textu a zanechani pozice v textu

v PHP, ASP

4

861

01.08.2009 21:26

Tominator

V tomto fóre nie sú ďalšie neprečítané témy.

css a:hover

v HTML, XHTML, XML, CSS

5

1530

09.10.2008 23:52

suchy

V tomto fóre nie sú ďalšie neprečítané témy.

nastylizovanie a:hover

v HTML, XHTML, XML, CSS

2

696

21.02.2007 14:11

mylan

V tomto fóre nie sú ďalšie neprečítané témy.

Hover obrazku a zobrazenie title

v HTML, XHTML, XML, CSS

4

393

21.04.2015 18:11

erikzet

V tomto fóre nie sú ďalšie neprečítané témy.

c# 2 classy

v Technológia .NET

2

481

21.04.2017 15:08

romo195

V tomto fóre nie sú ďalšie neprečítané témy.

Problém s a:hover v IE7

v HTML, XHTML, XML, CSS

8

575

02.08.2011 22:27

camo

V tomto fóre nie sú ďalšie neprečítané témy.

hover problem pri IE7 a jquery.dropdownPlain

v JavaScript, VBScript, Ajax

0

466

02.09.2010 18:18

max-m

V tomto fóre nie sú ďalšie neprečítané témy.

Ako na class obsahujuci a:link? + b.hover

v HTML, XHTML, XML, CSS

14

682

02.09.2007 12:15

M4rekX

V tomto fóre nie sú ďalšie neprečítané témy.

Zafarbenie znaku v textarei

v JavaScript, VBScript, Ajax

14

875

02.12.2008 16:05

pogo

V tomto fóre nie sú ďalšie neprečítané témy.

Problem s klavesnicou a mysou

v Externé zariadenia

7

488

28.06.2019 12:53

tatko Tom

V tomto fóre nie sú ďalšie neprečítané témy.

ROzdiel medzi optickou a laserovou mysou

v Externé zariadenia

8

18790

26.08.2010 19:54

KocuR

V tomto fóre nie sú ďalšie neprečítané témy.

Problém s myšou a MSI - K9MMV

v Ostatné čipové sady

3

425

28.03.2013 17:40

BOBO415

V tomto fóre nie sú ďalšie neprečítané témy.

Je mozne hrat na ps4 s mysou a klavesnicou?

v Herné konzoly

10

919

26.05.2014 12:55

ChickenHunter79

V tomto fóre nie sú ďalšie neprečítané témy.

Ako na takyto sposob "li a:hover"?

v HTML, XHTML, XML, CSS

3

643

08.04.2010 16:48

eMPiko



© 2005 - 2024 PCforum, edited by JanoF