[css] problema con layer

**blukarma** · 06-08-2003, 22:33

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style/2003predef.css" rel="stylesheet" type="text/css">
<style type="text/css">

</style>
<script language="JavaScript" type="text/JavaScript">

</script>
</head>

<body>
<div class="layermenu">

<a href="#">intro

</a><a href="#">home

</a><a href="#">download

</a><a href="#">past_works

</a><a href="#">in_progress

</a><a href="#">links

</a><a href="#">partners

</a><a href="#">credits

</a>contact </p>
</div>
<div class="layerimagemenu">[img]images/intestazione2003.gif[/img]</div>
<div class="layertest"></div>
<div class="layertest2"></div>
</body>
</html>

css:

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #999999;
font-size: 12px;
color: #993300;
text-decoration: blink;
}

.layermenu {
border-right: 1px solid #993300;
border-left: 1px solid #993300;
text-transform: uppercase;
text-align: left;
vertical-align: top;
padding-left: 7px;
padding-right: 7px;
font-size: 9px;
font-family: "Small Fonts", VT100, Arial, Helvetica;
position: absolute;
height: 80%;
left: 20%;
width: 20%;

}

.layerimagemenu{
border-right: 1px solid #FFFF00;
border-left: 1px solid #FFFF00;
padding-left: 7px;
padding-right: 7px;
position: absolute;
height: 80%;
width: 20%;
text-align: right;
vertical-align: middle;
}

.layertest{
border-right: 1px solid #0000FF;
border-left: 1px solid #0000FF;
padding-left: 7px;
padding-right: 7px;
position: absolute;
height: 80%;
left: 40%;
width: 20%;
text-align: right;
}

.layertest2{
border-right: 1px solid #FF00FF;
border-left: 1px solid #FF00FF;
padding-left: 7px;
padding-right: 7px;
position: absolute;
height: 80%;
left: 60%;
width: 10%;
text-align: right;
}

A:VISITED {
text-decoration : none;
Color : #993300;
}

A:HOVER {
Color : #999999;
background : #993300;
display: block;
}

mi dà un errore di allineamento, dovreb e farmi 4 layer attaccati uno all'altro e invece non lo fà; chi mi aiuta?

**blukarma** · 06-08-2003, 22:38

dimenticavo una cosa:
che differenza c'è nelk mettere .pippo oppure #pippo
a parte il fatto che uno lo richiamo con class e l'altro con id?

**Furcas** · 07-08-2003, 00:11

Originariamente inviato da blukarma
dimenticavo una cosa:
che differenza c'è nelk mettere .pippo oppure #pippo
a parte il fatto che uno lo richiamo con class e l'altro con id?

#pippo può essere usato solo una volta nel corso della pagina, perchè identifica un selettore unico

.pippo la puoi usare più volte

**blukarma** · 07-08-2003, 09:27

[OT] per furkas: ho visto il tuo sito è veramente bello complimenti; la sidebar si può fare anche con explorer? come si fà? ho provato a cercare su internet ma non ho trovato niente [/OT]

allora che utilità ha #pippo? non è meglio usare sempre .pippo? non si sà mai, metti che devo usarlo ancora una volta.

**blukarma** · 07-08-2003, 17:42

uppete

**blukarma** · 08-08-2003, 18:21

proprio nessuno mi può aiutare, daiiiii
è tre giorni che ci provo e non ci riesco.

(...ops, ho uppato!)

**Pasco** · 10-08-2003, 12:18

ti ho ottimizzato completamente il codice e trasferito da HTML4 a XHTML 1.0

prova questo codice:

codice:

<!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" xml:lang="it" lang="it">
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<title>Prova</title>

<style type="text/css">

body , html{ height:100%; margin:0px; }

body { font:12px Verdana, Arial, Helvetica, sans-serif; background: #999; color:#930; }

div , p{ margin:5px; } h4 { text-align: center; }

#layermenu { border-right: 1px solid #993300; border-left: 1px solid #993300; height: 80%; width: 20%; float:left; }

#layerimagemenu{ border-right: 1px solid #FFFF00; border-left: 1px solid #FFFF00; height: 80%; width: 20%; float:left; }

#layertest{ border-right: 1px solid #0000FF; border-left: 1px solid #0000FF; height: 80%; width: 20%; float:left; }

#layertest2{ border-right: 1px solid #FF00FF; border-left: 1px solid #FF00FF; height: 80%; width: 10%; float:left; }

a { display:block; font: bold 12px Verdana, Arial, Helvetica ; color:#444; }

a:visited { text-decoration: none; color: #930; }

a:hover { color: #999; background : #930; }

</style> 

</head> 

<body>
<div id="layermenu"> 

	


	intro
	home
	download
	past_works
	in_progress
	links
	partners
	credits
	contact
	</p>

</div>

<div id="layerimagemenu">[img]images/intestazione2003.gif[/img]</div>

<div id="layertest"><h4>layertest</h4></div>
<div id="layertest2"><h4>layertest2</h4></div>

</body> 
</html>

studiatelo :adhone:

**Pasco** · 10-08-2003, 13:11

scusate il wrap wrap

**blukarma** · 16-08-2003, 20:41

tutto chiaro, grazie, ma non ho risolto il problema mi rimangono sempre degli spazi tra i layer. guarda l'allegato.

**Pasco** · 16-08-2003, 21:17

in questa riga:

div , p{ margin:5px; }

imposta il margine del div a 0px

Discussione: [css] problema con layer

Strumenti discussione

Ricerca discussione

Visualizza

[css] problema con layer

Permessi di invio