| | |
| Stránka: 1 z 1
| [ Príspevkov: 5 ] | |
Autor | Správa |
---|
Registrovaný: 13.03.20 Prihlásený: 19.03.20 Príspevky: 3 Témy: 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.
|
|
Registrovaný: 19.03.07 Prihlásený: 14.04.24 Príspevky: 7076 Témy: 85 Bydlisko: BA | Napísal void: 13.03.2020 12:31 | |
|
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 & Surface Go 8/128 & Mobil: LG v40 ThinQ (2018) & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN |
|
Registrovaný: 13.03.20 Prihlásený: 19.03.20 Príspevky: 3 Témy: 1 | Napísal autor témy Terka04: 13.03.2020 18:12 | |
|
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.
|
|
Registrovaný: 17.07.11 Prihlásený: 29.12.20 Príspevky: 1516 Témy: 3 | Napísal BX: 14.03.2020 21:06 | |
|
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! |
|
Registrovaný: 13.03.20 Prihlásený: 19.03.20 Príspevky: 3 Témy: 1 | Napísal autor témy Terka04: 15.03.2020 9:44 | |
|
Ď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...
|
|
| Stránka: 1 z 1
| [ Príspevkov: 5 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Programator (PHP, MySQL, HTML, CSS) Prešov, alebo KE v Ponuka práce | 0 | 1090 | 30.06.2008 10:22 noveL | | Program ktory sleduje iny program v Ostatné programy | 1 | 660 | 25.02.2012 9:12 br4n0 | | Zaciatocnik HTML + CSS v HTML, XHTML, XML, CSS | 9 | 666 | 28.08.2014 15:33 erikzet | | HTML a CSS v HTML, XHTML, XML, CSS | 3 | 638 | 13.01.2012 17:51 Ďuri | | html,css problém v HTML, XHTML, XML, CSS | 6 | 1897 | 07.03.2019 17:00 weroro | | HTML/CSS obrazok v HTML, XHTML, XML, CSS | 2 | 581 | 16.02.2011 15:40 unkown2552 | | Html, css... rady v HTML, XHTML, XML, CSS | 5 | 678 | 25.07.2012 9:17 DeiForm | | CSS- php,html v HTML, XHTML, XML, CSS | 3 | 640 | 15.09.2009 21:08 1daemon1 | | Hladam HTML/CSS kodera v Ponuka práce | 1 | 1107 | 10.11.2009 15:10 subzul | | HTML a CSS web v HTML, XHTML, XML, CSS | 7 | 762 | 13.07.2011 20:42 shaggy | | Menu v html css [ Choď na stránku: 1, 2 ] v PHP, ASP | 43 | 1373 | 09.05.2014 17:18 funny102 | | HTML, CSS, priehľadnosť stránky v HTML, XHTML, XML, CSS | 3 | 699 | 31.05.2018 21:39 Betka1234 | | Otázky HTML a CSS [ Choď na stránku: 1, 2 ] v HTML, XHTML, XML, CSS | 59 | 1827 | 25.01.2016 16:36 chrono | | HTML, CSS, JS (jQuery) v Ponuka práce | 1 | 539 | 12.07.2013 23:15 DeiForm | | vyska obsahu (html + css) v HTML, XHTML, XML, CSS | 1 | 555 | 24.05.2012 19:23 shaggy | | Hľadám HTML + CSS kódera v Ponuka práce | 1 | 1533 | 04.09.2010 11:47 Blackshadow |
| 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
|
|