Autor Zpráva
grafical
Profil *
#1 · Zasláno: 19. 11. 2005, 12:31:28
Odpovědět Citovat
nazdar ;))
mam spraveny navrh na stranku - http://mgcs.wz.cz/melodie/navrh2.html
potreboval by som , aby ked prejdem po tych stvorcekoch hore, aby zmenili background na black a border na yellow
zkusal som to tak ,ze som si do toho stvorceka dal odkaz, a v style som si to dal #hore a:hover , ale neslo to
THX za odpovede ;))
grafical
Profil *
#2 · Zasláno: 19. 11. 2005, 12:41:54
Odpovědět Citovat
ozaj , este ze v IE je to nejak blbo vykreslene ;))
Tin
Profil
#3 · Zasláno: 19. 11. 2005, 12:57:19
Odpovědět Citovat
máš to tam, ještě jsem ti poupravil ty       
nevím, jestli rozměrování pomocí cm je zrovna to nejlepší, ale to je věc názoru. To samý barvy slovně - preferuji čísla 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">



<HTML>

<HEAD>

<TITLE>Este ziadny title ;))</TITLE>

<META NAME="GENERATOR" CONTENT="Tomon HTML editor">



<style>



#hlava {width: 18cm; height: 0.5cm; background: yellow; position: absolute; top: 0cm; left: 2cm; border: 1px solid black; border-top: 0px}

#pata {width: 15cm; height: 0.5cm; background: yellow; position: absolute; top: 11cm; left: 5cm; border: 1px solid black}

#obsah {width: 14cm; height: 8.5cm; background: white; position: absolute; top: 2cm; left: 5cm; border: 1px solid black}

#pravo {width: 0.5cm; height: 9.5cm; background: yellow; position: absolute; top: 1cm; left: 19.5cm; border: 1px solid black}

a.hore {width: 0.5cm; height: 0.5cm; background: yellow; position: absolute; top: 1cm; border: 1px solid black}

a.hore:hover {background: black; border: 1px solid yellow;} 

#hore1 {left: 2cm;}

#hore2 {left: 3cm;}

#hore3 {left: 4cm;}

#hore4 {left: 5cm;}

#hore5 {left: 6cm;}

#hore6 {left: 7cm;}

#hore7 {left: 8cm;}

#hore8 {left: 9cm;}

#hore9 {left: 10cm;}

#hore10 {left: 11cm;}

#hore11 {left: 12cm;}

#hore12 {left: 13cm;}

#hore13 {left: 14cm;}

#hore14 {left: 15cm;}

#hore15 {left: 16cm;}

#hore16 {left: 17cm;}

#hore17 {left: 18cm;}



.menu2 {position: absolute; top: 2cm; left: 2cm; background: yellow; border: 1px solid black;}

.menu {width:6em; text-align: center;}

.menu a {display:block; text-decoration: none; color: black}

.menu a:hover {background: black; color: yellow} 

.menu2 a {display:block}



.menu4 {position: absolute; top: 7cm; left: 2cm; background: yellow; border: 1px solid black;}

.menu3 {width:6em; text-align: center;}

.menu3 a {display:block; text-decoration: none; color: black}

.menu3 a:hover {background: black; color: yellow} 

.menu4 a {display:block}



</style> 

</HEAD>



<BODY>

<div class="menu2">

<div class="menu">

<a href="#kamkoliv">Odkaz</a>

<a href="#kamkoliv">Odkaz</a>

<a href="#kamkoliv">Odkaz</a>

<a href="#kamkoliv">Odkaz</a>

<a href="#kamkoliv">Odkaz</a>

<a href="#kamkoliv">Odkaz</a>

<a href="#kamkoliv">Odkaz</a>

<a href="#kamkoliv">Odkaz</a>

</div>

</div> 



<div class="menu4">

<div class="menu3">

<a href="#kamkoliv">Odkaz</a>

<a href="#kamkoliv">Odkaz</a>

<a href="#kamkoliv">Odkaz</a>

<a href="#kamkoliv">Odkaz</a>

<a href="#kamkoliv">Odkaz</a>

<a href="#kamkoliv">Odkaz</a>

<a href="#kamkoliv">Odkaz</a>

<a href="#kamkoliv">Odkaz</a>

</div>

</div> 



<div id="hlava"></div>

<div id="pata"></div>

<div id="obsah"></div>

<div id="pravo"></div>

<a href="#" id="hore1" class="hore">&nbsp;</a>

<a href="#" id="hore2" class="hore">&nbsp;</a>

<a href="#" id="hore3" class="hore">&nbsp;</a>

<a href="#" id="hore4" class="hore">&nbsp;</a>

<a href="#" id="hore5" class="hore">&nbsp;</a>

<a href="#" id="hore6" class="hore">&nbsp;</a>

<a href="#" id="hore7" class="hore">&nbsp;</a>

<a href="#" id="hore8" class="hore">&nbsp;</a>

<a href="#" id="hore9" class="hore">&nbsp;</a>

<a href="#" id="hore10" class="hore">&nbsp;</a>

<a href="#" id="hore11" class="hore">&nbsp;</a>

<a href="#" id="hore12" class="hore">&nbsp;</a>

<a href="#" id="hore13" class="hore">&nbsp;</a>

<a href="#" id="hore14" class="hore">&nbsp;</a>

<a href="#" id="hore15" class="hore">&nbsp;</a>

<a href="#" id="hore16" class="hore">&nbsp;</a>

<a href="#" id="hore17" class="hore">&nbsp;</a>





</BODY>

</HTML>
grafical
Profil *
#4 · Zasláno: 19. 11. 2005, 14:28:09
Odpovědět Citovat
Tin
idem to vyskusat ;))
grafical
Profil *
#5 · Zasláno: 19. 11. 2005, 14:31:40
Odpovědět Citovat
Tin
super funguje to ;)) takto nejak som to robil aj ja , ale nejak blbo som to asi definoval ten a a :hover
a este nevies ako by sa to dalo spravit , aby to bolo rovnake aj v IE ??
Tin
Profil
#6 · Zasláno: 19. 11. 2005, 14:39:09
Odpovědět Citovat
co myslíš? u mně to v IE6, Opeře 8,5, a Mozile vypadá skoro stejně (akorát jiný box-model, ale to se u 1px šířky nepozná)
Tin
Profil
#7 · Zasláno: 19. 11. 2005, 14:40:02
Odpovědět Citovat
ještě si vypni potrhávání odkazů u těch čtverečků:
a.hore {text-decoration: none; width: 0.5....
grafical
Profil *
#8 · Zasláno: 19. 11. 2005, 17:18:28
Odpovědět Citovat
jj to som uz urobil
v IE je menu spojene s obsahom , ale v FF nie
peta
Profil *
#9 · Zasláno: 19. 11. 2005, 18:03:37
Odpovědět Citovat
Tin
Jujky :)
To je tak tezky udelat
#vpravo a {}
?
Mas radeji u kazdeho A stejny class?
Ale jinak hezky :)

Jsou tam takovy drobnosti, jako, ze v IE nereaguje odkaz po cele delce (_width:100%).
Ze ve FF neni ramecek kolem cudliku 1px vzdy (ale to muze byt chyba spatnym pocitanim prohlizece)
Tin
Profil
#10 · Zasláno: 20. 11. 2005, 13:05:45
Odpovědět Citovat
peta: to mě ani nenapadlo. Jak jsem to přepisoval hromadnou konverzí (<div> -> <a>, atp.), tak jsem tam rovnou připsal i ten class
grafical: jak to psal peta je samozřejmě lepší, kdyžtak si to uprav.
Časová prodleva: 20 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0