Ho un problema, ho fatto un menu a tendna e un bottone con il css, ma a seconda della grandezza dello scherzo e del browser, li trovo posizionati in modo diverso...come posso fare?
Ho un problema, ho fatto un menu a tendna e un bottone con il css, ma a seconda della grandezza dello scherzo e del browser, li trovo posizionati in modo diverso...come posso fare?
Lascia stare, la grandezza dello scherzo è un problema per tutti. Schermi a parte, dovresti mostrarci la pagina incriminata o almeno un po' di codice.
il sito non è stato ancora publicato.....(mi è stato dedo che c'è anche un modo per evitare di scrivere tante volte il
per gli spazi, ma non so come)
ecco il codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Cigarilla Disonasty</title>
<style type="text/css">
/* inizio menu tendina */
ul {
float: right;
margin: 0;
padding: 0;
list-style: none;
width: 150px;
}
ul li {
position:relative;
}
li ul {
position: absolute;
right: 149px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
color: #000000;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 0px solid #ccc;
}
li:hover ul { display: block; }
/* fine menu tendina */
/* inizio sfondo intero */
html {
background: url(copertina-1024-768.gif) no-repeat center center fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* fine sfondo intero */
/* inizio bottone */
button {width: 15em;
padding: .5em;
color: #00000;
text-shadow: 1px 1px 1px #000;
border: solid thin #882d13;
-webkit-border-radius: .7em;
-moz-border-radius: .7em;
border-radius: .7em;
-webkit-box-shadow: 2px 2px 3px #999;
box-shadow: 2px 2px 2px #bbb;
background-color: #ffffff;
background-image: -webkit-gradient(linear, left top, left bottom,
from(#ffffff), to(##ffffff),color-stop(0.4, #ffffff));
position : relative;
}
/* fine bottone */
</style>
</head>
<body style="margin-left: 0px; height: 960px; width: 980px;">
<br style="font-family: Arial;">
<br style="font-family: Arial;">
<span style="font-family: Arial;">
</span><button
style="font-family: Arial;" type="submit" ;=""
name="nome" onclick="location.href='GifAnimateExtra_9.gif'">DO WNLOAD
ALBUM</button><br style="font-family: Arial;">
<br style="font-family: Arial;">
<br style="font-family: Arial;">
<div
style="font-family: Helvetica,Arial,sans-serif; position: relative;">
<ul>[*]Contatti
<ul>[*]Facebook
<ul>
Youtube[/list][/list]
[/list]
</div>
</body>
</html>
ma... che...
non sono certo un esperto ma mi sembra che tu stia usando
per distanziare gli el in height...
perchè???
Non so, io son partito a fare il sito con nvu (wysiwyg) e poi ho aggiunto io del codice css per migliorare la grafica...
Permessi di invio
Rispondi quotando