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

• #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