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

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

  • #968 szmegma aktív tag
    Új Válasz #968
    Ú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
    Privát üzenet küldése

    szmegma

    aktív tag

    Sziasztok,

    Amit kivitelezni szeretnek, hogy az alabbi HTML strukturaju kodban levo select vagy input elemre ha rakattintok, akkor a <label> elemet tudjam manipulalni.
    Az alabbiak szerint probaltam, de sikertelenul:

    <style type="text/css">
    td > .input:focus ~ td > label.title {
    color: #F70;
    border: 1px solid #000000;
    }
    </style>


    <table>
    <tr>
    <td>
    <label class="title">Time
    <span class="booking-form-description">Choose a Starting Time</span>
    <div class="booking-form-arrow"></div>
    </label>
    </td>
    <td colspan="1">
    <select name="starting_hour" class="input"><option value="0">Choose!</option><option value="1">1</option></select>
    </td>
    </tr>
    </table>

    Koszonom.

  • #882 szmegma aktív tag Dreamweaver7 #881
    Új Válasz #882
    Ú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
    Privát üzenet küldése

    szmegma

    aktív tag

    válasz Dreamweaver7 #881 üzenetére

    Szia,

    A HTML-bol ki fogom szedni ahogy tanacsoltad, de mit ertesz sorközi CSS felülír mindent alatt?
    A HTML-ben levo CSS-re gondolsz?
    Koszonom.

  • #880 szmegma aktív tag
    Új Válasz #880
    Ú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
    Privát üzenet küldése

    szmegma

    aktív tag

    Lenne egy vizszintesen pozicionalando problemam:

    Ha az asztal felbontasat valtoztatom, akkor a kepen lathato 4 kis lilas teglalap (kurzoros) vizszintesen elmaszik jobbra vagy balra abbol a kek keretes reszbol. A fuggoleges pozicionalast sikerult fixalnom.
    Mit kellene hova irnom a css-ben, hogy megoldodjon ez a problemam?

    Igy kellene kineznie:

    Koszonom.

    CSS:
    html, body, div#wrap1, div#wrap2, div#wrap3 {
    height:100%;
    width:100%;
    }

    body {
    background:#222222;
    overflow:auto;
    background-image:url('2.gif');
    }
    div#wrap2 {
    background: url('1.gif') repeat-x 0 300px;
    }

    div#wrap1 {
    background: url('3.gif') repeat-x left top;
    }

    h1 {
    font-size:200px;
    font-family:'Zekton.Free';
    color:#222222;
    z-index:2;
    }

    div#stuff1 {
    width:1000px;
    height:192px;
    overflow:hidden;
    margin:0 auto 0 auto;
    text-align:center;
    position: relative;
    top:130px;
    }

    div#stuff2 {
    width:1000px;
    height:250px;
    overflow:hidden;
    margin:0 auto 0 auto;
    text-align:center;
    position: relative;
    top:140px;
    }

    div#stuff1 div {
    height:190px;
    position:relative;
    overflow:hidden;
    z-index:2;
    }

    div#stuff1 h1 {
    margin:15px 0 0 0;
    }

    div#stuff2 div {
    height:70px;
    position:relative;
    overflow:hidden;
    z-index:2;
    }

    div#stuff2 h1 {
    margin:-180px 0 0 0;
    }

    * {
    margin:0;
    padding:0;
    }

    a.ss {
    z-index:9999;
    background-image:url('5.png');
    width:21px;
    height:30px;
    position:absolute;
    top:1px;
    }

    div#image2 {
    position:absolute;
    right:0;
    bottom:0;
    background-image: url('4.gif');
    width:98px;
    height:98px;
    visibility:hidden;
    z-index:50;
    }

    HTML:
    <div style="background-position: 0pt 180.011px;" id="wrap1">
    <div style="background-position: 0pt 440.005px;" id="wrap2">
    <div id="wrap3">
    <div id="stuff1">
    <div style="z-index: 43;"><h1>szoveg</h1></div>
    <div style="top: -190px; left: -1px;"><h1 style="color:#20E1F8;">szoveg</h1></div>
    <div style="top: -380px; left: 1px;"><h1 style="color:#20E1F8;">szoveg</h1></div>
    <div style="top: -571px;"><h1 style="color:#20E1F8;">szoveg</h1></div>
    <div style="top: -759px;"><h1 style="color:#20E1F8;">szoveg</h1></div>
    </div>
    <div style="visibility: visible; opacity: 0.39; bottom: 159.995px; right: 145px;" id="image2"></div>
    <div id="stuff2">
    <div style="margin: 1px 0pt 0pt; z-index: 43; color:#FF0000;"><h1>szoveg</h1></div>
    <div style="top: -70px; left: -1px;"><h1 style="color:#20E1F8;" id="z">szoveg</h1></div>
    <div style="top: -140px; left: 1px;"><h1 style="color:#20E1F8;">szoveg</h1></div>
    <div style="top: -211px;"><h1 style="color:#20E1F8;">szoveg</h1></div>
    <div style="top: -279px;"><h1 style="color:#20E1F8;">szoveg</h1></div>
    <a style="background-position: 0pt 9.9947px; opacity: 1; left:435px;" href="1" id="link1" class="ss"></a>
    <a style="background-position: 0pt 27.9947px; opacity: 1; left:519px;" href="2" id="link2" class="ss"></a>
    <a style="background-position: 0pt 48.9947px; opacity: 1; left:876px;" href="3" id="link3" class="ss"></a>
    <a style="background-position: 0pt 66.9947px; opacity: 1; left:936px;" href="4" id="link4" class="ss"></a>
    </div>
    </div>
    </div>
    </div>

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