| Autor | Zpráva | ||
|---|---|---|---|
| Tivan Profil |
#1 · Zasláno: 21. 4. 2011, 10:51:18
Zdravím profíky, mám velikou prosbu. Potřeboval bych, aby se mi na stránce po přejetí myší zobrazovala tahle zvětšenina obrázku: Odkaz-před Odkaz-po Jsem zatím ještě lama, mám za sebou teprve html + css + php školení, o javascriptu zatím moc nevím,ale snažím se to nastudovat. Myslím, že se dá postupovat buďto tak, že si udělám flash animaci, nebo právě pomocí javascriptu. Která možnost myslíte že bude lepší?Předem moc díky za odpověď a za radu....
|
||
| Tivan Profil |
#2 · Zasláno: 21. 4. 2011, 11:49:00
ještě jsem zjistil, že to půjde pomocí html+css,teď jen musím najít a správně vypsat kód:-)) kdyby Vás něco napadlo, tak prosím napište. Předem díky....
|
||
| Bubák Profil |
#3 · Zasláno: 21. 4. 2011, 19:18:17
Napadlo mě, že z CSS vlastností budeš potřebovat třebas z-index a aby ti z-index fungoval, musíš přidat i pozicování, ale o tom a nejen o tom Yuhů na stránce o z-indexu píše.
Podle mého názoru je to na začátečníka docela velké sousto, máš tam stíny, oblé rohy, velikost (výšku) budeš muset udělat tak, aby se přizpůsobila množství obsahu... Poznámka na okraj pro příště: vhodnější, než PDF "obrázek" je použít PNG obrázek. |
||
| Tivan Profil |
díky za rady....strukturu webu zvládnu, to si myslím, že nebude problém. Jen nemůžu rozlousknout tohle. Našel a sestavil jsem tenhle kód:
CSS body {background:#777777; margin:0px; padding:0px;}
#main {width:980px; background:#999999; margin:0 auto;}
#header {height: 100px; background: #111111;}
#menu {height: 50px; background: #555555;}
#container1 {position: relative;}
#content {min-height: 500px; width:730px; position: relative; left: 150px; background: #FFFFFF;}
#leftmenu {width:150px; position: absolute; background: #999999;}
#rightmenu {width:100px; position: absolute; right: 0px; top: 0px; background: #999999;}
#heeler {height: 150px; background: #333333;}
#navigation div a span {display: none;}
#navigation div a span.description {
color: #fff;
background-color: red;
font-size: 0.9em;
font-style: italic;
position:absolute;
top:250px;
display: block;
visibility: hidden;
}
#navigation div a:hover span.description,
#navigation div a:focus span.description {
visibility: visible;
}
.nahled {
width:100px;
float:left;
margin-left:10px;
background-color:rgb(183,183,183);
}
#navigation {position: relative}
.description {position: absolute; top: 100px; left: 10px;}HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="description" content="fotbalistky Kotvrdovice - oficiální web"/>
<meta name="keywords" content="ženská kopaná,Kotvrdovice"/>
<meta name="author" content="Víťa Hlaváček"/>
<meta name="robots" content="index,follow"/>
<meta http-equiv="content-language" content="cs"/>
<meta http-equiv="cache-control" content="no-cache"/>
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="templates/nature/styl.css"/>
<title>fotbalistky Kotvrdovice - oficiální web</title>
</head>
<body>
<div id="main">
<div id="header">
</div>
<div id="menu">
</div>
<div id="container1">
<div id="leftmenu">
</div>
<div id="content">
<div id="navigation">
<div class="nahled"><a href="#obraz" title="ttt"><img src="images/03-mini.jpg"><span class="description"><img src="images/03.jpg"></span></a></div><div class="nahled"><a href="#obraz" title="ttt"><img src="images/03-mini.jpg"><span class="description"><img src="images/03.jpg"></span></a></div><div class="nahled"><a href="#obraz" title="ttt"><img src="images/03-mini.jpg"><span class="description"><img src="images/03.jpg"></span></a></div><br style="clear:both" /><div class="nahled"><a href="#obraz" title="ttt"><img src="images/03-mini.jpg"><span class="description"><img src="images/03.jpg"></span></a></div><div class="nahled"><a href="#obraz" title="ttt"><img src="images/03-mini.jpg"><span class="description"><img src="images/03.jpg"></span></a></div><div class="nahled"><a href="#obraz" title="ttt"><img src="images/03-mini.jpg"><span class="description"><img src="images/03.jpg"></span></a></div><br style="clear:both" /></div>
</div> </div>
</div>
</div>
<div id="rightmenu">
</div>
</div>
<div id="heeler">
</div>
</div>
</body>
</html>ale když to takhle napíšu, tak se mi zobrazí miniatura a náhled hned vedle....ještě na tom pracuju. Kdyby jste věděli jak dál, budu vděčný za jakoukoliv pomoc. S tím vkládáním místo pdf díky za radu, příště už to tak udělám. Jste tady borci, s vaší pomocí budu za chvilku jako Vy!!!!! Moderátor panther: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na
 ). |
||
|
Časová prodleva: 13 let
|
|||
0