2. Fórumok
  3. Szoftverfejlesztés
  4. CSS topic
Keresés

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

  • #961 Lacces őstag
    Új Válasz #961
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

    Lacces

    őstag

    Hali,

    Most van egy kis probléma, előttem valaki, hát... nem jól dízájnolt. Lásd ezt:
    <td width="300">
    <textarea id="teljes_nev" name="teljes_nev" style="width: 450px; height: 150px;" maxlengh="255">Az MKIK szintjén jelentkező feladatok</textarea><img id="tooltip_field_teljes_nev" src="./images/help.png" width="32px" style="display: inline-block; margin-bottom: -8px;">
    </td>
    <td> width=300px, még a <textarea> width=450px... és nekem van egy <img>, ami most a textarea alatt jelenik meg.
    Viszont én azt szeretném, hogy a textarea mellett jelenjen meg az <img>! Persze itt a width-tel megoldható a dolog, viszont az a bajom, hogy elég sok helyen kellene akkor a templatet átírnom javítanom. És ezért kérdezem, hogy nincs-e valakinek erre valami trükkje? Hogyan lehetne az <img>-et a <input><textarea> mellé rakni?

    A válaszokat előre köszönöm :R

  • #944 Lacces őstag Siriusb #943
    Új Válasz #944
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

    Lacces

    őstag

    válasz Siriusb #943 üzenetére

    Áh, ezaz, köszi :R

  • #942 Lacces őstag
    Új Válasz #942
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

    Lacces

    őstag

    Hali,

    Van egy <ul>-em és ezen belül az <li>-k na most az <li>-k több sorba töredeznek... viszont azt szeretném, ha a (nem jut eszembe a szakszó...) pont, beljebb tolódna, és a szöveggel lenne egy vonalban:
    - Valamilyen
    folytonos szöveg
    Nem pedig ez az alapséma:
    - Valamilyen
    folytonos szöveg

    Vagy ha azt megmondod, hogy hogyan kell erre angolul rákeresni, már az is jó :) :R

  • #899 Lacces őstag martonx #898
    Új Válasz #899
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

    Lacces

    őstag

    válasz martonx #898 üzenetére

    float:none; -ra állítva oldom ezt fel? Pedig előtte ott van a clear:both, elméletben annak fel kellett volna oldania, nem?
    Amúgy adtam neki with értéket és akkor már rendben volt.

  • #897 Lacces őstag
    Új Válasz #897
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

    Lacces

    őstag

    Na még egy... középre rendezés nincsen... more-way osztályú div nem akarja középre venni az <a> tag-et. hanem balra igazítva van...

    CSS:

    .intro{

    float:left;
    margin-left:6px;
    margin-right:6px;
    width:31%;
    }
    .intro img{
    padding-left:12px;
    }
    .more-way{
    margin: 0px auto;
    text-align:center;
    }

    HTML
    <div class="intro">
    <h2>Teszt</h2>
    <img src="design/line.png" alt="aszfalt" />
    <p>Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante. Aliquam libero. Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. </p>
    <img src="design/line.png" alt="aszfalt" />
    <div class="clear"></div>
    <div class="more-way">
    <a href="/szolgaltatasok.html">RÉSZLETEK</a>
    </div>
    </div>

  • #895 Lacces őstag Dreamweaver7 #894
    Új Válasz #895
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

    Lacces

    őstag

    válasz Dreamweaver7 #894 üzenetére

    kösz, a float:left-re sosem jöttem volna rá hogy ő a bünős. :R

  • #893 Lacces őstag
    Új Válasz #893
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

    Lacces

    őstag

    Hát ilyet, kifog rajtam a css... (fél évig szinte alig használtam, de ez égő...)
    Help kellene.

    1. Probléma: #miniblocks-ra nem működik a fehér háttérszín, kipróbáltam a #content-re ott megy.
    2. Probléma: .miniblock span - esetében nem működik a szöveg közepre igazítása, hanem balra igazítva áll.

    Néztem én a Chrome fejlesztő eszközzel is, de ott nem láttam, hogy az egyik css property kiiktatná a másikat.
    A válaszokat előre köszönöm. Annak mégjobban örülnék, ha valaki el is magyarázná, hogy miért jött elő ez a probléma.

    body{
    background-color : #3A6E1B
    }
    #logo{
    text-align:center
    }

    #content{

    }
    #miniblocks{
    background-color: white;
    margin-left: auto ;
    margin-right: auto ;
    margin-top : 30px;
    width : 800px;
    }
    .miniblock{
    float:left;
    font-family: 'Abel', sans-serif;
    font-size: 16px;
    margin-left: 5px ;
    margin-right: 5px ;
    width:30%;
    }
    .miniblock span{
    font-weight:bold;
    text-align:center;
    }
    .miniblock p{
    text-align:left;
    }
    .miniblock a{

    }

    .clear{
    clear : both;
    }
    </style>
    </head>

    <body >
    <div id="wrapper">
    <div id="content">

    <div id="logo">

    </div>

    <div class="clear"></div>

    <div id="miniblocks" >
    <div class="miniblock">
    <span>Teszt1</span>
    <p>
    A Lorem Ipsum egy egyszerû szövegrészlete, szövegutánzata a betûszedõ és nyomdaiparnak. A Lorem Ipsum az 1500-as évek óta standard szövegrészletként szolgált az iparban; mikor egy ismeretlen nyomdász összeállította a betûkészletét és egy példa-könyvet vagy szöveget nyomott papírra, ezt használta. ...<a href="#">részletek&raquo&raquo</a></p>

    </div>
    <div class="miniblock">
    <span>Teszt2</span>
    <p>
    A Lorem Ipsum egy egyszerû szövegrészlete, szövegutánzata a betûszedõ és nyomdaiparnak. A Lorem Ipsum az 1500-as évek óta standard szövegrészletként szolgált az iparban; mikor egy ismeretlen nyomdász összeállította a betûkészletét és egy példa-könyvet vagy szöveget nyomott papírra, ezt használta. .. <a href="#">részletek&raquo&raquo</a></p>

    </div>
    <div class="miniblock">
    <span>Teszt3</span>
    <p>
    A Lorem Ipsum egy egyszerû szövegrészlete, szövegutánzata a betûszedõ és nyomdaiparnak. A Lorem Ipsum az 1500-as évek óta standard szövegrészletként szolgált az iparban; mikor egy ismeretlen nyomdász összeállította a betûkészletét és egy példa-könyvet vagy szöveget nyomott papírra, ezt használta. ...<a href="#">részletek&raquo&raquo</a></p>

    </div>
    </div>

    <div class="clear"></div>

    </div><!-- end of content -->
    </div><!-- end of wrapper -->

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

Hirdetés