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

• #968 szmegma aktív tag

  Új Válasz 2013-08-10 16:42:33 #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 2012-12-22 21:45:53 #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 2012-11-22 20:14:27 #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