Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 9 ] 
AutorSpráva
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Príspevok NapísalOffline : 30.04.2015 22:39

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
Príspevok NapísalOffline : 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)


Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Príspevok Napísal autor témyOffline : 01.05.2015 11:10

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
Príspevok NapísalOffline : 01.05.2015 12:59

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
Príspevok Napísal autor témyOffline : 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 :)


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
Príspevok NapísalOffline : 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á


Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Príspevok Napísal autor témyOffline : 01.05.2015 14:07

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ý: 18.10.23
Príspevky: 429
Témy: 57
Príspevok NapísalOffline : 01.05.2015 14:14

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
Príspevok Napísal autor témyOffline : 01.05.2015 14:19

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


Odpovedať na tému [ Príspevkov: 9 ] 


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

293

17.11.2012 14:27

t-pack25 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. zobrazenie textu az po kliknuti mysou

v HTML, XHTML, XML, CSS

4

448

22.03.2012 23:34

iop Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Zmena textu a zanechani pozice v textu

v PHP, ASP

4

756

01.08.2009 21:26

Tominator Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

2

662

21.02.2007 14:11

mylan Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

5

1488

09.10.2008 23:52

suchy Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

4

353

21.04.2015 18:11

erikzet Zobrazenie posledných príspevkov

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

v Technológia .NET

2

442

21.04.2017 15:08

romo195 Zobrazenie posledných príspevkov

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

525

02.08.2011 22:27

camo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. hover problem pri IE7 a jquery.dropdownPlain

v JavaScript, VBScript, Ajax

0

433

02.09.2010 18:18

max-m Zobrazenie posledných príspevkov

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

643

02.09.2007 12:15

M4rekX Zobrazenie posledných príspevkov

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

v JavaScript, VBScript, Ajax

14

844

02.12.2008 16:05

pogo Zobrazenie posledných príspevkov

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

v Externé zariadenia

7

462

28.06.2019 12:53

tatko Tom Zobrazenie posledných príspevkov

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

394

28.03.2013 17:40

BOBO415 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. ROzdiel medzi optickou a laserovou mysou

v Externé zariadenia

8

18659

26.08.2010 19:54

KocuR Zobrazenie posledných príspevkov

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

821

26.05.2014 12:55

ChickenHunter79 Zobrazenie posledných príspevkov

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

606

08.04.2010 16:48

eMPiko Zobrazenie posledných príspevkov


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

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra