problema nel Posizionamento del testo nell'header..

marasma

problema nel Posizionamento del testo nell'header..

E' tutto il giorno che provo a mettere tre banali link nell'header:
<a href="#">Mappa</a>
<a href="#">Staff</a>
<a href="#">Contatti</a>

Ho provato prima con i margini e float:right, ma niente..

Infine ho provato con:


*{position: absolute;}*
*(naturalmente con i relativi valori di top e left)*

Ed ora si arriva al mio problema.. I link si muovono dove vorrei, ma rimane un problema.. L'ultimo link (in questo caso "contatti") non sta nella stessa riga, ma va a capo da solo :bho:

Come fare?..

Se non trovo soluzioni, sarò costretto ad utilizzare le mappe di immagini ..

marasma

Correggo: Su Mozilla sembra essere tutto ok, sul maledetto explorer il problema persiste ...

claudioweb

Ciao marasma, dovresti postare il codice html e css...

marasma

@claudioweb said:

Ciao marasma, dovresti postare il codice html e css...
Io sono riuscito a spostare il testo.. Solo che in mozilla va tutto perfettamente, in ie va per i ca**i suoi

E mi domando.. Devo seguire mozilla o ie

ps. 2 min e posto anche l'html e il css

marasma

Questo è l'header in css:


div#header{width: 699px;height: 138px;margin: 0 auto;background: url("Header.jpg") no-repeat;margin:0 3px 0 3px;padding:0;text-decoration: none;}
a:link {font: bold 11px Helvetica, Arial, sans-serif;color: white;text-decoration: none;}
a:visited {font: bold 11px Helvetica, Arial, sans-serif;color: white;text-decoration: none;}
a:hover {font: bold 11px Helvetica, Arial, sans-serif;color: white;text-decoration: underline;}
span {position: absolute; top: 119px; left: 707px;}

e questo quel che ho messo nell'header in html:


<div id="header">
<span>
<a href="#">mappa</a> | <a href="#">staff</a> | <a href="#">contatti</a>
</span>
</div>

marasma

Nessun' idea?

claudioweb

Ho provato questo codice, e si vede tutto in linea.... :bho:

[html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>
<body>
<div id="header"> <span> <a href="#">mappa</a> | <a href="#">staff</a> | <a href="#">contatti</a> </span> </div>
</body>
</html>[/html]
Che versione di IE usi? Io ho provato con la 6.0

P.S. mancava un punto

span {

invece è

.span {

marasma

@claudioweb said:

Ho provato questo codice, e si vede tutto in linea.... :bho:

[html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>
<body>
<div id="header"> <span> <a href="#">mappa</a> | <a href="#">staff</a> | <a href="#">contatti</a> </span> </div>
</body>
</html>[/html]
Che versione di IE usi? Io ho provato con la 6.0

P.S. mancava un punto

span {

invece è

.span {

Ho la 1.5 :D, quindi non devo preoccuparmi, affidandomi tranquillamente a mozilla firefox?

claudioweb

La 1.5 di IE??????

Io al massimo ho sentito di gente che testa con la 4.0... la 3.0... ma 1.5 mai sentita

Di che anno è???

marasma

@claudioweb said:

La 1.5 di IE??????

Io al massimo ho sentito di gente che testa con la 4.0... la 3.0... ma 1.5 mai sentita

Di che anno è???

Non so dov era il mio cervello in quel momento

Ho Internet explorer 5.0