Raymon
Lifeless Person
Joined: 23 Feb 2006
Posts: 467
Location: In a corner of the third world
|
 Posted: Mon Nov 26, 2007 1:29 am Post subject: Link problem |
 |
|
Hey there,
I´m designing a site for a "group" (let´s call it group, would be hard to explain), and trying to watch it on IE and Firefo I found one problem with the links, look:
Firefox
No problem, the link should look like this:
[img:b51a3e1dfa]http://img225.imageshack.us/img225/1963/firefoxux4.jpg[/img:b51a3e1dfa]
IE
The link is showed like if it was part of the menu:
[img:b51a3e1dfa]http://img225.imageshack.us/img225/4582/ie1ya6.jpg[/img:b51a3e1dfa]
Menu:
[img:b51a3e1dfa]http://img144.imageshack.us/img144/4273/ie2jm5.jpg[/img:b51a3e1dfa]
| Code: | body {
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(fondo.gif);
background-position: right bottom;
background-repeat: no-repeat;
background-attachment: fixed;
}
#menu ul {
padding: 0px;
margin: 0px;
background-image: url("fondo_menu.gif");
background-repeat: repeat;
background-position: 0 0;
background-color: #333;
list-style: none;
font-size: 14px;
width: 100%;
height: 30px;
float: left;
}
#menu ul li {
display: inline;
}
#menu ul li a:link, #menu ul li a:visited {
background-image: url("fondo_menu.gif");
background-repeat: repeat;
background-position: 0 0;
color: #FFF;
padding: 5px 15px;
float: left;
text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:active{
color: #900;
background-position: 0 -30px;
background-color: #CCC;
height: 20px;
}
#contenido{
position:absolute;
top:150px;
left:10px;
width:820px;
border:1px dashed #000;
padding-left:10px;
padding-right:10px;
}
#contenido a:link{
color:#940505;
text-decoration:none;
border-bottom:1px dotted #940505;
background:none;
}
#contenido a:hover {
color:#b20404;
text-decoration:none;
border-bottom:1px dotted #b20404;
}
#contenido a:visited {
color:#ff0000;
text-decoration:none;
border-bottom:1px dotted #ff0000;
}
#footer{
position:absolute;
top:900px;
left:10px;
width:820px;
border:1px dashed #000;
padding-left:10px;
padding-right:10px;
font-size:12px;
}
#footer a:link{
color:#940505;
text-decoration:none;
border-bottom:1px dotted #940505;
}
#footer a:hover {
color:#b20404;
text-decoration:none;
border-bottom:1px dotted #b20404;
}
#footer a:visited {
color:#ff0000;
text-decoration:none;
border-bottom:1px dotted #ff0000;
}
h1 {
border-bottom:1px dotted #000;
font-size:20px;
}
h2 {
color:#999;
font-size:10px;
font-weight:normal;
}
|
| Code: | <!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">
<head>
<title>.::La Tito Pastrana::.</title>
<link rel="stylesheet" href="css.css" type="text/css" />
</head>
<body>
<div id="header"><img src="header.jpg"/></div>
<div id="menu">
<ul>
<li><a href="#">Ficha Técnica</a></li>
<li><a href="#">Actuaciones</a></li>
<li><a href="#">Letras</a></li>
<li><a href="#">Anécdotas</a></li>
<div id="contenido">
<h1>Primer Noticia</h1>
<h2>12 de febrero de 1950</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam id est a risus malesuada eleifend. Donec nisi sem, tincidunt in, semper ac, vulputate vitae, ligula. Vestibulum tempus. Suspendisse consectetuer tristique augue. Suspendisse augue odio, laoreet quis, sodales vel, facilisis eu, nibh. Sed id ipsum ut velit iaculis sagittis. Mauris lacinia suscipit nisi. Curabitur lobortis venenatis quam. Aenean rutrum tortor at turpis. Vivamus accumsan mauris in leo. Pellentesque tempus ornare orci. Vestibulum sit amet justo. Curabitur nisl. Pellentesque lobortis mauris vitae felis. Nam pellentesque turpis eget orci. Aenean pretium, nisl at cursus commodo, neque massa faucibus sem, in aliquet purus lectus non odio. Duis placerat congue ligula. Duis quis nunc. Etiam ac pede sed enim imperdiet adipiscing.</p>
<p>Mauris imperdiet tincidunt nunc. Fusce sem risus, malesuada in, tincidunt adipiscing, sollicitudin a, massa. Curabitur et ante vitae neque sollicitudin ultrices. In suscipit dolor et purus. Proin ultrices risus et eros. Sed in metus adipiscing nulla facilisis vehicula. Suspendisse nibh nulla, dictum et, sodales vitae, aliquam at, leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In hac habitasse platea dictumst. Phasellus ut urna et mi porta convallis. Nam ligula erat, pharetra quis, consectetuer vitae, vehicula vel, elit. Aliquam posuere. Integer blandit elit vitae purus. Nam hendrerit dignissim quam.</p>
<p>Nam sed nisl. Vivamus congue molestie nisi. Maecenas posuere. Ut sed dui eget eros fringilla feugiat. Nunc id mauris. Phasellus rutrum, nunc id mattis vehicula, sapien sem auctor massa, quis gravida ipsum metus et pede. Nulla facilisi. Integer eget ante. Pellentesque et augue. In id nibh. Praesent cursus ante id nisl. Quisque dapibus metus nec ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis molestie ante cursus metus. Duis tempor sem non sapien. Ut vitae dui. Maecenas mollis hendrerit odio. Vivamus lobortis blandit orci. Maecenas id augue vel eros suscipit ultricies. Cras ut mauris.</p>
<p><a href="http://www.pepecupon.com">Suspendisse potenti. Duis egestas arcu quis sem.</a> Vivamus laoreet. Phasellus sagittis adipiscing elit. Vestibulum venenatis auctor risus. Ut cursus, felis at tincidunt tristique, velit magna tempus diam, non aliquam pede est non metus. Aliquam viverra porttitor lorem. Donec ac leo. Fusce nec neque eu pede porttitor molestie. Maecenas in felis. Integer gravida egestas metus. Aenean eu leo. Nullam justo. Duis adipiscing adipiscing ligula. Ut erat tellus, venenatis eget, aliquet et, consequat ac, dui. Pellentesque at mi. Suspendisse varius fermentum eros. Cras vehicula dignissim dui.</p>
<p>Nam volutpat, leo at faucibus vehicula, nunc leo tincidunt tortor, vel lobortis tortor sapien at est. Nullam nonummy eros ac purus. Duis venenatis urna eu ipsum. Sed porta dictum eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam consectetuer. Duis rutrum dapibus nisl. Donec porta est ut elit. Cras facilisis, eros iaculis eleifend malesuada, mi augue volutpat nulla, laoreet elementum metus sapien in urna. Curabitur tempor, diam a euismod venenatis, purus eros interdum neque, quis facilisis nisi lectus quis dui. Maecenas non tellus sit amet massa consequat aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. Cras quis neque. Morbi scelerisque ultricies lorem. Quisque hendrerit, lorem vel cursus ullamcorper, massa velit adipiscing quam, a adipiscing nisi lorem eget odio. Ut fringilla est quis lorem. Maecenas neque sem, venenatis ac, euismod at, ultricies ut, odio.</p>
</div>
</ul>
</div>
<div id="footer">Sitio web realizado por <a href="mailto:ramiroquintana@gmail.com">Ramiro Quintana</a> - <a href="http://www.valido.net">CSS Valido</a> - <a href="http://www.valido.com">XHTML Valido</a></div>
</body>
</html> |
--------
What can I do?
Thanks in advance !
Raymon
_________________
Last.fm - Blog
People are strange, when you´re a stranger, faces look ugly, when you´re alone |
|
Forum FAQs 
Knowledge Base 
Memberlist 
Usergroups 
Hosting
Register
Donate 
Profile 
Log in 
