Zdravím,
pracuji na jedné stránce pro seminární práci do školy a všimnul jsem si, že mi něco manipuluje s rozložením obrázků. Následné prozkoumání v prohlížeči prozradilo, že se mezi obrázky z nějakého důvodu tvoří prázdné políčko s tagem "text" velké několik pixelů. Problém je, že v původním kódu nic takového není a tudíž netuším, jak se toho zbavit. Setkal se někdo s něčím podobným?
EDIT: Políčko zmizí když ve třídě obr smažu width: 15%, což ale reálně není možné protože šířka obrázku samozřejmě nastavená být musí.
Nechtěný prázdný "text" v html/css
Re: Nechtěný prázdný "text" v html/css
Spíš tam něco "přetíká" .. nějaký prvek s ID=text?
Re: Nechtěný prázdný "text" v html/css
Nic takového tam právě nemám, to bych hned věděl kde hledat. Když se koukneš na první obrázek tak je vidět, že zaprvé je ta oblast označená nějakou vzláštní značkou a zadruhé to nenajde žádnou konekci ve stylech ("No element selected" když je to označené). Navíc se to zobrazuje s # jako ID, což by mělo znamenat, že je to unikátní ale když dám víc obrázků vedle sebe tak je to mezi každým obrázkem to samé.
Dodatečně přidáno po 3 minutách 5 vteřinách:
Zatím jsem zkoušel jednotlivé obrázky uzavřít do divů (které jsem pak musel stylovat jako inline) a nastavit padding/margin na 0px, ani jedno nepomohlo.
Dodatečně přidáno po 3 minutách 5 vteřinách:
Zatím jsem zkoušel jednotlivé obrázky uzavřít do divů (které jsem pak musel stylovat jako inline) a nastavit padding/margin na 0px, ani jedno nepomohlo.
Re: Nechtěný prázdný "text" v html/css
No nejlepší by bylo, dát sem celý kód stránky.
Re: Nechtěný prázdný "text" v html/css
html
css
+ používám columns, offset a row ze skeletonu
Jinak je to zatím pracovní verze tak se neděste.
► Zobrazit spoiler
css
► Zobrazit spoiler
+ používám columns, offset a row ze skeletonu
Jinak je to zatím pracovní verze tak se neděste.
Re: Nechtěný prázdný "text" v html/css
img1.jpg
img2.jpg
img3.jpg
fb.jpg
tw.jpg
ig.jpg
Teď koukám, že to políčko je i u těch ikonek dole (fb, tw, ig) takže v té třídě obr asi problém nebude. Je možné, že by to dělal program? Používám WebStorm.
img2.jpg
img3.jpg
fb.jpg
tw.jpg
ig.jpg
Teď koukám, že to políčko je i u těch ikonek dole (fb, tw, ig) takže v té třídě obr asi problém nebude. Je možné, že by to dělal program? Používám WebStorm.
Re: Nechtěný prázdný "text" v html/css
Zkouším různé prohlížeče, ale nikde nic, vše OK. Nemůže se tam cpát ještě nějaký doplněk z prohlížeče?
Re: Nechtěný prázdný "text" v html/css
Mám jen adblock, ten by to snad dělat neměl. Navíc jsem taky zkoušel různé prohlížeče a bylo to všude. Že by vážně ten WebStorm? Až budu doma tak zkusím stáhnout PSPad a uložit to přes něj.
Dodatečně přidáno po 7 hodinách 46 minutách 59 vteřinách:
Tak PSPadová verze je bez rozdílu. Mimochodem ten "text" najde jen Firefox, Chrome a Explorer tam sice nic neukazují, ale mezera je stejná. Už si vážně nevím rady.
Dodatečně přidáno po 7 hodinách 46 minutách 59 vteřinách:
Tak PSPadová verze je bez rozdílu. Mimochodem ten "text" najde jen Firefox, Chrome a Explorer tam sice nic neukazují, ale mezera je stejná. Už si vážně nevím rady.
Re: Nechtěný prázdný "text" v html/css
Tak vyřešeno, bylo to tím, že jsem to měl mezi těmi obrázky odentrované. To by mě v životě nenapadlo.
Takže pomohlo zkrátka
změnit na
(zkrátka vše do jedné řádky, tady se to tak nezobrazuje)
To by mě kleplo, myslel jsem že html odentrování vůbec neřeší. I tak díky za snahu o pomoc.
Takže pomohlo zkrátka
► Zobrazit spoiler
změnit na
► Zobrazit spoiler
(zkrátka vše do jedné řádky, tady se to tak nezobrazuje)
To by mě kleplo, myslel jsem že html odentrování vůbec neřeší. I tak díky za snahu o pomoc.
Re: Nechtěný prázdný "text" v html/css
Jooo tak tohle jsem taky jednou řešil, když jsem plácal stránky ručně...
Mám dojem, že to jde obejít i jinak - obalením DIV, SPAN a nějaký to CSS. No už je to dávno..
Na jednom řádku to taky nemusí být stačí aby ><img bylo u sebe a bez mezery...
Mám dojem, že to jde obejít i jinak - obalením DIV, SPAN a nějaký to CSS. No už je to dávno..
Na jednom řádku to taky nemusí být stačí aby ><img bylo u sebe a bez mezery...
Kód: Vybrat vše
<img class="obr" onmouseover="document.getElementById('activeobr').src='img1.jpg'" src="img1.jpg"><img
class="obr" onmouseover="document.getElementById('activeobr').src='img2.jpg'" src="img2.jpg"><img
class="obr" onmouseover="document.getElementById('activeobr').src='img3.jpg'" src="img3.jpg">
Re: Nechtěný prázdný "text" v html/css
Jo, to taky funguje a vypadá to líp, díky. :)
Dodatečně přidáno po 38 vteřinách:
Ještě co myslíš tím "plácal stránky ručně"? Ono to jde i jinak?
Dodatečně přidáno po 38 vteřinách:
Ještě co myslíš tím "plácal stránky ručně"? Ono to jde i jinak?
-
- Mohlo by vás zajímat
- Odpovědi
- Zobrazení
- Poslední příspěvek
-
- 3
- 1201
-
od Grander
Zobrazit poslední příspěvek
19 pro 2023 11:00
-
- 4
- 824
-
od supfor
Zobrazit poslední příspěvek
15 bře 2024 20:41
-
-
Program: klávesová zkratka->napíše se text
od pikaso.andreas » 18 črc 2023 14:12 » v Vše ostatní (sw) - 3
- 1632
-
od X
Zobrazit poslední příspěvek
19 črc 2023 18:28
-
-
-
excel text na konec více řádků najednou Příloha(y)
od Myerina » 03 led 2024 11:51 » v Kancelářské balíky - 5
- 920
-
od Zivan
Zobrazit poslední příspěvek
04 led 2024 09:42
-
Zpět na “Programování a tvorba webu”
Kdo je online
Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 4 hosti