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?
Nechtěný prázdný "text" v html/css
Moderátor: Mods_senior
Nechtěný prázdný "text" v html/css
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í.
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í.
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.
ABBC3_SPOILER_SHOW
ABBC3_SPOILER_SHOW
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.
- fb.jpg (1.03 KiB) Zobrazeno 1970 x
- tw.jpg (1019 bajtů) Zobrazeno 1970 x
- ig.jpg (1.32 KiB) Zobrazeno 1970 x
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.
To by mě v životě nenapadlo.Takže pomohlo zkrátka
ABBC3_SPOILER_SHOW
ABBC3_SPOILER_SHOW
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?
-
- Podobná témata
- Odpovědi
- Zobrazení
- Poslední příspěvek
