[ Príspevkov: 5 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.03.20
Prihlásený: 19.03.20
Príspevky: 3
Témy: 1 | 1

Dobrý deň! V škole sme sa učili základy programovania, ale mňa to chytilo, tak som si zaobstarala online htlm a css kurz, ktorý už mám kompletne spravený. Teraz si programujem stránku a prišla som na menší problém. Ide o to, že mám istý obrázok, ktorý je zároveň linkom na inú stránku. Keď kurzorom prejdem po obrázku, vybledne a zjaví sa dátum a nadpis článku, na ktorý odkazuje. Celkom sa mi to aj podarilo. Myš mám nad obrázkom - vybledne a zjaví sa text, ale zmenší sa cca o 10%... Keď som skúsila zadať tento istý kód na iný obrázok tak sa stalo zase niečo iné - obrázok vybledol, zjavil sa text, ale asi dvadsať px spodku obrázka absolútne nereagovalo...
Kód som naprogramovala cez opacity, background-color =rgba(255, 255, 255, 0.7), display, z-index a potom už len veľkosti, margin a padding.
Chýba mi dajaký kód alebo tam mám, naopak niečo navyše? Alebo jednoducho som tam naťukala niečo zle? Alebo sa to robí rovno cez iný kódovací jazyk, či program?
Za odpovede vopred ďakujem.


Online

Skúsený užívateľ
Skúsený užívateľ
Potrebujem na to iný program alebo stačí html a css?

Registrovaný: 19.03.07
Prihlásený: 24.01.21
Príspevky: 6990
Témy: 84 | 84
Bydlisko: BA

Ahoj,
Mozno ak uvedies priklad, tak ti s tym lahsie pomozeme. Optimalne HTML aj CSS kod ktory je pouzity pri tvojom probleme. Najlepsie ak to das do code tagov, ked to budes davat sem.

Ja zatial predpokladam ze mas nejaky element ktory prekryva samotny link a preto nefunguje (ak som spravne pochopil popis problemu). Pripadne ma <a> element zly display.

Skus pouzit v novsom prehliadaci F12 kde mas taku sipocku v lavo hore v tom okne ktore sa ti otvori a kliknut na tu sipocku a nasledne element. Aku velkost ma <a> element?


_________________
Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA Powercolor VEGA56 + Raijintek Morpheus II | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 &
Notebook: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 &
Mobil: LG v40 ThinQ (2018) & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.03.20
Prihlásený: 19.03.20
Príspevky: 3
Témy: 1 | 1
Napísal autor témyOffline : 13.03.2020 18:12 | Potrebujem na to iný program alebo stačí html a css?

Takže ja som si <a> element, do ktorého som vložila <div> element a ako pozadie som v CSS nastavila obrázok. Tento <div> element obsahoval elementy <time> a <h3>. <div> elementu som nastavila v CSS veľkosť 420x544 px a ako display som nastavila table. Pri veľkosti <a> elementu sa mi zobrazuje iba auto x auto. Pre elementy <time> a <h3> som za bežných okolností nastavila opacity 0 a z-index 101. V prípade, že kurzorom po nich prejdem, zmenila som hodnotu opacity na 1 a pridala spomínaný background-color: rgba(255, 255, 255, 0.7).
Link funguje, len sa mi mení grafika stránky. Keď som skúsila použiť tento istý postup na iný obrázok, správal sa inak ako predošlý...
Raz sa mi, ako som už spomínala, zmenšil približne o desať percent a z druhého mi spodná časť obrázka nereaguje.


Offline

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

Registrovaný: 17.07.11
Prihlásený: 29.12.20
Príspevky: 1516
Témy: 3 | 3

Skús to nasimulovať tu https://jsfiddle.net/
pretože z takéhoto popisu sa naozaj nedá veľa zistiť :)


_________________
Na súkromné správy týkajúce sa problémov, ktoré sa riešia vo fóre, neodpovedám!
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 13.03.20
Prihlásený: 19.03.20
Príspevky: 3
Témy: 1 | 1

Ďakujem!
Po dlhšom bádaní sa mi nakoniec podarilo nájsť chybný kód... veď človek sa najlepšie učí na vlastných chybách...


 [ Príspevkov: 5 ] 


Potrebujem na to iný program alebo stačí html a css?



Podobné témy

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

Programator (PHP, MySQL, HTML, CSS) Prešov, alebo KE

v Ponuka práce

0

909

30.06.2008 10:22

noveL

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

Program ktory sleduje iny program

v Ostatné programy

1

433

25.02.2012 9:12

br4n0

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

Zaciatocnik HTML + CSS

v HTML, XHTML, XML, CSS

9

467

28.08.2014 15:33

erikzet

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

HTML/CSS obrazok

v HTML, XHTML, XML, CSS

2

431

16.02.2011 15:40

unkown2552

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

HTML a CSS

v HTML, XHTML, XML, CSS

3

465

13.01.2012 17:51

Ďuri

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

html,css problém

v HTML, XHTML, XML, CSS

6

1623

07.03.2019 17:00

weroro

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

Html, css... rady

v HTML, XHTML, XML, CSS

5

490

25.07.2012 9:17

DeiForm

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

CSS- php,html

v HTML, XHTML, XML, CSS

3

474

15.09.2009 21:08

1daemon1

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

Menu v html css

[ Choď na stránku:Choď na stránku: 1, 2 ]

v PHP, ASP

43

882

09.05.2014 17:18

funny102

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

vyska obsahu (html + css)

v HTML, XHTML, XML, CSS

1

391

24.05.2012 19:23

shaggy

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

HTML, CSS, priehľadnosť stránky

v HTML, XHTML, XML, CSS

3

339

31.05.2018 21:39

Betka1234

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

Hladam HTML/CSS kodera

v Ponuka práce

1

956

10.11.2009 15:10

subzul

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

html,css - opacity problem

v HTML, XHTML, XML, CSS

4

136

30.10.2019 20:53

OnO

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

HTML, CSS, JS (jQuery)

v Ponuka práce

1

381

12.07.2013 23:15

DeiForm

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

Hľadám HTML + CSS kódera

v Ponuka práce

1

1364

04.09.2010 11:47

Blackshadow

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

HTML a CSS web

v HTML, XHTML, XML, CSS

7

575

13.07.2011 20:42

shaggy



© 2005 - 2021 PCforum, edited by JanoF