登录 | 注册 | FAQ
Anonymous

Проблема с отображением в опере

+ 发表回复

2 篇帖子 分页: 1 / 1


Проблема с отображением в опере

коекто » 周六 10月 20, 2012 1:10 pm

Здравствуйте, совсем недавно изучил html и css. Пытаюсь создать сайт. Вот часть html:

<body>
<div id="logo" title="Сайт"><img src="Files/logo.jpg"/>
<br><span id="video" title="Видео"><a href="video.html"><img src="Files/bottoms/video.gif"></a><span id="home" title="Главная"><a href="index.html"><img src="Files/bottoms/home.gif"></a></span><span id="music" title="Музыка"><a href="music.html"><img src="Files/bottoms/music.gif"></a></span><span id="photo" title="Фото"><a href="photo.html"><img src="Files/bottoms/photo.gif"></a></span><span id="about" title="О нас"><about.html"><img src="Files/bottoms/about.gif"></a></span>
</span></div>
</body>

а вот css
body{min-width: 1024px; margin: 0; background-color:#c6c6c6; background-image:url(../Files/background1.gif); background-repeat:repeat-x;}
p {font-family:Verdana, Arial}
a {outline:none}
#logo {text-align:center;}
#video {position:relative}
#home {position:absolute; right: 450px}
#music {position:absolute; right: 225px}
#photo {position:absolute; left: 225px}
#about {position:absolute; left: 450px}

так вот в опере ссылка работает только "Видео", остальные картинки-ссылки не нажимаются, но в других браузерах (chrom, firefox, internet explorer) все нормально, подскажите пожалуйста, что делать?
头像

коекто

  • 帖子: 3
  • 注册: 周四 10月 18, 2012 8:36 pm

Re: Проблема с отображением в опере

XainPro » 周五 11月 09, 2012 10:04 am

Вы добавили все изображения, я не в состоянии увидеть ваш макет.
Во всяком случае я думаю, вам нужно удалить
позицию: абсолютная;
от всех ваших стилей CSS попробовать свои compelete код

代码: 全选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body{min-width: 1024px; margin: 0; background-color:#c6c6c6; background-image:url(../Files/background1.gif); background-repeat:repeat-x;}
p {font-family:Verdana, Arial}
a {outline:none}
#logo {}
#video {position:relative}
#home {}
#music {}
#photo {}
#about {}
</style>
</head>

<body>
<div id="logo" title="Сайт"><img src="Files/logo.jpg"/>
<br><span id="video" title="Видео"><a href="video.html"><img src="Files/bottoms/video.gif"></a><span id="home" title="Главная"><a href="index.html"><img src="Files/bottoms/home.gif"></a></span><span id="music" title="Музыка"><a href="music.html"><img src="Files/bottoms/music.gif"></a></span><span id="photo" title="Фото"><a href="photo.html"><img src="Files/bottoms/photo.gif"></a></span><span id="about" title="О нас"><about.html"><img src="Files/bottoms/about.gif"></a></span>
</span></div>
</body>
</html>
头像

XainPro

  • 帖子: 3933
  • 注册: 周五 2月 17, 2012 8:10 pm


+ 发表回复

分页: 1 / 1