Zum Inhalt springen


zonebattler's homezone 2.1 - Merkwürdiges aus Fürth und der Welt


« Pflicht­ter­min Satz des Ta­ges »

Ge­stran­det

Dicht an dicht gelagerte Kunststoff-Kanus
  1. nachtschwester  •  19. Okt. 2007, 0:34 Uhr

    Schön.
    Was ist es?

    #1 

  2. zonebattler  •  19. Okt. 2007, 0:49 Uhr

    Halt mal den Maus­zei­ger über das Bild (oh­ne zu klicken)...

    #2 

  3. nachtschwester  •  15. Nov. 2007, 5:12 Uhr

    Al­ter Fuchs.
    Wie macht man das?

    #3 

  4. zonebattler  •  15. Nov. 2007, 8:59 Uhr

    Bil­der für Ge­bil­de­te: Ein klei­ner HTML-Ex­kurs

    Jetzt sag’ bloß, daß Dir mei­ne sorg­fäl­tig ge­drech­sel­ten Bild-Tex­te erst jetzt auf­ge­fal­len sind, wo ich doch seit mei­nen al­ler­er­sten Web-Ba­ste­lei­en (al­so seit ziem­lich ge­nau neun Jah­ren) kein ein­zi­ges Bild oh­ne hin­ter­leg­te Er­läu­te­rung ver­öf­fent­licht ha­be? Al­ler­hand! Da hast Du man­chen Gag ver­paßt...

    Der Trick -so man über­haupt von ei­nem sol­chen spre­chen kann- liegt dar­in, im Image-Tag IMG die bei­den At­tri­bu­te ALT (für »al­ter­na­tiv« und TITLE (für »Ti­tel«) zu spe­zi­fi­zie­ren: Das ei­ne ak­ti­viert im Brow­ser [1] die Text­an­zei­ge in ei­nem Käst­chen beim Maus­zei­ger, wenn man mit die­sem über das Bild fährt, das an­de­re brät ei­ne Ex­tra-Wurst für Mi­cro­soft [2]. So­was ist nicht nur prak­tisch, son­dern auch gu­ter Stil, da dann selbst Be­nut­zer oh­ne Gra­fik-Ter­mi­nal se­hen, was sie sä­hen, wenn sich denn was se­hen könn­ten...

    In mei­nem Blog hier fü­ge ich Bil­der im­mer über ei­nen Bau­stein ein, den ich per Ta­sta­tur­kür­zel auf­ru­fe, und der stellt sich dar wie folgt:

    <div align=»center«>
    <img src=»Pfad/Dateiname« width=»Bild­brei­te« height=»Bild­hö­he« alt=»Bild­be­schrei­bung« tit­le=»Bild­be­schrei­bung«>
    </div>

    Das um­rah­men­de DIV-Tag sorgt für die Zen­trie­rung, die Grö­ßen­an­ga­be (in Pi­xel) wä­re nicht un­be­dingt not­wen­dig, ist aber gleich­falls gu­ter Brauch im Sin­ne bar­rie­re­frei­er und be­nut­zer­freund­li­cher Pro­gam­mie­rung, sorgt sie doch da­für, daß der Brow­ser (ins­be­son­de­re bei sehr lang­sa­mer Netz­an­bin­dung) schon mal die gan­ze Text­sei­te mit lee­ren Rah­men an­zeigt, wäh­rend er noch an den Bil­dern knab­bert und die­se lädt...

    Im obi­gen Bild mit den ge­staf­felt ge­sta­pel­ten Boo­ten sieht der kom­plet­te HTMl-Quell­text da­zu al­so so aus:

    <div align=»center«>
    <img src=»https://www.zonebattler.net/wp-content/uploads/2007/10/2007–10-18_kanus.jpg« width=»320″ height=»240″ alt=»Dicht an dicht ge­la­ger­te Kunst­stoff-Ka­nus« tit­le=»Dicht an dicht ge­la­ger­te Kunst­stoff-Ka­nus«>
    </div>

    Der arg lang an­mu­ten­de Pfad hat sei­nen Grund in mei­nem per­fek­tio­ni­sti­schen Ord­nungs­stre­ben, die Bil­der­flut will (und muß) ja gut und zu­kunfts­si­cher ein­sor­tiert sein, um auch lang­fri­stig kein recht un­über­sicht­li­ches Kud­del­mud­del ent­ste­hen zu las­sen...

    Im Grun­de ist die Sa­che al­so ganz sim­pel. Er­heb­lich trick­rei­cher ist es, den Quell­text hier kor­rekt, voll­stän­dig und her­aus­ko­pier­bar zur An­zei­ge zu brin­gen, al­so den Brow­ser ex­pli­zit dar­an zu hin­dern [3], die Kom­man­dos wie üb­lich zu be­fol­gen: Da wür­de man ja doch nur wie­der das Bild selbst se­hen!

     
    [1] Brow­ser (sprich »Brow­ser«) kommt vom Verb to brow­se (für »blät­tern«) und be­zeich­net ein Pro­gramm zum An­zei­gen von Web­sei­ten. Der be­kann­te­ste Blät­te­rer ist Mi­cro­softs In­ter­net-Ex­plo­rer, man­che sur­fen mit dem Fire­fox, Mac-Be­sit­zer be­vor­zu­gen Sa­fa­ri, un­ser­eins schwört seit Jah­ren auf Ope­ra.

    [2] Nä­he­res da­zu gibt es hier.

    [3] Da­zu muß man dann wirk­lich ei­nen Kniff ken­nen, aber den ver­ra­te ich nur auf Ex­tra-An­fra­ge! ;-)

    #4 

  5. nachtschwester  •  15. Nov. 2007, 16:19 Uhr

    Es ist ein­fach so, lie­ber Ralph, dass ich bis­her nie auf die Idee ge­kom­men bin, den künst­le­ri­schen Aus­druck Dei­ner fa­bel­haf­ten Bil­der durch Drinr­um­fum­meln mit dem Maus­zei­ger zu stö­ren.

    Dan­ke für die ge­dul­di­ge An­lei­tung für ei­ne, die da­für an­de­re Sa­chen ganz toll gut kann ;-)

    #5 

  6. zonebattler  •  15. Nov. 2007, 16:51 Uhr

    Sor­ry, ich hat­te in mei­ner »An­lei­tung« den Smi­ley hin­ter dem er­sten Ab­satz ver­ges­sen, es soll­te kei­ner­lei Sei­ten­hieb da­mit ver­bun­den sein. Zu­mal ich Dich sehr be­wun­de­re ob der zahl­rei­chen Sa­chen, die Du (mut­maß­lich) er­heb­lich bes­ser kannst und be­herrschst als ich... :-)

    #6 

  7. nachtschwester  •  15. Nov. 2007, 21:04 Uhr

    Ist schon klar, ich woll­te nicht be­lei­digt er­schei­nen :-)

    #7 

Kommentar-RSS: RSS-Feed für Kommentare nur zu diesem Beitrag

Eigenen Senf dazugeben: