problemi sfondo background-repeat

**bunny90** · 10-05-2009, 23:31

Ciao a tutti,

Sto costruendo un template per splinder,ma ho problemi con lo sfondo.

Ho scritto:

body {
background-color: 7ECF79;
background-image: url('linea.gif ');
background-repeat: repeat-y;
background-position: 150px;
}

In pratica mi compare un linea verticale a 150 px nel lato sinistro. Ma se io volessi far partire la ripetizione dell'immagine da un certo punto, ovvero a 50px dal bordo superiore, come potrei fare?

In pratica mi piacerebbe che qui la linea partisse da sotto il menù superiore e scendesse fino in fondo.

Ho provato con diversi parametri del tipo: background-position:150px 50px; ma non succede niente, me lo sistema solo a 150px dal bordo sinistro

Grazie in anticipo

**Samleo** · 11-05-2009, 02:15

Se ho capito bene puoi creare un div sotto il menu...con il colore di sfondo che vuoi...

**bunny90** · 11-05-2009, 15:23

No, vorrei far partire la linea verticale che creo con background-repeat y a 50px dal bordo superiore della pagina e che allo stato di cose in cui si trova ora è a tutto schermo.
è possibile?

**Vincent.Zeno** · 11-05-2009, 15:39

se usi background-repeat x o y, no

solo no-repeat

**Federix** · 11-05-2009, 16:00

Sposto in CSS

**Mich_** · 11-05-2009, 16:35

background-position prevede DUE parametri.

Quindi quello che devi fare e` proprio
background-position:150px 50px; /* dato che sono numerici, il primo e` X e il secondo Y */

Dici che hai gia` provato: hai controllato che non ci siano errori di sintassi?

Comunque se vuoi aiuto, dovresti anche dire:
- in quale/i browser hai testato (anche la versione)
- quale DTD stai usando
- come e` fatto il file dell'immagine (compreso dimensioni dell'immagine singola)

**Gufo** · 11-05-2009, 17:19

Ha ragione così non funziona! Ne con FF 3.0.10 ne con IE7 IE8.

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
body {
	background-image: url(1.jpg);
	background-repeat: repeat-y;
	background-position: 150px 50px;
}
-->
</style>
</head>

<body>
</body>
</html>

**bunny90** · 11-05-2009, 23:21

Ok, ho capito Grazie

**Gufo** · 11-05-2009, 23:54

Originariamente inviato da bunny90
Ok, ho capito Grazie

Mi riferivo a Mich_

**Gufo** · 14-05-2009, 00:58

Ho fatto un paio di prove e la posizione funziona solo se c'è no-repeat

Discussione: problemi sfondo background-repeat

Strumenti discussione

Ricerca discussione

Visualizza

problemi sfondo background-repeat

Permessi di invio