Autor Zpráva
vesniczan
Profil *
zdravim.narazil jsem na problém s atributem align tagu img - ať se snažím,jak se snažím,nedaří se mi například umístit obrázek doprostřed.předem díky za váš čas a pomoc ;)
uplnej zacatecnik
Profil *
<img src="OBRAZEK.jpg" img align="center">
bojars
Profil
primitivní dotazy ohledně obrázků

Pozrel si sa na Jak Psát Web na adresu:

http://www.jakpsatweb.cz/html/obrazky.html (?)

..umístit obrázek doprostřed.

Doprostred čoho?

> stránky?
> bunky v tabuľke?
> divu?
> ...
japlavaren
Profil
ak ho chceš ako pozadie, tak sa to musí nastylovat. mám sa rozpisovať??
peta
Profil *
japlavaren
proste jej odkaz na
www.jakpsatweb.cz - HTML -
www.jakpsatweb.cz - CSS -
a at si chlapec nejdriv prohlidne manual nez polozi dotaz

vesniczan
Taky by mohl chlapec rici, co presne chce, odkaz na stranku a tak.
chces doprostred ALT nebo chces doprostred obrrazek? Nebo chces doprostred obrazku nejaky text na hover?
vesniczan
Profil *
omlouvám se,že jsem to víc nespecifikoval,myslel jsem,že to,co jsem napsal bude dostatečné a neuvědomil jsem si,že to může být matoucí.na druhou stranu,já jsem některými kritizován za nepřesnou formulaci dotazu,ale to,že v odpovědi některých se vyskytují výrazy,kterým nemusím rozumnět (a některým ani nerozumím),nikoho očividně netrápí.
právě ze stránky Jak psát web se to učím.zatím jen html,na css se podívám potom.zatím jen postupuju v sekci "Návody",na podrobnější věci jsem se zatím nedíval (např ony obrázky).v kapitole obrázky v html v sekci návody jsem se dostal k atributu align a pokoušel jsem se umístit orázek doprostřed řádku (v horizontální rovině).v této kapitole není řečeno,jestli atribut align určuje postavení v horizontální nebo vertikální rovině a tak jsem myslel,že se mi to podaří.nesetalo se a tak jsme sem napsal dotaz na tento problém.když jsem si teď přečetl část kapitoly obrázky (konkrétně to o atributu align),kde je řečeno,že atribut align může mít pouze hodnoty pro obtékání obrázku nebo vertikální umístění obrázku na řádku.

a nyní tedy znovu formuluji moje dotazy:
- jakými všemi způsoby je možné umístit pomocí html obrázek doprostřed řádku v horizontální rovině (pokud je to moc široká otázka,napiště mi prosím,alespoň pomocí nějakého atribubutu tagu img)
- jakými všemi způsoby pomocí html můžu umístit obrázek doprostřed stránky v horizontální a zároveň i vertikální rovině (pokud to bude opět moc náročné na odpověď prosím alespoň o nějaký "nejlepší" způsob)

ad uplnej zacatecnik - nevadí,že tag img je tam obsažen dvakrát?
ad bojars - jen část,a to potom,co jste mi sem napsali odkaz (tudíž po mém prvotním dotazu).umístit obrázek,text apod doprostřed buňky tabulky umím.co je div netuším,tak mi to prosím vysvětli.díky
ad japlavaren - nechci ho jako pozadí,to umím (i když nechápu atribut bgproperties tagu body - nevím,jestli jsme postupoval správně,ale nenašel jsem rozdíl mezi fixed a scroll - když budeš mít náladu,tak mi to klidně vysvětli,jinak to není nic extra důležitého a obejdu se bez toho).netuším,co znamená nastylovat,tak mi to prosím vysvětli.díky
ad peta - o jakého chlapce jde?proč ta povýšenost a nezájem?pokud jsi mi nechtěl odpovědět,tak ses na to měl vysrat a ne mít ******* kecy,který mi stejně řeknou akorát tak ****** html,popřípadě tvorbě webových stránek jsem lama,toho jsem si vědom a nestydím se zato (btw-ty jsi html vymyslel nebo jsi to snad uměl již od narození).mám za to,že v mém původním dotazu není nic,co by oprávněně vzbudilo takovou reakci.
a nyní k věci-co je alt,netuším,prosím o vysvětlení.nevím,jestli se ti to nezobrazuje,ale v původním dotazu je napsáno "například umístit obrázek doprostřed",takže mi nějak uniká smysl tvého "nebo chces doprostred obrrazek?".netušíínm co je hover,takže ještě jednou díky za tvou vyčerpávající a srozumitelnou odpověď,která mi vše objasnila a umožnila mi pochopit smysl života.

všem děkuju za váš čas a pomoc.nikoho jsem na začátku nehodlal urážet,apod (což nehodlám dělat ani nyní.uchýlím se k tomu pouze v reakci na podobné chování).
Leo
Profil
"jakými všemi způsoby je možné umístit pomocí html obrázek doprostřed řádku v horizontální rovině"

Podstatne je, jestli je na tom "radku" jen ten obrazek, nebo jeste nejaky text. Leo
vesniczan
Profil
ad Leo - jen obrázek,ale klidně mi popiš i ten způsob s textem.dík
Leo
Profil
Predstavte si obrazek jako jedno velke pismeno textu a prijdete na to mozna sam :-) Takze: text-align: center v CSS. Leo
vesniczan
Profil
ad Leo - zatím se snažím naučit html :) ale už jsem se dozvěděl,že pomůže tag center :) (ano,je to primitvní,jsem holt brzda... :))
btw - klidně mi můžeš tykat,což doufám já tobě taky :)
bojars
Profil
...v této kapitole není řečeno,jestli atribut align určuje postavení v horizontální nebo vertikální rovině...

To je ten zásadný problém Tvojej otázky. Všetko, čo má byť v strede by malo byť zastredené voči niečomu, tzv. nadriadenému elementu, t.j. miestu, kde sa ten obrázok nachádza (stránka, tabuľka, riadok...). O tom boli moje otázky.
Leo Ti to pekne vysvetlil na tom riadku.

co je div netuším,tak mi to prosím vysvětli.díky

Načo Ti to budem vysvetľovať ja, aj o tom je na JPW stránka:

http://www.jakpsatweb.cz/div-span.html
peta
Profil *
vesniczan
S CSS bys mohl zacit driv nez az pak, na CSS se da postavit cela stranka a z htm ti pak staci znat jen 2 tagy: DIV, SPAN
---
</style>
.obrazek {padding:50px;background:url("obrazek.gif") 0 50%}
</style>
<div class="obrazek">&nbsp;</div>
---
je neco podobne jako
---
<center>
<img src="obrazek.gif" width="100" height="100" alt="ahoj">
</center>
---
Samozrejme je lepsi, kdyz pouzivas zakladni html tagy a jako navic nabalujes CSS pro ozdobu, zmenu pisma, barev...
K tomu ALT, to je popisek obrazku, kdyz vypnes v prohlizeci obrazky. Spravne bys u img mel uvadet source-src, rozmery width,height a alt. Ale alt lze vynechat, take. Ostatni vlastnosti jsou nepovinne. Rozmery jsou dulezite pro rychlost vykreslovani. Kdyz je nenapises, musi prohlizec vytahnout rozmery ze souboru a kdyz jej zatim nema, tak se to zobrazi jinak nez pak.

Co se tyce slovum, kterym nerozumis, jak to mame vedet, ze jsi zacatecnik a ze ani o htm nic nevis?

Vertikalni centrovani:
http://www.jakpsatweb.cz/css/css-vertikalni-centrovani.html

K tem povidackam, ze nechci odpovedet, jde o to, ze chci, ale nechapu dotaz. Umistit obrazek doprostred je velmi siroky pojem.
- horizontalne
- vertikalne
- pouze pres html, pokud je to mozne
- pouze pres css
- muze to byt css pozadi
- muze byt i javascript
- muze byt i PHP
- muze byt i flash
Muzu odpovedet na vsechno, proto jsem si radeji pockal na vysvetleni a potrapil te s provokovanim :)
peta
Profil *
Jinak odpovedet jsem v podstate odpovedel. Centrovani mas na obou tech odkazech, jenom pouzit vyhledavani v prohlizeci, abys nasel asi mezi 50ti odkazy slovo center v CSS
nebo pouzit google.com slova:
center jakpsatweb htm
(center, protoze centrovani je ceske slovo, hacky carky, nemuzes se spolehnout na anglicke vyhledavace)
vesniczan
Profil
bojars - díky ;)
peta - html se učím dřív,jelikož se učím postupně od začátku a mám za to,že by bylo vhodnější naučit se nejdřív html,než css.jestli se mýlím je věc jiná...
k altu - znám ho,jen ta tvoje otázka byla položena natolik pochybně,že jsem to nepochopil.
asi jsem to neřekl dost jasně,že jsem lama,ale předpokládal jsem (zřejmě mylně...),že vzhledem k primitivnosti dotazu a smyslu tohoto fóra to bude zřejmé... omlouvám se.
problém širokosti mého dotazu je v tom,že nevím,kam všude a čím se dá obrázek dát doprstřed a tak jsem chybně myslel,že to bude jasné.moje chyba,pardon.
tvůj příspěvek na mě zapůsobil takovým dojmem,že jsem reagoval,jak jsem reagoval...
a tvá "odpověď" byla ještě možná širší než moje otázka...
každopádně díky a jsem rád,že se to vyajsnilo ;)

mám nové dotazy:
- jaký je rozdíl mezi alt a title?dají se zaměnit nebo v čem se případně liší?který je vhodnější používat?
- co vlastně tedy align dělá?
Hugo
Profil
vesniczan

alt je text, ktery se zobrazi misto obrazku, pokud obrazek nelze nacist, nebo je zakazane zobrazovani obr. Title je text, ktery se zobrazi po najeti kurzoru na obrazek.

Ovsem prohlizece to nerespektuji a vetsinou misto title zobrazuji alt.
bojars
Profil
Keď nabehneš myšou na obrázok, tak sa Ti zobrazí:

IE: alt
Mozilla: title
Opera: alt aj title

alt sa Ti zobrazí vo všetkých prehliadačoch v prípade, že sa Ti z nejakého dôvodu nenačítajú do stránky obrázky.
---------------------------------------------------------------------- --------------------------------------------------

Ku title by som ešte dodal to, že tento atribút môžeš dať okrem obrázkov aj iným tagom v stránke.

Jednoduché príklady:

<h1 title="Obraz novodobej kultúry">Povolení</h1>

<p><a href="#" title="click and uvidíš">pozri sem</a></p>

<div title="toto bude štvorec s textom" style="display: block; width: 150px; height: 150px; padding: 3em; border: 1px solid black; text-align: center; background-color: #FFFFCC; color: navy;">Text s rámikom</div>

(skopíruj si to do nejakého kódu a pozri v prehliadači)
habendorf
Profil
Keď nabehneš myšou na obrázok, tak sa Ti zobrazí:
IE: alt


To platí pouze za předpokladu, že title není přítomen.
peta
Profil *
vesniczan
No, ja se omlouvam, mam takovou protivnou povahu. Ta reakce mi neva, jako. Mi neva temer nic :) Aspon se spoustu veci vyjasni

align slouzi k zarovnani, bohuzel funguje podobne jako float v CSS a i tak se chova.
HTML delat bez CSS se ti nevyplati. K obojimu se da pouzit jakpsatweb. Staci mit jen prehled v zakladnich nekolika asi 40 tazich.
Takova jednoducha ukazka by mohla byt stranka
http://www.volny.cz/peter.mlich/Pr/ukazka1/ukazka1.htm
Z HTML tagu tam mas asi 10, barvy a spol uz je delane v CSS (soubor style.css, umisteni uvidis, kdyz si kliknes Zobrazit- zdrojovy kod, pak muzes zadat primou adresu a prohlidnoutsi, co v nem mam)
peta
Profil *
takova zajimava vznikajici stranka je
http://www.tvorba-webu.cz/
klikni na xhtml
Toto téma je uzamčeno. Odpověď nelze zaslat.

0