Oldal: 1 / 2 12 UtolsóUtolsó
Eredmény: 1 - 10 (20) összesen

Téma: h1, h2 stb. címek szélességének meghatározása

  1. #1
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    маленькая работa
    Hozzászólás
    1.202
    Begyűjtött 42 köszönetet
    18 hozzászólásával

    Alapbeállítás h1, h2 stb. címek szélességének meghatározása

    Azt szeretném megoldani css-ben, hogy a címek - mint valami fülek - pont olyan sorszélességet foglaljanak, mint amekkora a beírt szöveg.

    Ezt úgy lehetne látni, hogy a címek háttere saját színnel rendelkezik, tehát mintha sorkiemelővel lenne áthúzva, de csak a szöveg tényleges hosszáig, a sor végi üres rész nem.

    Köszi a megoldást előre is

    -----------

    Ui:

    primadiscount.de/images/nescafeclassic200web.jpg - tessék figyelni a NEU feliratot! Így szeretném valahogy.


    Utoljára módosítva: HAL9000 által : 2010-02-14 08:17

  2. #2
    pez
    pez nem elérhető
    Törzsvendég pez logója
    Csatlakozott
    10-02-03
    Hely
    Zalaegerszeg
    Hozzászólás
    131
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: h1, h2 stb. címek szélességének meghatározása

    Lehet, hogy félreértelek, de a címek alatti szöveg (mondjuk <p>) meghatározott szélességű?



  3. #3
    Bölcs sitebuilder logója
    Csatlakozott
    09-08-23
    Hely
    Debrecen
    Hozzászólás
    1.005
    Begyűjtött 8 köszönetet
    5 hozzászólásával

    Alapbeállítás re: h1, h2 stb. címek szélességének meghatározása

    Beleteszed egy divbe? Adsz neki pár pixel margót, és a szöveget középre igazítod. Esetleg állítasz betűközt.

    Esetleg szétlesel a neten, tuti van olyan, amire gondolsz, és onnan "eltanulod" a megoldást.


    main()

  4. #4
    pez
    pez nem elérhető
    Törzsvendég pez logója
    Csatlakozott
    10-02-03
    Hely
    Zalaegerszeg
    Hozzászólás
    131
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: h1, h2 stb. címek szélességének meghatározása

    Talán még div-be se kell tenni, mert a h1..hx blokkszintű elemek, tehát width tulajdonság megadható + háttérszín + margó + keret meg ami kell.



  5. #5
    sbs
    sbs nem elérhető
    Google 'n' Roll Man sbs logója
    Csatlakozott
    08-07-03
    Hely
    Tárnok és Budapest
    Hozzászólás
    2.109
    Begyűjtött 3 köszönetet
    3 hozzászólásával

    Király re: h1, h2 stb. címek szélességének meghatározása

    remélem erre gondoltál

    padding / margin sorrend: fent, jobb, lent, bal
    Ha margin bal/jobb = 0 a H1 háttérszínt kihúzza végig
    Ha margin bal/jobb <> 0 a H1 háttérszín előtt és után az eredeti háttér lesz

    Ha padding bal/jobb = 0 a H1 pont a szélétől kezdődik
    Ha margin bal/jobb <> 0 a H1 -nek lesz behúzása

    #header h1{
    font-family: "Trebuchet MS", "Courier New";
    font-size: 24px;
    font-weight: normal;

    background-color: #0090;
    color: #090;

    margin: 10px 10px 10px 10px;
    padding: 10px 20px 0px 20px;
    }

    pl: http://www.babyfriendlyapartmentbudapest.com/

    itt még háttérkép is van a H1 mögött:

    #subcontent1 h2, {
    font-family: Helvetica;
    font-size: 20px;

    color: #edefef;
    background-color: #9cc;
    background-image: url(elemek/h2background.jpg);
    background-repeat: repeat-x;

    margin: 5px 0 20px 0;
    padding: 10px 0px 10px 70px;
    }


    Ablak és beltéri ajtó :: Netmax: "Mindig van a tiédnél jobb oldal..." :: Építkezés Fórum

  6. #6
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    маленькая работa
    Hozzászólás
    1.202
    Begyűjtött 42 köszönetet
    18 hozzászólásával

    Alapbeállítás re: h1, h2 stb. címek szélességének meghatározása

    És az hogy a leírt szöveg határozza meg a szélességét?



  7. #7
    sbs
    sbs nem elérhető
    Google 'n' Roll Man sbs logója
    Csatlakozott
    08-07-03
    Hely
    Tárnok és Budapest
    Hozzászólás
    2.109
    Begyűjtött 3 köszönetet
    3 hozzászólásával

    Alapbeállítás re: h1, h2 stb. címek szélességének meghatározása

    Ja már értem:

    a H1 egy block szintű elem. Ezért át kell állítani nem-blokk szintűre azaz:

    h1{
    display: inline;
    }

    igy nem húzza ki a sor végéig a hátteret



  8. #8
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    маленькая работa
    Hozzászólás
    1.202
    Begyűjtött 42 köszönetet
    18 hozzászólásával

    Alapbeállítás re: h1, h2 stb. címek szélességének meghatározása

    Már majdnem jó, de így belelóg a háttere az alatta és felette lévő div-ekbe


    Utoljára módosítva: HAL9000 által : 2010-02-14 12:05

  9. #9
    Bölcs ARTidas logója
    Csatlakozott
    09-09-15
    Hely
    Budapest
    Hozzászólás
    1.465
    Thanked 1 Time in 1 Post

    Alapbeállítás re: h1, h2 stb. címek szélességének meghatározása

    <br clear="all" />

    Elemmel tudod eltörni, hogy ne tűnjön át másba. Alatta és felette.

    Cheers,



  10. #10
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    маленькая работa
    Hozzászólás
    1.202
    Begyűjtött 42 köszönetet
    18 hozzászólásával

    Alapbeállítás re: h1, h2 stb. címek szélességének meghatározása

    h2{
    font-family: Georgia;
    font-size: 20px;
    margin: 20px 0px 0px 0px;
    color: #666666;
    font-weight: normal;
    background-color: #F8F8F1;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;



    Most ez a helyzet, és ezzel már majdnem jó: display: inline;



Oldal: 1 / 2 12 UtolsóUtolsó

A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •