praegune kellaaeg 18.06.2025 22:13:19
|
Hinnavaatlus
:: Foorum
:: Uudised
:: Ärifoorumid
:: HV F1 ennustusvõistlus
:: Pangalink
:: Telekavad
:: HV toote otsing
|
|
autor |
|
brixxx
Lõuapoolik


liitunud: 04.01.2012
|
03.11.2013 04:59:30
Probleem fixed positsiooni "div" ja "iframe" scrollbariga |
|
|
Hetkel on probleem, et scrollbar liigub liiga kaugele, ei lõppe viimase "divi" juures, kuidas probleem lahendada.
Ning "iframe"l on puudu horisontaalne scrollbar.
HTML:
Spoiler 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="VideoLightBox Gallery created with VideoLightBox, a free wizard program that helps you easily generate beautiful Lightbox-style web video galleries" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Roboto, style.css">
<link rel="stylesheet" type="text/css" href="style.css">
<!-- Start VideoLightBox.com HEAD section -->
<link rel="stylesheet" type="text/css" href="videolb/overlay-minimal.css"/>
<script src="videolb/jquery.js" type="text/javascript"></script>
<script src="videolb/swfobject.js" type="text/javascript"></script>
<!-- End VideoLightBox.com HEAD section -->
</head>
<body>
<div id="header">
<img src="pictures/500px-Eesti_Ekspress_logo.svg.png" alt="Eesti Ekspress" height="150" width="1078"/>
</div>
<div id="menu">
<ul>
<li><STRONG><a href="#ee_mobiilis">EE mobiilis</a></STRONG>
<ul>
<li><a href="#submen_item_1">Submen item 1</a></li>
<li><a href="#another_longer_item">Another longer item</a></li>
<li><a href="#active_item_is_like_this">Active item is like this</a></li>
<li><a href="#submen_item_four">Submen item four</a></li>
</li>
</ul>
<li><a href="#ee_iPadis">EE iPadis</a></li>
<li><a href="#ee_internetis">EE internetis</a></li>
<li>
<form align="right">
<input type="text" name="search" value="Otsing...">
<input type="submit" value="Otsi">
</form>
</li>
</ul>
</div>
<div id="description1">
<div id="description2">
<h2>Uus m.ekspress.ee</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br/>
Curabitur aliquet vel tortor vitae scelerisque. Sed ornare,<br/>
dolor sit amet pretium fringilla, magna odio placerat ligula,<br/>
at auctor eros turpis sed eros. Nullam a est lectus. Quisque<br/>
tempus sem ac metus faucibus consequat. Suspendisse<br/>
actor lacus vitae elit eleifend fermentum.
</div>
<div id="text">
<center>Proovi nagu oma telefonis!</center>
</div>
<div id="arrow-down">
</div>
<div id="iPhone">
<img src="pictures/IPhone_5.png" alt="iPhone" height="650" width="350"/>
<iframe src="http://m.delfi.ee/"></iframe>
</div>
<div id="description5">
<h2>Tõmba Ekspressi app<br/>
<center>oma telefoni!</center></h2>
<table>
<tr>
<th>iOS</th>
<th>Android</th>
</tr>
<tr>
<td><img src="pictures/Likify-Arvutimaailm.jpg" alt="QR code" height="125" width="125"></td>
<td><img src="pictures/Likify-Arvutimaailm.jpg" alt="QR code" height="125" width="125"></td>
</tr>
</table>
</div>
<div id="description3">
<h2>Ava menüü</h2>
<h3>Kasutajasõbralik<br/>
menüü</h3>
Lorem ipsum dolor sit<br/>
amet, consectetur<br/>
adipiscing elit. Curabitur<br/>
aliquet vel tortor vitae<br/>
scelerusque. Sed ornare,<br/>
dolor sit amet pretium<br/>
fringilla, magna odio<br/>
placeratligula, at auctor.
</div>
<div id="arrow-right">
</div>
<div id="button">
<a href="#content"><img src="icons/menu-list-1-128.png" alt="Menu" height="20" width="20"/></a>
</div>
<div id="images">
<img src="pictures/a-dog-year-2009-f.jpg" alt="A Dog Year" height="250" width="250"/>
</div>
<div id="description4">
<h2>Rohkem vabadust</h2>
<h3>Vaata videosid</h3>
Lorem ipsum dolor sit<br/>
amet, consectetur<br/>
adipiscing elit. Curabitur<br/>
aliquet vel tortor vitae<br/>
scelerisque. Sed ornare,<br/>
dolor sit amet pretium<br/>
fringilla, magna odio<br/>
placerat ligula, at auctor.
</div>
<!-- Start VideoLightBox.com BODY section -->
<div id="videogallery">
<a class="voverlay" href="http://www.youtube.com/v/8DONwMiP-ts?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="A Dog Year trailer 2009 + Full movie online"><img src="videolb/thumbnails/0.png" alt="A Dog Year trailer 2009 + Full movie online" height="85" width="185"/><span></span></a><br/>
<a class="voverlay" href="http://www.youtube.com/v/ttv-gvOzaPw?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="'The Beaver' Trailer"><img src="videolb/thumbnails/1.png" alt="'The Beaver' Trailer" height="85" width="185"/><span></span></a><br/>
<a class="voverlay" href="http://www.youtube.com/v/FAGxBbuRgqk?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="Robot and Frank Trailer 2012 - TRAILER HD PLUS"><img src="videolb/thumbnails/2.png" alt="Robot and Frank Trailer 2012 - TRAILER HD PLUS" height="85" width="185"/><span></span></a><span class="videolb"><a href="http://videolightbox.com">Video Lightbox</a> by VideoLightBox.com v2.5</span>
</div>
<script src="videolb/jquery.tools.min.js" type="text/javascript"></script>
<script src="videolb/videolightbox.js" type="text/javascript"></script>
<!-- End VideoLightBox.com BODY section -->
<div id="footer1">
<table>
<tr>
<th colspan="2" style="border-bottom: 1px solid #708090">UUDISED</th>
<th style="border-bottom: 1px solid #708090">E-KAUBANDUS</th>
<th style="border-bottom: 1px solid #708090">MEELELAHUTUS</th>
</tr>
<tr>
<td><b style="font-size: 14px">DELFI:</b></td>
<td><a href="#eesti_elu">Eesti elu</a></td>
<td><a href="#e-poed">E-poed</a></td>
<td><a href="#vimka">Vimka</a></td>
</tr>
<tr>
<td><a href="#eesti">Eesti</a></td>
<td><a href="#aripaev">Ćripäev</a></td>
<td><a href="#vaata_ee">Vaata.ee</a></td>
<td><a href="#games">Mängud</a></td>
</tr>
<tr>
<td><a href="#arvamus">Arvamus</a></td>
<td><a href="#sport">Sport</a></td>
<td><a href="#sales">Müü!</a></td>
<td><a href="#pokker">Pokker</a></td>
</tr>
<tr>
<td><a href="#maailm">Maailm</a></td>
<td><a href="#publik">Publik</a></td>
<td><a href="#digiraamat">Digiraamat</a></td>
<td><a href="#raadiod">Raadiod</a></td>
</tr>
<tr>
<td><a href="#krimi">Krimi</a></td>
<td><a href="#forte">Forte</a></td>
<td><a href="#kinnisvaratop">KinnisvaraTOP</a></td>
<td><a href="#horoskoop">Horoskoop</a></td>
</tr>
<tr>
<td><a href="#delfi_graafikud">Delfi graafikud</a></td>
<td><a href="#naistekas">Naistekas</a></td>
<td><a href="#koolitused">Koolitused</a></td>
<td><a href="#e_kaardid">E-kaardid</a></td>
</tr>
<tr>
<td><a href="#uut_delfis">Uut Delfis</a></td>
<td><a href="#rahva_haal">Rahva Hääl</a></td>
<td><a href="#reisijuht">Reisijuht</a></td>
<td><a href="#tv_kavad">TV-kavad</a></td>
</tr>
<tr>
<td><a href="#teemalehed">Teemalehed</a></td>
<td><a href="#noortehaal">Noortehääl</a></td>
<td></td>
<td><a href="#e_post">E-post</a></td>
</tr>
<tr>
<td><a href="#arhiiv">Arhiiv</a></td>
<td><a href="#taheke">Täheke</a></td>
<td></td>
<td><a href="#kasulik">Kasulik</a></td>
</tr>
<tr>
<td><a href="#delfi_tv">Delfi TV</a></td>
<td><a href="#eesti_paevaleht">Eesti Päevaleht</a></td>
<td></td>
<td><a href="#eesti_kaart">Eesti kaart</a></td>
</tr>
<tr>
<td><a href="#delfi_pilt">Delfi Pilt</a></td>
<td><a href="#eesti_ekspress">Eesti Ekspress</a></td>
<td></td>
<td><a href="#delfi_date">Delfi Date</a></td>
</tr>
<tr>
<td><a href="#ilm">Ilm</a></td>
<td><a href="#maaleht">Maaleht</a></td>
<td></td>
<td></td>
</tr>
<tr>
<th>DELFI MUJAL</th>
<td colspan="3"><img src="icons/flag-estonia-small.jpg" alt="Russian" height="20" width="29">
<img src="icons/Latvia-Flag-24.png" alt="Latvia" height="20" width="29">
<img src="icons/Latvia-Flag-24.png" alt="Latvia and Russian" height="20" width="29">
<img src="icons/Lithuania-Flag.png" alt="Lithuania" height="20" width="29">
<img src="icons/Lithuania-Flag.png" alt="Lithuania and Russian" height="20" width="29">
<img src="icons/FlagIcon_Ukraine.bmp" alt="Ukraine" height="20" width="29"></td>
</tr>
</table>
</div>
<div id="footer2">
<table>
<tr>
<th>DELFI INFO</th>
<th colspan="2">JĆLGI DELFIT</th>
</tr>
<tr>
<td><a href="#tee_delfi_avaleheks">Tee Delfi avaleheks</a></td>
<td></td>
<td></td>
</tr>
<tr>
<td><a href="#reklaam_delfis">Reklaam Delfis</a></td>
<td><img src="icons/facebook-icon.png" alt="Facebook" height="32" width="32">
<img src="icons/icon-twitter.png" alt="Twitter" height="32" width="32">
<img src="icons/bigrss.gif" alt="RSS" height="32" width="32"></td>
<td></td>
</tr>
<tr>
<td><a href="#kontaktinfo">Kontaktinfo</a></td>
<td></td>
<td></td>
</tr>
<tr>
<td><a href="#sinu_privaatsus_delfis">Sinu privaatsus Delfis</a></td>
<th>mDELFI</th>
<th>DELFI ID</th>
</tr>
<tr>
<td><a href="#kasutajatingimused">Kasutajatingimused</a></td>
<td></td>
<td></td>
</tr>
<tr>
<td><a href="#toopakkumised">Tööpakkumised</a></td>
<td><img src="icons/Icon.png" alt="mDELFI" height="32" width="32"></td>
<td><img src="icons/1186724_10151812465964318_654766871_a.png" alt="DELFI ID" height="32" width="32"></td>
</tr>
<tr>
<td><a href="#delfi_pressifoto">Delfi pressifoto</a></td>
<td></td>
<td></td>
</tr>
<tr>
<td><a href="#saada_vihje">Saada vihje</a></td>
<td></td>
<td></td>
</tr>
<tr>
<td><a href="#otsing">Otsing</a></td>
<td></td>
<td></td>
</tr>
</table>
<p style="font-size: 10px">Muusikateoste kasutamine sellel leheküjel on kooskõlastatud
EAÜ/NCB-ga.<br/>
Copyright AS DELFI. All rights reserved</p>
</div>
<div id="russiaflag1">
<img src="icons/russia_flag_icon.gif" alt="Estonia and Russia" height="10" width="19"/>
</div>
<div id="russiaflag2">
<img src="icons/russia_flag_icon.gif" alt="Latvia and Russia" height="10" width="19"/>
</div>
<div id="russiaflag3">
<img src="icons/russia_flag_icon.gif" alt="Lithuania and Russia" height="10" width="19"/>
</div>
</div>
</body>
</html> |
CSS:
Spoiler 
body {
background-color: #DCDCDC;
}
#header img {
position: fixed;
width: 1078px;
height: 100px;
top: 15px;
left: 108px;
}
#menu {
font-family: 'Roboto', sans-serif;
color: #DCDCDC;
position: fixed;
top: 115px;
z-index: 2;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu ul li {
margin: 0;
padding: 10px 20px;
position: relative;
height: 20px;
line-height: 20px;
background-color: #000000;
width: 230px;
left: 100px;
}
#menu > ul > li {
float: left;
height: 30px;
line-height: 30px;
background-color: #000000;
}
#menu li > ul {
visibility: hidden;
width: 300px;
position: absolute;
top: 0px;
left: 100px;
border-left: 0px solid #FF0000;
}
#menu > ul > li > ul {
top: 50px;
left: -100px;
}
#menu li:hover {
background-color: #FF0000;
}
#menu li:hover > ul {
visibility: visible;
}
a {
color: #DCDCDC;
}
a:hover {
color: #0000FF;
}
a:active {
color: #00FF00;
}
#description1 {
font-family: 'Roboto', sans-serif;
position: fixed;
top: 165px;
left: 108px;
width: 1078px;
overflow-y: scroll;
height: 750px;
background-color: #FFFFFF;
z-index: 1;
}
#description2 {
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #696969;
position: relative;
top: 140px;
left: 25px;
width: 475px;
height: 270px;
}
#description3 {
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #696969;
position: relative;
top: -950px;
left: 25px;
width: 475px;
height: 340px;
}
#images img {
-moz-border-radius: 250px/250px;
-webkit-border-radius: 250px 250px;
border-radius: 250px/250px;
position: relative;
width: 250px;
height: 250px;
top: -1285px;
left: 300px;
}
#description4 {
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #696969;
position: relative;
top: -1250px;
left: 25px;
width: 275px;
height: 400px;
}
#iPhone {
position: relative;
top: -200px;
left: 625px;
height: 650px;
width: 350px;
}
#iPhone iframe {
position: relative;
top: -555px;
left: 50px;
height: 448px;
width: 253px;
z-index: 2;
}
#text {
font-family: 'Roboto', sans-serif;
font-size: 20px;
color: #FFFFFF;
position: relative;
top: -185px;
left: 650px;
height: 30px;
width: 297px;
background-color: #FF0000;
}
#arrow-down {
position: relative;
width: 0px;
height: 0px;
top: -185px;
left: 790px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #FF0000;
}
#arrow-right {
position: relative;
top: -1288px;
left: 175px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #DCDCDC;
}
#button {
position: relative;
top: -1308px;
left: 210px;
}
#description5 {
position: relative;
top: -200px;
left: 675px;
height: 300px;
width: 300px;
}
#description5 th {
font-family: 'Roboto', sans-serif;
color: #696969;
width: 150px;
}
#videogallery {
width:100%;
zoom:1;
}
#videogallery span {
display:block;
}
#videogallery a {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
position: relative;
vertical-align: top;
margin:5px;
width:160px;
top: -1600px;
left: 325px;
font-family:Trebuchet,Tahoma,Arial,sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
text-align:center;
opacity:0.87;
}
#videogallery .videolb {
display:none
}
#videogallery a img {
display:block;
border:none;
margin:0;
}
#videogallery a:hover{
opacity:1;
}
h2 {
font-family: 'Roboto', sans-serif;
font-weight: normal;
font-size: 20px;
color: #FF0000;
}
h3 {
font-family: 'Roboto', sans-serif;
font-weight: normal;
font-size: 18px;
color: #000000;
}
#footer1 {
font-family: 'Roboto', sans-serif;
font-size: 10px;
color: #DCDCDC;
position: relative;
top: -1550px;
width: 600px;
height: 290px;
background-color: #000000;
border-right: 1px solid #708090;
}
#footer1 th {
font-size: 12px;
font-weight: bold;
text-align: left;
color: #DCDCDC;
width: 270px;
height: 25px;
}
#footer1 td {
color: #DCDCDC;
width: 150px;
}
#russiaflag1 img {
position: relative;
top: -1897px;
left: 173px;
z-index: 2;
}
#russiaflag2 img {
position: relative;
top: -1916px;
left: 235px;
z-index: 2;
}
#russiaflag3 img {
position: relative;
top: -1934px;
left: 300px;
z-index: 2;
}
#footer2 {
font-family: 'Roboto', sans-serif;
font-size: 10px;
color: #DCDCDC;
position: relative;
top: -1840px;
left: 601px;
width: 460px;
height: 290px;
background-color: #000000;
}
#footer2 th {
font-size: 12px;
font-weight: bold;
text-align: left;
color: #DCDCDC;
width: 150px;
height: 30px;
border-bottom: 1px solid #708090;
}
#footer2 td {
color: #DCDCDC;
width: 150px;
}
#footer2 table {
border-bottom: 1px solid #708090;
} |
|
|
tagasi üles |
|
 |
andrusny
Kreisi kasutaja

liitunud: 20.03.2006
|
03.11.2013 11:05:51
|
|
|
Sa oled kasutanud meeletult palju negatiivset top ja seetõttu sul jääbki alla tühi ruum kuna div asub all ja venitab lehe pikaks ning on top abil taas üllese tõstetud, kui sul seda top: -1897px; ja teisi poleks oleks su sisu divid seal all tühjas osas. Pead kogu kupatuse teisiti lahendama. Võimalik, et keegi oskab ka parandada seda kuidagi.
_________________
 |
|
Kommentaarid: 7 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
0 :: |
7 |
|
tagasi üles |
|
 |
brixxx
Lõuapoolik


liitunud: 04.01.2012
|
03.11.2013 19:01:25
|
|
|
andrusny kirjutas: |
Sa oled kasutanud meeletult palju negatiivset top ja seetõttu sul jääbki alla tühi ruum kuna div asub all ja venitab lehe pikaks ning on top abil taas üllese tõstetud, kui sul seda top: -1897px; ja teisi poleks oleks su sisu divid seal all tühjas osas. Pead kogu kupatuse teisiti lahendama. Võimalik, et keegi oskab ka parandada seda kuidagi. |
Hetkel muutsin need negatiivsed top-d bottom-ks, et arv muuta positiivseks, aga tulemus on endiselt sama. Paluks soovitusi, kuidas lahendada probleem.
|
|
tagasi üles |
|
 |
andrusny
Kreisi kasutaja

liitunud: 20.03.2006
|
04.11.2013 00:29:47
|
|
|
Vahet pole ju bottom tähendab kaugust alt servast ja jääbki jälle tühi ala.
Proovid ehk midagi sellist
css
css:
|
body { background-color: #DCDCDC; } #header{ position: fixed; width: 1080px; height: 115px; top: 0px; left: 100px; z-index: 20; background:#DCDCDC; } #header img { position: fixed; width: 1078px; height: 100px; top: 15px; left: 100px; z-index: 20; background:#DCDCDC; } #menu { font-family: 'Roboto', sans-serif; color: #DCDCDC; position: fixed; top: 115px; left:0px; z-index: 20; background:#DCDCDC; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu ul li { margin: 0; padding: 10px 20px; position: relative; height: 20px; line-height: 20px; background-color: #000000; width: 230px; left: 100px; } #menu > ul > li { float: left; height: 30px; line-height: 30px; background-color: #000000; } #menu li > ul { visibility: hidden; width: 300px; position: absolute; top: 0px; left: 100px; border-left: 0px solid #FF0000; } #menu > ul > li > ul { top: 50px; left: -100px; } #menu li:hover { background-color: #FF0000; } #menu li:hover > ul { visibility: visible; } a { color: #DCDCDC; } a:hover { color: #0000FF; } a:active { color: #00FF00; } #description1 { font-family: 'Roboto', sans-serif; position: relative; top: 165px; left: 10px; width: 1078px; background-color: #FFFFFF; margin-bottom:100px; } #description2 { font-family: 'Roboto', sans-serif; font-size: 16px; color: #696969; position: relative; top: 140px; left: 25px; width: 475px; height: 270px; } #description3 { font-family: 'Roboto', sans-serif; font-size: 16px; color: #696969; position: relative; top: 30px; left: 30px; width: 475px; height: 340px; } #images img { -moz-border-radius: 250px/250px; -webkit-border-radius: 250px 250px; border-radius: 250px/250px; position: relative; width: 250px; height: 250px; top: 0px; left: 0px; } #description4 { font-family: 'Roboto', sans-serif; font-size: 16px; color: #696969; position: relative; top: 30px; left: 30px; width: 275px; height: 400px; } #iPhone { position:relative; top: 0px; left: 0px; height: 650px; width: 350px; } #iPhone iframe { position:absolute; top: 80px; left: 50px; height: 448px; width: 253px; z-index: 2; overflow: scroll; } #iPhone img { position:absolute; top: 0px; left: 0px; } #text { font-family: 'Roboto', sans-serif; font-size: 20px; color: #FFFFFF; margin-top: 140px; margin-left: 30px; height: 30px; width: 297px; background-color: #FF0000; } #arrow-down { width: 0px; height: 0px; margin-left: 180px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #FF0000; } #arrow-right { position: absolute; top: 4px; left: 120px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #DCDCDC; } #button { position: absolute; top: 4px; left: 150px; } #images{ position: absolute; top: 4px; left: 250px; } #description5 { position: relative; top: 0px; left: 40px; height: 300px; width: 300px; text-align:center; } #description5 th { font-family: 'Roboto', sans-serif; color: #696969; width: 150px; } #videogallery { position:absolute; top:30px; left:250px; width:100%; zoom:1; } #videogallery span { display:block; } #videogallery a { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; position: relative; vertical-align: top; margin:5px; width:160px; top: 0px; left: 0px; font-family:Trebuchet,Tahoma,Arial,sans-serif; font-size:11px; font-weight:normal; text-decoration:none; text-align:center; opacity:0.87; } #videogallery .videolb { display:none } #videogallery a img { display:block; border:none; margin:0; } #videogallery a:hover{ opacity:1; } h2 { font-family: 'Roboto', sans-serif; font-weight: normal; font-size: 20px; color: #FF0000; } h3 { font-family: 'Roboto', sans-serif; font-weight: normal; font-size: 18px; color: #000000; } #footer1 { font-family: 'Roboto', sans-serif; font-size: 10px; color: #DCDCDC; position: absolute; top: 0px; left:10px; width: 600px; height: 290px; background-color: #000000; border-right: 1px solid #708090; } #footer1 th { font-size: 12px; font-weight: bold; text-align: left; color: #DCDCDC; width: 270px; height: 25px; } #footer1 td { color: #DCDCDC; width: 150px; } #russiaflag1 img { position: relative; top: 0px; left: 173px; z-index: 2; } #russiaflag2 img { position: relative; top: 0px; left: 235px; z-index: 2; } #russiaflag3 img { position: relative; top: 0px; left: 300px; z-index: 2; } #footer2 { font-family: 'Roboto', sans-serif; font-size: 10px; color: #DCDCDC; position: absolute; top: 0px; left: 611px; width: 460px; height: 290px; background-color: #000000; } #footer2 th { font-size: 12px; font-weight: bold; text-align: left; color: #DCDCDC; width: 150px; height: 30px; border-bottom: 1px solid #708090; } #footer2 td { color: #DCDCDC; width: 150px; } #footer2 table { border-bottom: 1px solid #708090; } #left_s{float:left;width:500px;} #right_s{float:right;width:500px;} .str{clear:both;width:100%;} #foot_m{position:relative;width:1078px;left:0px;background:#000;height:300px;} #master{position:relative;width: 1078px; margin:auto;}
|
HTML
html:
|
<!DOCTYPE html> <meta name="description" content="VideoLightBox Gallery created with VideoLightBox, a free wizard program that helps you easily generate beautiful Lightbox-style web video galleries" /> <link rel="shortcut icon" href="favicon.ico" /> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Roboto, style.css"> <link rel="stylesheet" type="text/css" href="style.css"> <!-- Start VideoLightBox.com HEAD section --> <link rel="stylesheet" type="text/css" href="videolb/overlay-minimal.css"/> <script src="videolb/jquery.js" type="text/javascript"></script> <script src="videolb/swfobject.js" type="text/javascript"></script> <!-- End VideoLightBox.com HEAD section --> </head> <img src="pictures/500px-Eesti_Ekspress_logo.svg.png" alt="Eesti Ekspress" height="150" width="1078"/> </div> <li><a href="#submen_item_1">Submen item 1 </a></li> <li><a href="#another_longer_item">Another longer item </a></li> <li><a href="#active_item_is_like_this">Active item is like this </a></li> <li><a href="#submen_item_four">Submen item four </a></li> </li> </ul> <li><a href="#ee_iPadis">EE iPadis </a></li> <li><a href="#ee_internetis">EE internetis </a></li> <input type="text" name="search" value="Otsing..."> <input type="submit" value="Otsi"> </form> </li> </ul> </div> <h2>Uus m.ekspress.ee </h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br/> Curabitur aliquet vel tortor vitae scelerisque. Sed ornare, <br/> dolor sit amet pretium fringilla, magna odio placerat ligula, <br/> at auctor eros turpis sed eros. Nullam a est lectus. Quisque <br/> tempus sem ac metus faucibus consequat. Suspendisse <br/> actor lacus vitae elit eleifend fermentum. </div> <div id="arrow-right"> </div> <a href="#content"><img src="icons/menu-list-1-128.png" alt="Menu" height="20" width="20"/></a> </div> <img src="pictures/a-dog-year-2009-f.jpg" alt="A Dog Year" height="250" width="250"/> </div> menüü</h3> Lorem ipsum dolor sit <br/> adipiscing elit. Curabitur <br/> aliquet vel tortor vitae <br/> scelerusque. Sed ornare, <br/> dolor sit amet pretium <br/> fringilla, magna odio <br/> placeratligula, at auctor. </div> <!-- Start VideoLightBox.com BODY section --> <a class="voverlay" href="http://www.youtube.com/v/8DONwMiP-ts?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="A Dog Year trailer 2009 + Full movie online"><img src="videolb/thumbnails/0.png" alt="A Dog Year trailer 2009 + Full movie online" height="85" width="185"/><span></span></a><br/> <a class="voverlay" href="http://www.youtube.com/v/ttv-gvOzaPw?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="'The Beaver' Trailer"><img src="videolb/thumbnails/1.png" alt="'The Beaver' Trailer" height="85" width="185"/><span></span></a><br/> <a class="voverlay" href="http://www.youtube.com/v/FAGxBbuRgqk?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="Robot and Frank Trailer 2012 - TRAILER HD PLUS"><img src="videolb/thumbnails/2.png" alt="Robot and Frank Trailer 2012 - TRAILER HD PLUS" height="85" width="185"/><span></span></a><span class="videolb"><a href="http://videolightbox.com">Video Lightbox </a> by VideoLightBox.com v2.5 </span> </div> <script src="videolb/jquery.tools.min.js" type="text/javascript"></script> <script src="videolb/videolightbox.js" type="text/javascript"></script> <!-- End VideoLightBox.com BODY section --> Lorem ipsum dolor sit <br/> adipiscing elit. Curabitur <br/> aliquet vel tortor vitae <br/> scelerisque. Sed ornare, <br/> dolor sit amet pretium <br/> fringilla, magna odio <br/> placerat ligula, at auctor. </div> </div> <center>Proovi nagu oma telefonis! </center> </div> </div> <img src="pictures/IPhone_5.png" alt="iPhone" height="650" width="350"/> <iframe src="http://m.delfi.ee/" scrolling="auto" ></iframe> </div> </tr> <td><img src="pictures/Likify-Arvutimaailm.jpg" alt="QR code" height="125" width="125"></td> <td><img src="pictures/Likify-Arvutimaailm.jpg" alt="QR code" height="125" width="125"></td> </tr> </table> </div> </div> <th colspan="2" style="border-bottom: 1px solid #708090">UUDISED </th> <th style="border-bottom: 1px solid #708090">E-KAUBANDUS </th> <th style="border-bottom: 1px solid #708090">MEELELAHUTUS </th> </tr> <td><b style="font-size: 14px">DELFI: </b></td> <td><a href="#eesti_elu">Eesti elu </a></td> <td><a href="#e-poed">E-poed </a></td> <td><a href="#vimka">Vimka </a></td> </tr> <td><a href="#eesti">Eesti </a></td> <td><a href="#aripaev">Ćripäev </a></td> <td><a href="#vaata_ee">Vaata.ee </a></td> <td><a href="#games">Mängud </a></td> </tr> <td><a href="#arvamus">Arvamus </a></td> <td><a href="#sport">Sport </a></td> <td><a href="#sales">Müü! </a></td> <td><a href="#pokker">Pokker </a></td> </tr> <td><a href="#maailm">Maailm </a></td> <td><a href="#publik">Publik </a></td> <td><a href="#digiraamat">Digiraamat </a></td> <td><a href="#raadiod">Raadiod </a></td> </tr> <td><a href="#krimi">Krimi </a></td> <td><a href="#forte">Forte </a></td> <td><a href="#kinnisvaratop">KinnisvaraTOP </a></td> <td><a href="#horoskoop">Horoskoop </a></td> </tr> <td><a href="#delfi_graafikud">Delfi graafikud </a></td> <td><a href="#naistekas">Naistekas </a></td> <td><a href="#koolitused">Koolitused </a></td> <td><a href="#e_kaardid">E-kaardid </a></td> </tr> <td><a href="#uut_delfis">Uut Delfis </a></td> <td><a href="#rahva_haal">Rahva Hääl </a></td> <td><a href="#reisijuht">Reisijuht </a></td> <td><a href="#tv_kavad">TV-kavad </a></td> </tr> <td><a href="#teemalehed">Teemalehed </a></td> <td><a href="#noortehaal">Noortehääl </a></td> <td><a href="#e_post">E-post </a></td> </tr> <td><a href="#arhiiv">Arhiiv </a></td> <td><a href="#taheke">Täheke </a></td> <td><a href="#kasulik">Kasulik </a></td> </tr> <td><a href="#delfi_tv">Delfi TV </a></td> <td><a href="#eesti_paevaleht">Eesti Päevaleht </a></td> <td><a href="#eesti_kaart">Eesti kaart </a></td> </tr> <td><a href="#delfi_pilt">Delfi Pilt </a></td> <td><a href="#eesti_ekspress">Eesti Ekspress </a></td> <td><a href="#delfi_date">Delfi Date </a></td> </tr> <td><a href="#ilm">Ilm </a></td> <td><a href="#maaleht">Maaleht </a></td> </tr> <td colspan="3"><img src="icons/flag-estonia-small.jpg" alt="Russian" height="20" width="29"> <img src="icons/Latvia-Flag-24.png" alt="Latvia" height="20" width="29"> <img src="icons/Latvia-Flag-24.png" alt="Latvia and Russian" height="20" width="29"> <img src="icons/Lithuania-Flag.png" alt="Lithuania" height="20" width="29"> <img src="icons/Lithuania-Flag.png" alt="Lithuania and Russian" height="20" width="29"> <img src="icons/FlagIcon_Ukraine.bmp" alt="Ukraine" height="20" width="29"></td> </tr> </table> </div> <th colspan="2">J ĆLGI DELFIT </th> </tr> <td><a href="#tee_delfi_avaleheks">Tee Delfi avaleheks </a></td> </tr> <td><a href="#reklaam_delfis">Reklaam Delfis </a></td> <td><img src="icons/facebook-icon.png" alt="Facebook" height="32" width="32"> <img src="icons/icon-twitter.png" alt="Twitter" height="32" width="32"> <img src="icons/bigrss.gif" alt="RSS" height="32" width="32"></td> </tr> <td><a href="#kontaktinfo">Kontaktinfo </a></td> </tr> <td><a href="#sinu_privaatsus_delfis">Sinu privaatsus Delfis </a></td> </tr> <td><a href="#kasutajatingimused">Kasutajatingimused </a></td> </tr> <td><a href="#toopakkumised">Tööpakkumised </a></td> <td><img src="icons/Icon.png" alt="mDELFI" height="32" width="32"></td> <td><img src="icons/1186724_10151812465964318_654766871_a.png" alt="DELFI ID" height="32" width="32"></td> </tr> <td><a href="#delfi_pressifoto">Delfi pressifoto </a></td> </tr> <td><a href="#saada_vihje">Saada vihje </a></td> </tr> <td><a href="#otsing">Otsing </a></td> </tr> </table> <p style="font-size: 10px">Muusikateoste kasutamine sellel leheküjel on kooskõlastatud Copyright AS DELFI. All rights reserved</p> </div> <img src="icons/russia_flag_icon.gif" alt="Estonia and Russia" height="10" width="19"/> </div> <img src="icons/russia_flag_icon.gif" alt="Latvia and Russia" height="10" width="19"/> </div> <img src="icons/russia_flag_icon.gif" alt="Lithuania and Russia" height="10" width="19"/> </div> </div> </div> </div> </body> </html>
|
_________________
 |
|
Kommentaarid: 7 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
0 :: |
7 |
|
tagasi üles |
|
 |
|
lisa lemmikuks |
|
|
sa ei või postitada uusi teemasid siia foorumisse sa ei või vastata selle foorumi teemadele sa ei või muuta oma postitusi selles foorumis sa ei või kustutada oma postitusi selles foorumis sa ei või vastata küsitlustele selles foorumis sa ei saa lisada manuseid selles foorumis sa võid manuseid alla laadida selles foorumis
|
|
Hinnavaatlus ei vastuta foorumis tehtud postituste eest.
|