Autor Zpráva
peter1
Profil
#1 · Zasláno: 29. 12. 2005, 15:44:57
Odpovědět Citovat
mam takyto kod

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
<link rel="stylesheet" type="text/css" href="../menu.css">
</head>
<body>

<span style="position: absolute; left: 20px; top: 100px;">
<div class="menu">
<script src="../menu.js"></script>
</div>
</span>

</body>
</html>


v menu.css je toto

.menu {
width:10em;
font-size: 13px}
.menu b {
padding:0px 0px 0px 22px;}
.menu a {
display:block; text-decoration:none;
color:#fff;
background:transparent none repeat 0 0;}
.menu a:hover {
color:#fff;
background:#000 none repeat 0 0;}

a v menu.js

document.write("<a href='#'>sss</a><img src='photos/thumb1.jpg'>")

ako mam doplnit alebo upravit toto


.a {
position:relative}
.a img {
display:none;position:absolute;left:100%}
.a:hover img {
display:block}

do menu.css aby sa mi poprejdeni mysou cez menu zobrzil obrazok
ak mate nejake pripomienky ku kodu tak to pls napiste
Mistr
Profil
#2 · Zasláno: 29. 12. 2005, 16:24:19
Odpovědět Citovat
Zkus thle: http://dero.name/js/readme.html
Mistr
Profil
#3 · Zasláno: 29. 12. 2005, 16:25:09
Odpovědět Citovat
Ten můj odkaz vede na proslavená Derova Cotojátka.
peta
Profil *
#4 · Zasláno: 29. 12. 2005, 17:20:08
Odpovědět Citovat
.a {
position:relative}
.a img {
display:none;position:absolute;left:100%}
.a:hover img {
display:block}

pozorne si to po sobe precti...
1. .a ja prvek <neco class="a"></neco>
2. left:100% to je jako mysleno posunout za okraj?

document.write("<a href='#'>sss</a><img src='photos/thumb1.jpg'>")
3. <a></a><img>
Pokud bys mel i CSS dobre, tak obrazek je mimo prvek A, takze na nej vlastnost a:hover IMG neplati
To by musel byt uvnitr
<a><img></a>

Mimochodem mi neni jasne, proc menu vpisujes javascriptem, ale to je tva vec, ostatne.
peta
Profil *
#5 · Zasláno: 29. 12. 2005, 17:22:23
Odpovědět Citovat
Az te to prestane bavit, muzes zkusit toto...
http://www.volny.cz/peter.mlich/Pr/menuedul.htm
http://www.volny.cz/peter.mlich/Pr/menued2b.htm
http://www.volny.cz/peter.mlich/Pr/menuulef.htm
peter1
Profil
#6 · Zasláno: 29. 12. 2005, 21:54:06 · Upravil/a: peter1
Odpovědět Citovat
skusim to takto: ako by mal vyzerat CSS aby sa mi to nebilo

<!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="en">
<head>
<title>Pergola</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta http-equiv="Generator"
content="Web Album Generator">
</head>
<style>
/* Main Selectors */
body {
background-color: #004080;
color: #FFFBF0;
}

a, a:visited {
background-color: transparent;
color: #9BCDFF;
}

a:hover {
background-color: transparent;
color: #E1F0FF;
}

/* Header */
div#header h1 {
font-family: helvetica, times new roman, arial, sans-serif, tahoma, arial, helvetica, sans-serif;
text-align: center;
background-color: transparent;
color: #FFFBF0;
}

/* Thumbnail Index */
div#index {
text-align: center;
}

div#index table {
margin-left: auto;
margin-right: auto;
text-align: center;
}

div#index td.thumbcell {
width: 120px;
border-style: solid;
border-color: #4080C0;
border-width: 1px;
text-align: center;
vertical-align: middle;
padding: 10px;
}

div#index td.thumbcell img {
border-style: none;
}

div#index div.pages {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0.8em;
text-align: right;
}

/* Photo Navigation */
div#navigation {
text-align: center;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0.8em;
}

div#navigation table {
text-align: center;
margin: 0 auto 1em auto;
}

div#navigation td.previous {
text-align: left;
width: 120px;
}

div#navigation td.index {
text-align: center;
}

div#navigation td.next {
text-align: right;
width: 120px;
}

div#navigation td.thumbcell {
width: 120px;
border-style: solid;
border-color: #4080C0;
border-width: 1px;
text-align: center;
vertical-align: middle;
padding: 10px;
}

div#navigation td.thumbcell img {
border-style: none;
}

div#navigation td.selected {
border-style: outset;
border-width: 2px;
}

div#navigation span.home {
display: block;
padding-bottom: 1em;
}

/* Photograph */
div#photograph {
text-align: center;
}

div#photograph img {
margin-left: auto;
margin-right: auto;
border-style: solid;
border-color: #FFFBF0;
border-width: 1px;
}

/* Photograph Title */
h1.title {
text-align: center;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
margin: 0px;
}

/* Photograph Caption */
p.caption {
font-family: tahoma, arial, helvetica, sans-serif;
text-align: center;
font-size: 0.8em;
}

/* Footnote */
p.footnote {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0.6em;
text-align: right;
padding: 0 2em 0 0;
}

potialto mi to vyrobil web album generator v externom CSS. rad by som mal aj tieto 2 nasledujuce odstavce externe


.menu {
width:10em;
font-size: 13px}
.menu b {
padding:0px 0px 0px 22px;}
.menu a {
display:block; text-decoration:none;
color:#fff;
background:transparent none repeat 0 0;}
.menu a:hover {
color:#fff;
background:#000 none repeat 0 0;}


tento odstavec ma spravit to, ze ked prejdem mysou cez sss zobrazi sa obrazok thumb1 vedla menu
a img {display:none;position:absolute;left:100%}
a:hover img {display:block}
</style>


<body>
<span style="position: absolute; left: 20px; top: 100px;">
<div class='menu'>
<a href='#'><img src='photos/thumb1.jpg'>sss</a>
</div>
</span>
<div id="header">
<h1>aaa</h1>
</div>
<div id="index">
<table>
<tbody>
<tr>
<td class="thumbcell"><a href="./photos/photo1.html"><img
src="./photos/thumb1.jpg" alt="Photo Number 1"></a></td>
</tr>
</body>
</html>
peta
Profil *
#7 · Zasláno: 30. 12. 2005, 08:41:00
Odpovědět Citovat
No, to je uzasny. Tak ten program ti dela samou radost :)

body {
background-color: #004080;
color: #FFFBF0;
}

a, a:visited {
background-color: transparent;
color: #9BCDFF;
}

a:hover {
background-color: transparent;
color: #E1F0FF;
}

uz v teto casti prepisujes vse, co se tyka A pro cely dokument. Tady bych dal A do nejakeho class a galerku do nejakeho divu s timto class, abys ty odkazy prepsal jen pro tu galerku.
ALE
mozna by stacilo pridat div zde:
div.menu {width:10em;font-size: 13px}
div.menu b {padding:0px 0px 0px 22px;}
div.menu a {display:block; text-decoration:none;color:#fff;background:transparent none repeat 0 0;}
div.menu a:hover {color:#fff;background:#000 none repeat 0 0;}

Kdyz nepomuze, prejit na ID
div#menu
<div id="menu">
peter1
Profil
#8 · Zasláno: 30. 12. 2005, 11:06:37 · Upravil/a: peter1
Odpovědět Citovat
nohol by si mi pls napisat co presne mam dat do 1,2 a 3 odstavcu a co do html? totizto ja sa tomu moc nerozumiem. ja to len zliepam z toho co najdem na webe. s divom som so skusal ale asi som niekde robil chybu. (ten prvy CSS mozem modifikovat ako chcem lebo v tom programe sa to da upravovat a ostatnu pracu spravi sam) dik
je to aj tu http://gallo.sro.sk/menu1.html
peta
Profil *
#9 · Zasláno: 30. 12. 2005, 15:46:23
Odpovědět Citovat
peter1 ne
Mistr
Profil
#10 · Zasláno: 31. 12. 2005, 22:11:37
Odpovědět Citovat
peter1
ako by mal vyzerat CSS aby sa mi to nebilo
Těžko říct. Nevím, jak udělat CSS soubor, aby se Ti to nelíbilo.
peter1
Profil
#11 · Zasláno: 1. 1. 2006, 18:50:40 · Upravil/a: peter1
Odpovědět Citovat
uz som na to prisiel

div#menu {
width:10em;
font-size: 13px}
div#menu b {
padding:0px 0px 0px 22px;}
div#menu a {
display:block; text-decoration:none;
color:#fff;
background:transparent none repeat 0 0;}
div#menu a:hover {
color:#fff;
background:#000 none repeat 0 0;}

div#aa a img {display:none;position:absolute;left:100%}
div#aa a:hover img {display:block}
</style>

</style>
</head>
<body>

<span style="position: absolute; left: 20px; top: 100px;">
<div class="menu"><div id='aa'>
<script src='menu.js'></script>
</div>
</div>
</span>

ale menu sa mi zobrazi len ak tam dam toto:
<a href='#'><img src='photos/thumb1.jpg'>sss</a>
nezobrazuje sa ak je tam toto
<script src='menu.js'></script>
pricom v menu.js je
document.write('<a href='#'><img src='photos/thumb1.jpg'>sss</a>')
a kedze sa menu bude castejsie menit na viacerych strankach sucastne bol by som radsej keby to fungovalo s
<script src='menu.js'></script>. pomozte pls
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0