| Autor | Zpráva | ||
|---|---|---|---|
| Alastor_Kopal Profil * |
tady mám takový malý plán jak by to mělo vypadat 1 - obrázek 2 - posouvající se obrázky (fungují jako menu) 1: <img src="nejakyobrazek.jpg" alt="" /> 2: <a href="najakyodkaz.html"><img src="two-in-one.jpg" width="986" height="109" alt="" /></a> 2: <a href="najakyodkaz.html"><img src="two-in-one.jpg" width="986" height="109" alt="" /></a> 2: <a href="najakyodkaz.html"><img src="two-in-one.jpg" width="986" height="109" alt="" /></a> 2: <a href="najakyodkaz.html"><img src="two-in-one.jpg" width="986" height="109" alt="" /></a> 2: <a href="najakyodkaz.html"><img src="two-in-one.jpg" width="986" height="109" alt="" /></a> 2: <a href="najakyodkaz.html"><img src="two-in-one.jpg" width="986" height="109" alt="" /></a> 2: <a href="najakyodkaz.html"><img src="two-in-one.jpg" width="986" height="109" alt="" /></a> nahoře: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="cs">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="cs" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="Ing. Radek Kudela aka habendorf, r.kudela@1-webdesign.cz" />
<title> Posunutí obrázku pomocí text-indent
</title>
<style type="text/css">
a {display:block; width:493px; height:109px; overflow:hidden;}
a:hover {text-indent:-493px;}
a img {border:none;}
</style>jak to udělat aby to bylo pěkně pod sebou vedle obrázku ? |
||
| Tomasds Profil |
#2 · Zasláno: 23. 3. 2009, 15:18:32
|
||
| Alastor_Kopal Profil * |
#3 · Zasláno: 23. 3. 2009, 15:20:11
„netušil jsem, že Alastor_Kopal = habendorf :-)“
??? |
||
| habendorf Profil |
#4 · Zasláno: 23. 3. 2009, 16:21:58
Tomasds
Uff, a je to venku :o)) |
||
| Alastor_Kopal Profil * |
#5 · Zasláno: 23. 3. 2009, 17:25:10
co je venku ? nechápu to ?
|
||
| Str4wberry Profil |
#6 · Zasláno: 23. 3. 2009, 17:37:43
Zvýraznil [#1] jsem Ti to. :–)
|
||
| Alastor_Kopal Profil * |
#7 · Zasláno: 23. 3. 2009, 17:43:58
acháááááá :-)
ale co teď s tím mým pozicováním ? nevim co teď s tím <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<title>Třísloupcový fixní layout se stejnou délkou panelů</title>
<style type="text/css">
body, html
{
border: 0px none;
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif !important;
font-size: small !important;
}
.resetovac
{
border: 0px none;
margin: 0px;
padding: 0px;
float: none;
clear: both;
width: 0px;
height: 0px;
line-height: 0px;
font-size: 0px;
}
#strankaobal
{
width: 900px;
margin: 0px auto 0px auto;
}
#strankaobal1
{
background: url('left.gif') top left repeat-y;
}
#strankaobal2
{
background: url('right.gif') top right repeat-y;
}
#levypanelobal
{
float: left;
width: 170px;
margin: 5px 0px 5px 5px;
padding: 2px 2px 2px 2px;
font-size: 90%;
}
#pravypanelobal
{
float: right;
width: 130px;
margin: 5px 5px 5px 0px;
padding: 2px 2px 2px 2px;
font-size: 85%;
}
#hlavnipanelobal
{
padding: 5px 150px 5px 150px;
}
</style>
<!--[if IE ]>
<style>
/* MSIE-chyba boxmodelu */
#levypanelobal
{
margin-left: 2px;
}
#pravypanelobal
{
margin-right: 2px;
}
</style>
<![endif]-->
</head>
<body>
<div id="bodyvnitrek">
<div id="levypanelobal">
<div id="levypanelvnitrek">
Odkaz<br>
Odkaz
</div><!-- levypanelvnitrek /-->
</div><!-- levypanelobal /-->
<div id="pravypanelobal">
<div id="pravypanelvnitrek">
Odkaz<br>
Odkaz
</div>
</div><!-- pravypanelvnitrek /-->
</div><!-- pravypanelobal /-->
<div id="hlavnipanelobal">
<div id="hlavnipanelvnitrek">
<!-- obsah stránky /-->
<center><img src="horek.jpg" alt"">
</div><!-- hlavnipanelpaticka /-->
</div><!-- hlavnipanelvnitrek /-->
</div><!-- hlavnipanelobal /-->
<div class="resetovac"> </div><!-- vertikální sirka /-->
</body>
</html> |
||
| SwimX Profil |
#8 · Zasláno: 23. 3. 2009, 17:44:42 · Upravil/a: SwimX
Alastor_Kopal
odkazům bych dal display: bock, a obrázky bych dal napozadí přes: Překrytí textu obrázkem jednotlivé sloupce bych obalil divy a dal jim float. Float a clear a menu se dělá pomocí <menu> nebo <ul> eidt: skoro tak nák, jakos to tam napsal, ale půlka divů je tam zbytečně (možná i víc) |
||
| Alastor_Kopal Profil * |
#9 · Zasláno: 23. 3. 2009, 17:55:39
ne tak jak to mám udělat ??? :´-(
|
||
| SwimX Profil |
#10 · Zasláno: 23. 3. 2009, 18:05:25
Alastor_Kopal
takle nák? (měly by tam být rozměry divů a tak, a ty tvé odkazy řešit přes to nahrazování textu aby to bylo ok, ale to se dočteš na odkazech z [#8]) <style type="text/css">
#l, #c, #r{float: left;}
br{clear: both}
</style>
<div id="l">
<h1>L</h1>
<ul>
<li>Odkaz</li>
<li>Odkaz</li>
</ul>
</div>
<div id="c">
<h1>C</h1>
<img>
</div>
<div id="r">
<h1>R</h1>
<ul>
<li>Odkaz</li>
<li>Odkaz</li>
</ul>
</div>
<br>
|
||
|
Časová prodleva: 15 let
|
|||
0