Autor Zpráva
Icepoint
Profil
#1 · Zasláno: 5. 3. 2007, 09:42:50
Odpovědět Citovat
tak mám to asi takhle : jako header mám div s obrázkem na pozadí. Potřebuji, aby když vypnu obráky, se zobrazil nějaký alternativní nadpis. Víte někdo, jak to udělat ?? kousky kódu:
HTML 

 <body>

   <div id="main">

   <span id="nadpis_h1">Icepoint</span>

    <div id="header"><a href="index.php"> </a></div>

    <div id="menu">

  ......

CSS : 

div#main

{

 width: 750px;

 margin: 0 auto;

}



div#header

{

 width: 750px;

 height: 150px;

 background-image: url("./images/header.png");

 background-repeat: no-repeat;

 border:0;

}



#header a{

display:block;

width:750px;

height:150px;

margin: 0;

padding:0;

border: 0;

}

díky za každou radu ...
Yrrah
Profil
#2 · Zasláno: 5. 3. 2007, 09:52:10
Odpovědět Citovat
Třeba takto: 
<div id="logo">

<h1><a href="index.php">Textovy nadpis<span>&nbsp;</span></a></h1>

</div>


A pak to nastylovat: 
#logo {

	position: relative;

	width: 760px;

	height: 80px;

}



#logo h1 {

	margin: 0;

}



#logo h1 a {

	display: block;

	width: 760px;

	height: 80px;

	text-decoration: none;

        ...

}



#logo h1 span {

	position: absolute;

	left: 0;

	top: 0;

	width: 760px;

	height: 80px;

	z-index: 1;

	background: url('logo.png') 0 0 no-repeat;

}
Icepoint
Profil
#3 · Zasláno: 5. 3. 2007, 09:53:47
Odpovědět Citovat
pokud by to slo jinak, tak bych rad ... hrozne nerad pouzivam jakykoliv (abs. nebo rel.) pozicovani ... jediny, co me napadlo, tak udelat cely pruhledny obrazek, mrsknout ho prez to a dat mu alt. text ... slo by to tak ?
tiso
Profil
#4 · Zasláno: 5. 3. 2007, 11:08:10
Odpovědět Citovat
Icepoint nešlo, sprav to tak ako Ti radil Yrrah a podobné veci ako <span id="nadpis_h1"> nepoužívaj
Icepoint
Profil
#5 · Zasláno: 5. 3. 2007, 11:28:49
Odpovědět Citovat
tiso - <span id="nadpis_h1"> tam je jen kvuli tisku ... bezne je neviditelny ...lespi nazev me nanapad ...
tiso
Profil
#6 · Zasláno: 5. 3. 2007, 11:43:29
Odpovědět Citovat
Icepoint - <h1> je ten správny názov...
Časová prodleva: 17 dní
mates
Profil
#7 · Zasláno: 22. 3. 2007, 21:03:58
Odpovědět Citovat
http://www.wellstyled.com/css-replace-text-by-image.html
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0