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
http://layouts.ironmyers.com

netušil jsem, že Alastor_Kopal = habendorf :-)
Alastor_Kopal
Profil *
netušil jsem, že Alastor_Kopal = habendorf :-)
???
habendorf
Profil
Tomasds

Uff, a je to venku :o))
Alastor_Kopal
Profil *
co je venku ? nechápu to ?
Str4wberry
Profil
Zvýraznil [#1] jsem Ti to. :–)
Alastor_Kopal
Profil *
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">&nbsp;</div><!-- vertikální sirka /-->



</body>


</html>
SwimX
Profil
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 *
ne tak jak to mám udělat ??? :´-(
SwimX
Profil
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>

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: