WYM? miniblogs

  • WYM?
    +2

    Nedomāju, ka mana problēma ir cienīga Foruma ieraksta, tāpec rakstīšu šeit.

    tātad sākšu ar to, lai apskatāties uz Informācijas lodziņu šajā vietnē: http://fading.unri.lv/

    Nezkapēc cenšoties izveidot 20px garu atstarpi starp diviem tekstiem, teksts tiek pārnests nākošajā rindiņā. Kāpec tā notiek un kā izdarīt, lai jebkāda garuma teksts rotētu ar to <marquee> palīdzību, neveidojot to jauno rindiņu?

    • WYM?
      +1

      Jā, pieļāvu nelielu kļūdu, ieliekot noslēdzošo </div> tagu ne tur, kur vajag, taču ieliekot to pareizajā vietā (kā es redzu Tavā variantā) ,nekas nemainās! connie_mini_huh.gif

    • mad
      +1

      Aizstāj div ar span elementu. Tev primais teksts ir span'ā, otrs div'ā.

      Div ir bloka līmeņa elements, tā pat kā rindkopa vai virsraksts, un ja tam nepieliek speciāli css display:inline, tad tas izveidos bloku jaunā rindā. Span ir inline elements, kas darbojas līdzīgi kā bold uzlikšana, tikai bez redzamām izmaiņām, ja tās nav definētas css.

    • mad
      +1

      Un vispār par marquee runājot - tas ir ļoti neiesakāms elements. Uzreiz liek izskatīties lapai lētai un no 90tajiem izbēgušai.

      IMHO dadz labāka alternatīva ir piemēram šis: http://jquery.malsup.com/cycle/cleartype.html

      http://jquery.malsup.com/cycle/

    • WYM?
      0

      Tiešām liels paldies, Madar par lielisku apskaidrojumu un ieteikumu saistībā ar jQuery Cycle skriptu. smile_mini.gif

    • WYM?
      0

      Egh turpināšu savu tēmu šeit, taču tagad saistībā ar jQuery..
      tākā es pirmo reizi darbojos ar jQuery, tad es pat nevaru iedomāties, kas par problēmu.

      Apskataties DEMO mājaslapu.

      Esmu uzstādījis to skriptu un itkā viņš darbotos, bet tas width uzrādas ne no kurienes, viņš nav uzstādīts ne manā index.php failā, ne arī informācijas elementā un jQuery failos viņa nav.

      Vēl smieklīgs ir tas, kad izņem to Span vai Div, lai nokrāsotu kādu teksta daļu, tas skripts vienkārši nedarbojas un viss salien vienā rindā.

      Nu visu vieglā ir apskatīt tajā DEMO lapā.

    • mad
      +1

      Bez tiem <div> strādā?

    • WYM?
      0

      Maadinsh, nekādīgi nestrādā.

      Ja izmanto SPAN vai DIV - ir tāds efekts, kādu Tu redzi.
      Ja neizmanto ne DIV ne SPAN, tas jQuery vispār nestrādā un tas teksts vienkārši parādas vienā līnijā un nav cikla tā.

    • mad
      +1

      <div id="information">
         <div>
            <span style="color:green">[Atlaide]</span> EXTRA-VIP maksāja 2.00 Ls, tagad 1.00 Ls.
         </div>
         <div>
            <span style="color:red">[Atlaide]</span> Standarta VIP maksāja 1.50 Ls, tagad 0.99 Ls.
         </div>
      </div>

      Tas cycle plugins pēc kārtas switcho elementus iekš #information. Tavā gadījumā tie bija tikai div'i ar saturu "[atlaide]".

      • WYM?
        0

        Itkā tagad viņš strādā, bet tāpat kaut kas nav labi ar to width, vēlējos vēl nocentrēt tekstu - neiznāk. (centos ar "text-align: center;" ,gan arī <center> wink_mini.gif

        un varētu paskaidrot, kāpec tik daudz </div> ? biggrin_mini2.gif

      • mad
        +1

        Uzliec iekšējam divam:

        <div style="width:966px;text-align:center;">

        Nu tur ir ārējais divs kas to visu satur, un iekšējie, kuri rotē pēc kārtas.

        Viņš platumu mēģina uzminēt no tā, cik daudz tur ir satura, ja neesi norādījis to.

      • WYM?
        0

        Uzliku, taču tagad jQuery vairs nestrādā atkal. ;D

        • mad
          +1

          Nu kaut ko tu tur esi saplēsis biggrin_mini2.gif Man strādā.

        • mad
          +1

          Ar to kodu vajadzēja aizstāt iekšējo div, nevis ielikt viņam iekšā. Un <center> tagu tur nevajag. Tas vispār ir ļaunums no pagātnes biggrin_mini2.gif

        • WYM?
          0

          Uzliku, Madar kā pateici un beidzot viss strādā. smile_mini.gif

          Fui tas jQuery, nedomāju, ka būs viss tik grūti ;D


          Liels paldies, Madar atkal. smile_mini.gif

          • WYM?
            0

            Jā, paldies, esmu to pamanījis un jau izlabojis. smile_mini.gif

      • WYM?
        0

        Gheh turpinu un atkal kautkādas ķibeles rodas, sen kodējis neesmu. ;D

        Tātad šoreiz ir vaina paneļiem..
        Kautkāds CSS kods, paneļu elementā neļauj wrapper elementam izplēsties normālajā platumā :/
        Esmu centies izņemt / rediģet visu, kas manuprāt nav vajadzīgs, taču nekas nelīdz. Sākuma domāju, ka vaina ir tajā jQuery Cycle skriptā, bet viņam viss ir labi, esmu atkal strupceļā un atkal ceru, ka Jūs spēsiet saskatīt to, ko nevaru es un palīdzēt. [ huh. pat nezinu - ko bez jums darītu. biggrin_mini2.gif ]

        • WYM?
          0

          Ghm, savādi. Caur manu datoru nerādās, caur māsas datoru rādās.
          Nemaz nebrīnos, jo man visi internetpālūkprogrammas sapistas.

          un varētu man paskaidrot kāpec tas "<div style="clear: both;"></div>" jālieto?

          • WYM?
            0

            Okay, domāju pēdējais jautājums. ;D

            Man Wrapperī ir uzlikts "padding: 5px 5px 0 5px;" ,lai veidotu atstarpes starp visiem elementiem. Taču vēlos, lai tas pazūd no kāda noteikta elementa. Kā tad izdarīt, lai noteiktam elementam tā atstarpe nestrādā?
            Es zinu iespējamo variantu, izmantojot "margin-left: -5px;" ,taču saprotu, ka šis variants ir vienkārši sviežams miskastē un ceru, ka spēsiet iedot labāku variantu, kā nullēt tās atstarpes. smile_mini.gif

            • mad
              0

              Negatīvs margins jau nav nekas briesmīgs. Normāla fīča ko atbalsta visi browseri.

              Ja tu gribi likt paddingu wrapperim, tad tas ir vienīgais variants. Var jau likt wrapperim padding: 0; un taisīt marginus iekšējiem elementiem. Tad kādam var nelikt. Vai tā ir labāk - gaumes lieta.

              • WYM?
                0

                Skaidrs, lielas paldies par paskaidrojumu. smile_mini.gif

                Vienkārši man esot stāstijuši, ka negatīvus margin vispār izmantot nav ieteicams. Tāpec arī baidījos to pielietot.

              • mad
                0

                Šajā gadījumā domāju, ka nekāds ļaunums no tā neradīsies.

          • WYM?
            0

            Em.. ok, tiešām pēdējais jautājums, jo Google neko par šo neatradu :/
            "background: url("images/background.png") repeat scroll 0 0 #1111;" kāpec Background pats neizstiepjas, bet repeat'ojas :/
            Varbūt nepareizu kodu izmantoju?

            • WYM?
              0

              ,bet tiešām nav iespējams ar CSS palīdzību, lai Background izstiepjas garumā nevis repeat? :/

              • mad
                0

                Normālā veidā nē.

              • Static
                0
                1. background-repeat:repeat-x; 


                Bet tas ir tikai atkārtošanai horizontāli. Starp citu, priekš kam izstiept, sabojāsi bildes kvalitāti tikai, sākumā uztaisi fotošopā pareizos izmērus.

                (skakri ninjed)

            • WYM?
              0

              Skaidrs. :/
              žēl gan. sad_mini.gif


              P.S. - Static par kādiem bildes izmēriem Tu tagad runā? ;D 

              • Static
                0

                Nevermind. crazy.gif

          • WYM?
            0

            Ghm. a ir kautkādigi iespējams, lai attēls repeat'ojas nu no bildes beigām vai kautkā tā? ;/|
            vai arī pastāstat, kā ieguvt līdzīgu background kā - http://minecraftforum.net/ 

            • mad
              0

              Repeat-x

              • WYM?
                0

                Repeat-x der tikai, lai repeatotos no labās uz kreiso pusi, taču viņim tur vēl ir leju? Kas viņi uzzīmēja astronomiskus izmērus background attēlam uz platumu?

          • mad
            0

            Nu uzliec fonā klucīti, kas atkārtojas visos virzienos, un augšu atsevišķi.

            • WYM?
              0

              Ghm, ja nebūtu grūti varētu paskaidrot kā? :/ Lūdzu!

              • mad
                0

                Pēc brīža uztaisīšu nelielu tutoriāli.

              • WYM?
                0

                Paldies. smile_mini.gif

        Atpakaļ Uz augšu