Keresés

Új hozzászólás Aktív témák

  • adam_

    senior tag

    válasz Zedz #1498 üzenetére

    DNReNTi, Zedz :R

    Ehhez a kódhoz lenne két kérdésem. Élesben valamiért a .title a:link {
    text-decoration: none; }
    tulajdonság hatására sajnos ha ráviszem az egeret az "Adam" title-re, még aláhúzza, viszont most így beillesztve JSFiddleben meg nem az adott linket. Mi lehet a gond amiért JSben működik, de amúgy meg nem?!

    Valamint hogyan tudnám pontosan egy sorba hozni a címet és a menüt? Hiába adok a .title-re padding avagy margin-top: 10-20px-elt nem viszi egy sorban a menüvel. :U

  • DNReNTi

    őstag

    válasz Zedz #1498 üzenetére

    Gondolom pont az a cél. :D

    (#1495) adam_
    Kiegészíteném picit amit Zedz írt.
    A blokk (block) szintű elem tulajdonságai:
    - Mint ő is írta, előtte után sortörés van, ha ezt nem definiálod felül. (float)
    - Ha nincs definiálva szélesség, kitölti a rendelkezésére álló teret. (Azaz a szülő elem szélességét)
    - Ha nincs definiálva magasság, akkor a benne lévő elemek magasságáig terjed ki. (Ezért van, hogy pl egy üres <div> nem látszik, mivel a magassága nulla.)
    - Definiálhatóak margin és padding attribútumok minden irányban. (Érdemes használni a box-sizing: border-box; fixet, megkönnyíti a matekot.)

    A sorszintű (inline) elemek tulajdonságai:
    - Nem okoz sortörést, marad a "szöveg"környezetben. (Azért tettem "" jelbe, mert pl az img tag is inline)
    - Csak jobb és bal margin definiálható.
    - Nem akarok hülyeséget mondani, azt hiszem padding minden irányban alkalmazható.
    - Nem definiálható magassága és szélessége.

    Így hirtelen ennyi.

Új hozzászólás Aktív témák