Ինչպես կառուցել պատկերի քարտեզ CSS- ով

ընտրանքներ

Ես ուզում էի ինչ-որ «հեգնական» մի բան, ուստի ես որոշեցի գտնել «գրպանի» գրաֆիկա, որը պարունակում է իմ բլոգի բաժանորդագրության բոլոր եղանակները:

Web 1.0 – ի օրոք, այսպիսի հղումների հավաքածու կարելի էր կառուցել ՝ յուրաքանչյուր պատկերին հղումներ կապելով ձեր պատկերը, այնուհետև փորձելով այն ամենը կարել սեղանի հետ միասին: Դա կարելի է նաև իրականացնել ՝ օգտագործելով an պատկերի քարտեզ բայց դա սովորաբար պահանջում է գործիք կոորդինատային համակարգը մշակելու համար: Կասկադի ոճի թերթիկների օգտագործումը սա մեկ տոննա ավելի դյուրին է դարձնում ... ոչ մի կտոր կտոր պատկերներ և ոչ մի փորձ `գտնել ձեր կոորդինատների համակարգը կառուցելու գործիք:

  1. Կառուցեք ձեր պատկերը, որը ցանկանում եք օգտագործել: Ստորև կարող եք օգտագործել այս գրաֆիկը (աջ կտտացրեք և պահեք ներբեռնելու համար).
    Ընտրանքներ
  2. Վերբեռնեք ձեր նկարը գրացուցակում, որը համեմատական ​​է ձեր CSS- ի հետ: WordPress- ում դա կարելի է անել ամենահեշտը `այն տեղադրելով ձեր թեմայի գրացուցակում գտնվող պատկերների պանակում:
  3. Ավելացրեք ձեր HTML- ը: Դա գեղեցիկ և պարզ է… a div, որի մեջ կան երեք հղումներ.
    > div id = "բաժանորդագրվել">> a id = "rss" href = "[ձեր լրահոսի հղումը]" title = "Բաժանորդագրվել RSS- ով"> span class = "hide"> RSS> / span >> / a>> a id = "email" href = "[your email subscribe link]" title = "Բաժանորդագրվել էլ. փոստով" >> span class = "hide"> Էլ. փոստ> / span >> / a>> a id = "mobile" href = "[ձեր բջջային կապը]" title = "Դիտել բջջային տարբերակը" >> span class = "hide"> Բջջային> / span >> / a>> / div>
    
  4. Խմբագրեք ձեր կասկադային ոճի թերթը: Դուք կավելացնեք 6 տարբեր ոճեր: 1 ոճ ընդհանուր div- ի համար, 1 հատկորոշիչի համար, այնպես որ այն չի ցուցադրում որևէ տեքստի զարդարանք, 1 ոճ ՝ տեքստը թաքցնելու համար (օգտագործվում է մատչելիության համար) և 1 ոճի բնութագիր հղումներից յուրաքանչյուրի համար.
    # բաժանորդագրվել {/ * ֆոնային պատկերի բլոկ * / ցուցադրում ՝ բլոկ; լայնությունը `215px; բարձրությունը `60px; ֆոն ՝ url (images / options.png) առանց կրկնելու; margin-top: 0px; } # բաժանորդագրվել {text-decoration: none; }. թաքցնել {տեսանելիությունը ՝ թաքնված; } #rss {/ * RSS հղում * / բոց ՝ ձախ; դիրքը ՝ բացարձակ; լայնությունը `50px; բարձրությունը `50px; լուսանցք-ձախ ՝ 20px; margin-top: 5px; } # փոստ {/ * Էլ.փոստի հղում * / բոց ՝ ձախ; դիրքը ՝ բացարձակ; լայնությունը `50px; բարձրությունը `50px; լուսանցք-ձախ ՝ 70px; margin-top: 5px; } # շարժական {/ * Բջջային կապ * / բոց ՝ ձախ; դիրքը ՝ բացարձակ; լայնությունը `50px; բարձրությունը `50px; լուսանցք-ձախ ՝ 130px; margin-top: 5px; }

Դիրքը լավ և պարզ է… ավելացրեք բարձրություն և լայնություն, այնուհետև ձախ եզրը դրեք նկարի ձախ կողմից, իսկ վերևի լուսանցքը ՝ պատկերի վերին կողմից:

Այս «Ինչպե՞ս» գրառումը նախատեսված է մտնելու համար Geeks- ը սեքսուալ վերջնական «Ինչպես» մրցույթն է! Մի նշում, ճիշտ է, որ պատկերային քարտեզը կարող է ունենալ շատ ավելի բարդ բազմանկյուններ, բայց ես իրականում շատ տեղեր չեմ տեսել, որտեղ դա պարտադիր է ունենալ: Ես նկատեցի, որ Geeks- ների մեծ RSS պատկերը պատկանում է սեքսուալ կողային bar դա լավ տեղ է հղման համար: 😉

ԹԱՐՄԱՎԱ Է 10/3/2007 ՝ ավելի լավ մատչելիության համար ՝ խորհուրդների միջոցով Phil!

Հովանավոր: Եթե ​​դուք վեբ դիզայնի նորեկ եք, ապա կառուցեք ձեր սեփական կայքը ճիշտ ձև HTML- ի և CSS- ի միջոցով, 2-րդ հրատարակությունը պարտադիր է: Այս դյուրին հետևող ուղեցույցում դուք կսովորեք, թե ինչպես կարելի է վեբ կայք ստեղծել հնարավորինս լավագույն ձևով ՝ դա անելով ինքներդ:

41 Comments

  1. 1

    Դուգ, դա գեղեցիկ մեթոդ է թվում, բայց շատ անհասանելի է:

    Հաշվի առեք էկրանի ընթերցող ունեցող կույր օգտվողին, միայն տեքստի զննարկիչ ունեցող օգտվողին կամ որևէ մեկին, ով այցելում է կայք առանց CSS- ի կամ Պատկերների հնարավորության: Նրանցից ոչ ոք չի իմանա այդ երեք հղումների մասին, քանի որ չունեն տեքստ: Եթե ​​պատկերներն անջատված են, օգտվողը չի էլ տեսնի alt տեքստ ՝ նկարագրելու համար, թե ինչ է եղել այնտեղ, քանի որ այն ֆոնային պատկեր է:

    Ավելի լավ կլինի պատկերները կտրատել, կապել դրանք, դնել ցուցակում և լողալ միմյանց կողքին: Կամ նույնիսկ օգտագործեք տեքստ հղումների համար և փոխարինեք տեքստը `օգտագործելով պատկերի փոխարինման ստանդարտ տեխնիկա: Սա հարմար է թվում, բայց գործը շատ ավելի դժվար / անհնար է դարձնում նրանց համար, ովքեր չեն օգտագործում ստանդարտ գրաֆիկական զննարկիչ:

    • 2

      Ես մեղմորեն (քանի որ ավելի շատ փորձ ունեք) համաձայն չեմ, Ֆիլ, հղումներից յուրաքանչյուրն ունի վերնագիր, այնպես որ յուրաքանչյուրը լիովին մատչելի է: Տեքստի վերնագրերը կարդալը մատչելիության ծրագրերի հնարավորություն է, ինչպիսիք են JAWS- ը: Ահա լավ գրառում հղումների վերնագրերի վերաբերյալ և դրա ազդեցությունը մատչելիության վրա.

      • 3

        Դուգ,

        JAWS- ը լռելյայն չի կարդում հղումների վերնագրերը, բայց դու ճիշտ ես, դա կարող է անել: Ինչու՞ եք փնտրում հղումների վերնագրեր, եթե չգիտեիք, որ այնտեղ կա, և եթե նույնիսկ լինեիք, անկասկած, սա ընկնում է օգտագործման պիտանիության խնդրի վրա, ինչը նշանակում է, որ ավելի քիչ աշխատունակ օգտվողներին տալիս եք ձեր կայքի օգտագործման երկրորդ տեմպի փորձ:

        Տեքստային զննարկիչների համար այն հոդվածը, որով դուք ուղղորդում եք դեպի այն Lynx- ը, թույլ է տալիս նաև բերել հղումների վերնագրերի ցուցակ, բայց իմ տեսակետը մնում է այն, որ եթե դուք չգիտեիք, որ այնտեղ հղում կա, քանի որ նախ և առաջ տեքստ չկար , ինչու՞ եք փնտրում վերնագրի տեքստը:

        Վերջապես, հղման վերնագրի հատկությունները դեռևս չեն հայտնվի որևէ մեկի համար, ով զննում է առանց միացված պատկերների կամ առանց CSS- ի:

        Այսպիսով, այո, վերնագրերի հետ կապերն ավելի լավ են, քան չունեցողները, բայց այս դեպքում դա միայն սահմանային է:

        Սա է պատճառը, որ պատկեր օգտագործելը, որպեսզի alt տեքստը կարդացվի կամ պատկերի փոխարինում, որպեսզի տեքստը այնտեղ լինի, շատ ավելի անվտանգ, ավելի մատչելի և ավելի օգտագործելի տարբերակ է:

        • 4

          Լավ տեղեկություն, Ֆիլ: Ես փորձելու եմ դա բարելավել տեքստով, բայց պարզապես թաքցնել տեքստը. Այդպիսով JAWS- ի նման մատչելի արտադրանքը կկարդա հղման տեքստը, և տեքստը կցուցադրվի, եթե CSS- ն ու Պատկերներն անջատված լինեն:

          Համաձայն չեմ, որ միակ մատչելի լուծումը կլինի հղում ունեցող Պատկերի տեղադրումը:

  2. 5
  3. 8

    Ես գողացա այն: Այնտեղ ես ասացի դա:

    Դակ, գրաֆիկան ֆանտաստիկ է, և կոդավորումը այնքան աներևակայելի պարզ է, ինչը վախեցնում է ինձ (խաղում էի CSS- ով, և հիմա ես վերջապես «հասկացա»):

    Կարգը փոխեց ՝ իմ կարիքները բավարարելու համար, հասկացա, թե որտեղ կարելի է տեղադրել HTML բիթը, և անկեղծ ասած, այն հիանալի է թվում և մաքրել է իմ կողային շարքի այն գագաթը, որն ինձ խելագարեցնում է:

    Ես պարզապես գուցե դեռ ստիպված լինեմ գնել այդ սուրճը:

  4. 10

    Դուգ,

    Ես լինելու եմ այլախոհ ձայն `որպես օրինակ օգտագործելով իմ փորձը: Ես հիշում եմ մեր էլ-նամակները, երբ իմ տան էլ. Փոստը փոխվեց, և դու նշեցիր, որ ես ստիպված եմ պարզապես հրաժարվել իմ նորից: Պետք է խոստովանեմ, որ ժամանակի սկիզբ ունեի «հայտնաբերելու» ձեր կայքի նոր հնարավորությունը `նորից ընտրելու համար: Սրա մի մասն այն էր, որ սկզբնական հղումը մի փոքր ավելի ավանդական էր, և ես աղոտ հիշեցի այդ մեկը: Մյուսն այն էր, որ կողքից կես ծրարը պարզապես ի սկզբանե ինձ համար ծրար չէր թվում: Մոտ 5 կամ ավելի րոպե անց ես սկսեցի մկնիկս գլորել յուրաքանչյուր պատկերի վրա, և երբ ցույց տվեց «Բաժանորդագրվել էլ. Փոստով» վերնագիրը, ես գիտեի, որ բիզնեսով եմ զբաղվում: Ուղեղս նույնպես պարզեց, թե որն է հղման նկարը:

    Բայց, համենայն դեպս, մի ​​կողմի ծրար ինձ համար պարզապես ինտուիտիվ չէր ՝ որպես էլփոստով ծանուցումներ բաժանորդագրվելու վայր: Եվ (քանի որ ինձ ասացին, որ միշտ ավարտեմ ինչ-որ հաճելի բանով) ես համաձայն եմ վերևում գտնվող Ֆիլի հետ; մեթոդը իսկապես պարզ է, և ամբողջ իրը հիանալի է գործում: Կարծում եմ, որ ձեր նախագծման գործիքը օգնել է ձեզ ճշգրիտ չափսեր հաղորդել 3 բաժինների համար. դա ճիշտ ենթադրություն է Ես պետք է այդպես ենթադրեմ, քանի որ եթե ես ունենայի, ասենք, 400 պիքսել լայնությամբ պատկեր, ինձ անհրաժեշտ կլիներ ճիշտ պարամետրեր իմանալ և այլն:

  5. 12
    • 13

      Ուիլյամ,

      Կարծես թե կարող է հակասություն ունենալ ձեր մեկնաբանության դասի անունների և կողային գծապատկերում դասի անունների միջև: Դուք կարող եք այլ կերպ անվանել դրանք ՝ հակամարտությունը մաքրելու համար: Տեղեկացրեք ինձ, եթե ձեռքի կարիք ունեք:

      Doug

  6. 14
  7. 15
  8. 16
  9. 17
  10. 18

    Հաճելի մոտեցում, բայց ինձ ինչ-որ բան է պետք տեղագրական քարտեզի համար, այնպես որ ես չեմ կարող օգտագործել ուղղանկյուն տարածքներ… Կարծում եմ, որ ես պետք է օգտագործեմ հին ոճի պատկերի քարտեզը կոորդինատներով, բայց, հավանաբար, մի փոքր ավելի խորը կխնայի

  11. 19

    Շնորհակալություն այս տեղեկության համար, Դագ: Ես նախկինում այստեղ էի և մտածում էի, թե ինչպես ես դա արել: Մենք ուզում էինք ստեղծել այդպիսի քարտեզ, որպեսզի տեղադրենք մեր գրառումներից հետո, և այժմ, երբ միջոցներ ունենք, կարող ենք դա անել: Բրավո

  12. 20
  13. 21

    Բարև Դուգ,
    Ես թողեցի նախորդ մեկնաբանությունը, բայց հասկացա, որ դժվար թե որևէ պատկերացում տայի իմ երկընտրանքի մասին: Մենք հարմարեցրել ենք wordpress- ի թեման `օգնելու մեզ այստեղ գործարկել մեր առցանց սիթքոմը.

    http://www.phaylen.com/blog/

    Այժմ կտեսնեք, որ վերևի մասում ունենք նավիգացիոն պաստառ, պատկեր, որը մենք նախատեսում էինք քարտեզագրել, քանի որ նախկինում տասնյակ անգամներ ունենք: / palmforehad. Մեզանից ոչ ոք իրականում չի հասկանում CSS- ը, բայց մենք սայթաքում ենք բավարար կերպով և մինչ այժմ կարգին ենք մինչև այս պահը: Տրամադրված տասնյակներից ՄԻԱՅՆ ՄԵԿ ձեր հոդվածը իրական պատկերացում է այն մասին, թե ինչպես հեշտությամբ օգտագործել պատկերապատկերը CSS- ում: Ես կարդացի ոճաթերթիկը ՝ ըստ ձեր ցուցումների, բայց գաղափար չունեմ որտեղ տեղադրել HTML- ը: Քո ասածը միայն «Ավելացրու քո html… դա գեղեցիկ է և պարզ», այնուհետև ես կծկվեցի, որովհետև մտածեցի, որ «ինձ համար այնքան էլ պարզ չէ»: Ես չգիտեի, որ կարող եմ html ավելացնել այս PHP էջերից որևէ մեկի թեմայի խմբագրում: Տեղադրո՞ւմ եմ html վերնագրում: Հիմնական ինդեքսի ձևանմուշը Գործառույթները Ենթադրում եմ, որ wordpress- ի բոլոր օգտագործողները հնարավորություն ունեն խմբագրելու իրենց թեման վահանակի խմբագրում, որը գործունակությամբ բավականին ունիվերսալ է թվում: Եթե ​​կարողանաք առաջարկել, թե որտեղ տեղադրել html- ը, ես կցանկանայի oru կոդը հարմարեցնել իմ նավիգացիոն գծի համար:

    Շնորհակալություն համայնքի հետ ձեր գիտելիքները կիսելու համար: Ուրախ եմ ձեզ սուրճ ստանալու համար:

    • 22

      Ողջույն Phay:

      Ձեր բլոգի թեմայի բոլոր ֆայլերը հասանելի են Ադմինիստրատորի վահանակի միջոցով ՝ խմբագրման համար: Եթե ​​կտտացնում եք Ներկայացում և այնուհետև Թեմայի խմբագիր, ապա պետք է կարողանաք տեսնել ձեր ֆայլերի ցուցակը աջ կողմում, և խմբագրիչը ձախից:

      Եթե ​​ցանկանում եք, որ սա լինի ձեր կողային տողում, դուք հավանաբար ունեք Կողմի տողի էջ: Կտտացրեք այն խմբագրելու համար, ապա տեղադրված HTML- ը տեղադրեք այն էջում, որտեղ ցանկանում եք:

      Մեկ նշում. Ոճաթերթիկի խմբագրումը համեմատական ​​է ձեր էջի հետ, ուստի անհրաժեշտ կլինի նկարը վերբեռնել թեմայի պատկերների գրացուցակում, եթե այն հղում եք անում, ինչպես կանեիք ձեր թեմայի մյուս նկարների վրա:

      Հուսով եմ, որ օգնում է:

    • 23

      Ֆեյ,
      Ես այսօր հանդիպեցի այս կայքի հետ և ունեի նույն երկընտրանքը, ինչ դու: Ես նաև ուզում էի վերնագրի պատկերին ավելացնել պատկերի քարտեզ: Մի քիչ դրա շուրջ խաղալուց հետո ես ճիշտ հասկացա: Տեղադրեք div HTML- ը header.php ֆայլում: Ես դրեցի այն և. Համոզված չեմ, արդյոք ձեր ձևանմուշն ունի այդ ճշգրիտ կոդավորումը, բայց դրա հետ խաղացեք header.php ֆայլում և կկարողանաք պարզել դա:
      -
      Paul

  14. 24

    Շնորհակալություն արագ արձագանքման համար:

    Ո՛չ, ես չէի ուզում, որ այն լինի կողային սյունակում, այն էջի վերևում է (կարող ես տեսնել իմ տրամադրած հղումով ՝ վարդագույն նավիգացիոն գոտի, որում գրված է բովանդակություն, ցուցադրության մասին ...)

    Ամբողջ առավոտ ես աշխատում էի կառավարման վահանակում, ցավոք, համոզված չեմ, թե որ ֆայլում եմ տեղադրում html- ը, ինչպես վերը նշված է, ես ունեմ մի քանիսը, header.php, main index.php, functions.php, footer.php: Ես վստահ չեմ, թե որտեղ պետք է տեղադրեմ html կոդը: (ձեր տրամադրած առաջին մասը, ես արդեն ներմուծել եմ իմ ոճաթերթիկը) Ես իմ պատկերն ունեմ այդ կայքում, ամեն ինչ պատրաստ է գործելու, ես պարզապես պետք է իմանամ, թե որտեղ պետք է ավելացնեմ ծածկագրի html մասը հարմարվելու համար:

    Շատ շնորհակալ եմ սկսնակից ձեր ժամանակի և հարցադրումների համար:

    Ֆայ

  15. 25

    … Կամ գուցե ինչ-որ մեկը կարող է մեկնաբանություններում գրել, թե որ ֆայլի մեջ ենք տեղադրում ծածկագրի html մասը: Մի քանի գրառումներից մի պարոն ասաց, որ ինքը դա հասկացել է: Ես այդքան բախտ չեմ ունեցել:

    Ֆայլեն

  16. 26
  17. 27

    Ես դժոխք եմ գտնում, որ գտնում եմ, թե ինչպես կարելի է սեղմել պատկերի քարտեզը ներկառուցել wordpress- ում, քանի որ այն շերտավորում է html քարտեզի պիտակները: Ձեր ճանապարհը կգործեր, բայց ակնհայտ է, որ ԱՄՆ քարտեզը բարդացնելու միջոց է այս եղանակով պտտվելու համար: Ես կորել եմ.

    Օգնություն:

    Թվում է `ֆլեշը իմ միակ տարբերակն է?

    • 28

      Dave,

      Եթե ​​պատկերը դնեք ձեր ձևանմուշում, ապա լավ կլինեք: Եթե ​​պատկերի քարտեզը տեղադրեք բուն բովանդակության մեջ, կարող եք բախվել զտիչի հետ: Սրա շուրջ աշխատելու եղանակը սարսափելի է, բայց երբեմն օգտագործում էի iframe- ը:

      Doug

  18. 29

    Ողջու՜յն,

    թվում է, որ պատկերի քարտեզը և հղումները երկու տարբեր բաներ են, դրանք միասին չեն աշխատում, ինչպես դա անում է պատկերի քարտեզը html- ում:

    երբ պատկերի քարտեզի համար ներառում եմ ֆոնի դիրքը (ձախից ձախ), հղումների դիրքը չի հետևում:

    ինչ-որ կերպ շրջանցել սա: ես շատ սիրողական եմ շնորհակալություն.

  19. 31

    Արդյո՞ք նման մոտեցում կկիրառվեր ավելի մեծ և բարդ պատկերային քարտեզի համար, ինչպիսին ես փորձում եմ օգտագործել:

    Եթե ​​դուք դիտում եք իմ կայքը, կտտացրեք ձախ հղումները և կտեսնեք այն պատկերը, որը ես փորձում եմ օգտագործել որպես պատկերային քարտեզ (Տեքստային այբուբենի տակ):

    Հիմնականում, փորձելով օգտագործել Պատկերը, այս ցուցակի յուրաքանչյուր բաժին նամակով գնալու համար:

    Ակնհայտ է, որ ես 20 րոպե անցկացրի GIMP- ի հետ քարտեզ կառուցելու համար, իսկ հետո WP- ն հեռացնում է քարտեզի պիտակները, այնպես որ ես այդպես գտա ձեր կայքը:

    Չնայած, կարող է մտածել Flash- ի օգտագործման մասին

    Thanks.

  20. 33

    Ես ներկայումս օգտագործում եմ ձևանմուշի դասավորություն և խմբագրում եմ իմ սեփական իրերի միջոցով: Ես ուզում եմ ավելացնել պատկերի քարտեզ, բայց վստահ չեմ, թե որտեղ պետք է տեղադրել այն css- ում: պատկերը, որի մասին ուզում եմ քարտեզ կազմել, վերնագրի մասում է:

  21. 34

    բարև, ես իմ վեբ կայքը կառուցել եմ joomla- ի վրա ... ես ուզում եմ օգտագործել այս մեթոդը իմ էջի պատկերանշանը տան դեպի հղում դարձնելու համար, ինձ ասացին, որ դու չես կարող դա անել joomla- ի միջոցով, բայց այս հոդվածը հույս է տալիս: էլ.փոստի միջոցով օգնությունը շատ կգնահատվի… .շնորհակալ եմ

  22. 35

    Ողջույն, Doug. Ես կառուցում եմ բավականին բարդ css- ի վրա հիմնված պատկերի քարտեզ, որն ունի նաև հեռավոր շրջում (այս դեպքում տեքստը ցուցադրվում է էջի այլ վայրում, երբ սավառնում եք պատկերի թեժ կետերից մեկը): Ինչ-որ ձևով, ես այստեղ հանդիպեցի ձեր օրինակը `ուսումնասիրելով դա…, և ես մտածեցի, որ կկիսեմ հետևյալ տեղեկությունները.

    1. Հասանելիության համար չպետք է օգտագործեք տեսանելիություն. Ոչ մեկը (կամ ցուցադրել. Ոչ, եթե դա եք համարել) տեքստը այստեղ թաքցնելու համար, որպես տեսանելիությամբ ոճավորված տարր. Թաքնվածը չի կարդացվի էկրանի ընթերցողների կողմից (նրանք, ովքեր հետևում են սպեցիֆիկությանը) ,

    Փոխարենը, օգտագործեք պատկերների փոխարինման ավելի ամուր տեխնիկա: Ես առաջարկում եմ կամ Փարքի մեթոդը կամ ildիլդեր / Լեվին. Դրանք պարզապես ավելի լավ փաստաթղթավորված անուններ են Google- ում ՝ հիմնական տեխնիկան գտնելու համար: Ես նախընտրում եմ G / L, քանի որ այն աշխատում է նաև CSS- ով, բայց պատկերներն անջատված են:

    2. Չնայած ես չեմ տեսնում, որ դա կոտրվում է (օգտագործելով FF3), դիրքավորման ձեր իրականացումը նաև բնորոշ ռիսկեր ունի: Բացարձակ դիրքավորված տարրը դիրքավորվում է իր ամենամոտ դիրքավորված ծնողի համեմատ: Ըստ էության, դուք կցանկանաք հստակորեն սահմանել դիրքավորման համատեքստ ՝ # բաժանորդագրության նկատմամբ կիրառելով «դիրքը ՝ հարաբերական»: Այդ դեպքում երեխաները (դիրքավորված հղումները) կարող են դիրքավորվել այդ ծնողի ներսում: Այս մեթոդը օգնում է ավելի հուսալի արդյունքներ ապահովել զննարկիչներում:

    Բացի այդ, ապա այդ դիրքը կարգավորելու համար պետք է օգտագործել «վերև ՝ x» և «ձախ» x դիրքի հայտարարությունները (որտեղ x օֆսեթ արժեքն է, ասենք px- ով), այլ ոչ թե լուսանցքներ: Կրկին, ես անպայման չեմ տեսնում, որ դա կոտրում է ձեր ունեցածը, բայց վերևը և ձախը նախատեսված են դրա համար, ինչու՞ չօգտագործել դրանք: Բացի այդ, դուք ունեք լողացող և լուսանցքներ սահմանված նույն տարրի վրա, որոնք հատուկ պայմաններում առաջացնում են «կրկնակի մարժա» սխալ IE6- ում (ստուգե՞լ եք դա այնտեղ): մինչդեռ առկա է շտկում, դուք ամբողջությամբ խուսափում եք այդ խնդրից ՝ օգտագործելով վերև և այս դեպքում դիրքավորվելու համար լուսանցքի փոխարեն մնաց:

    3. Վերջապես, ինչու՞ այս իմաստով չօգտագործել իմաստապես հիմնավորված անկարգավորված ցուցակ այս հղումների համար `անիմաստ բաժանման փոխարեն:

    Կներեք անօդաչու թռչելու համար… Ես պարզապես ուզում եմ կիսվել, բ / կ Ես փորձից գիտեմ, թե ինչպես կան CSS- ի օգտագործման տարբեր եղանակներ ցանկալի արդյունք ստանալու համար, բայց որոշ եղանակներ, անշուշտ, ավելի լավ են աշխատում (ավելի հուսալի, խաչբրաուզեր), քան մյուսները , ՀԹԹ.

  23. 36
  24. 37
  25. 38

    Շատ շնորհակալություն!! Ձեր հրահանգները փրկեցին ինձ OԱՄ աշխատանք… Ես նոր եմ վեբ մշակման մեջ և պարզապես տուժեցի իմ առաջին մեծ ծրագրի միջով: Ես դա արեցի… հաճախորդը երջանիկ է, իրականում հուզված, և ես նույնպես:

  26. 39

    Ողջույն, շատ շնորհակալ եմ սա տեղադրելու համար: Տարիներ անց, և այն դեռ օգնում է ... հաճելի է: Ես պայքարում եմ, որպեսզի իմ պատկերային քարտեզը ճիշտ տեղում կապի: Ես ունեմ բաներ և ուզում եմ, որ դրոշի վերին աջ մասում գտնվող սոցիալական պատկերակները կապվեն ձեր կողմից տրամադրված կոդի միջոցով: Այն հիանալի է գործում, բացի այն, որ ես ինչ-որ սխալ բան եմ անում, քանի որ իմ հղումները հայտնվում են էկրանի ծայրամասային ձախ կողմում, ոչ թե սոցիալական պատկերակների, այլ լոգոյի վրայով: Համոզված եմ, որ դա ինչ-որ պարզ բան է, բայց ես պարզապես չեմ կարող դա հասկանալ: Մտածեցի, որ կկիսվեմ այստեղ, եթե որևէ պատկերացում ունենաք: Կրկին շնորհակալություն սա տեղադրելու համար:

Ինչ եք կարծում?

Այս կայքը օգտագործում է Akismet- ը սպամի նվազեցման համար: Իմացեք, թե ինչպես է ձեր տվյալները մշակվում.