si ho visto il link ma sono una neofita con i css e non esendoci riuscita ho postato il codice qui per vedere cosa sbagliavo___è tra l'altro ho fatto quello che avete detto ma in entrambi i browser non mi si posiziona al centro ne verticalmente ne orizzontalmente____non capisco quale sia l'errore
allora è meglio se posti un link alla pagina (preferibile) oppure tutto il codice per intero sia (x)html che css. Può darsi che il problema sia altrove
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
si forse è meglio..eccolo:
@charset "utf-8";
/* CSS Document */
body {
background-color:white no-repeat;
position:absolute;
color:white;
font-family:helvetica;
font-weight:bold;
letter-spacing: -1px;
word-spacing: -3px;
text-align:left;
}
#contenitore {
width:1000px;
position:absolute;
top: 0px;
left: 200px;
text-align:left;
margin:auto;
}
ul {
position:relative;
}
li {list-style-type: none;
position:absolute;
}
#home {height:10,6px;
width:52,6px;
top: 100px;
left: 100px;
border:solid 3px red;
}
a { whidth:100%;
display:block;
color:white;
font-family:helvetica;
font-size: 20px;
text-align:center;
}
a:hover {
color:black;
}
a:visited {
color:silver;
}
span {display:none;}
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styleweb.css" rel="stylesheet" type="text/css"/>
<title>minimal-baroque portfolio</title>
</head>
<body>
<div id="contenitore">
<h1><span>minimal-baroque portfolio</span></h1>
<h2><span>minimal-baroque index</span></h2>
[img]img_web/template.jpg[/img]
<ul id="indexul">
<li id="home"> <span> home </span>
<li id="about"> <span> about </span>
<li id="portfolio"> <span> portfolio </span>
<li id="link"> <span> link </span>
<li id="contact"> <span> contact </span> [/list]
<span>this is the box</span>
</p>
</div>
</body>
</html>
o hai sbagliato a postare il codice oppure c'è qualcosa che non torna
Questa è la tua prima versione di #contenitore
codice:#contenitore { margin-top: -300px; position: absolute; margin-left: -350px; width:700px; height:600px; left: 50%; top: 50%; }
Questa quella che hai appena postato
codice:#contenitore { width:1000px; position:absolute; top: 0px; left: 200px; text-align:left; margin:auto; }
:master:
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
ce l'ho fatta
posto il codice corretto:
CSS:
@charset "utf-8";
/* CSS Document */
body
{
margin: 0;
padding: 0;
text-align: center;
background-color:white;
color:#000;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 17px;
font-weight: bold;
}
#contenitore
{
margin-top: -300px;
position: absolute;
margin-left: -350px;
width:700px;
height:600px;
left: 50%;
top: 50%;
}
a {
text-decoration: none;
color:black;
font-size:25px;
}
a:hover {
color:black;
}
a:visited {
color:black;
}
p#parole {
width:350px;
height: 100px;
margin: 250px 175px;
padding: 0;
}
p#parole span#frase {
display: block;
float: left;
width: 100%;
height: 34px
}
p#parole span#link {
display: block;
float: left;
margin: 13px 144px;
width: 62px;
}
p#parole a {
display: block;
width: 31px;
height: 31px;
line-height:31px;
float: left;
}
h1, h2, span {display:none;}
HTML:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="stylezen.css" rel="stylesheet" type="text/css"/>
<title>zen web</title>
</head>
<body>
<div id="contenitore">
<h1><span>zen web</span></h1>
<h2><span>zen index</span></h2>
<p id="parole">
<span id="frase">This is a break</span>
<span id="link"><></span>
</p>
</div>
</body>
</html>
Permessi di invio
Rispondi quotando