sfondo fisso indipendentemente dalla risoluzione del monitor

[palladino_al]

ciao a tutti, sto creando un sito dove sulla sinistra c deve stare un immagine di sfondo fisso (condizione fixed del css) e solo che voglio fare in un modo che il cliente che la vede da un 15" e uguale per chi ha 18" quale è la dichiarazione?

[palladino_al]

oppure pensando si puo creare una tabella dove sulla sx sta img e sulla dx sta il sito completo o facendo con il frame?..il sito ke voglio fare e di questo tipo
http://www.slyservice.com/home.htm

[conti1]

ciao
di notte le pensate , e di giorno le scrivete qui ?
scusa non si determina la grandezza di un sito in pollici, e meno ancora x i monitor quando si parla di visualizzare un sito web.
io potrei avere anzi ho un 13 pollici e vedo siti che si vedono a dock con un 17, ho un 15 che mi taglia più di un quarto di visione confronto al mio 13, questo e per dimostrare che i pollici non contano nulla, e questione di risoluzione.
allora se vuoi vedere l'immagine di un 17 su un 15 devi fare un resize dello sfondo.
cerca nel forum c'è la soluzione.

[tomtomeight]

Ciao
Come dice conti1 non e' questione di pollici ma piuttosto di risoluzione ed anche di formato.
Per capire meglio, un immagine formato 4/3 di 800x600 si vedra identicamente in qualsiasi monitor di qualsiasi grandezza in pollici e con risoluzione 800 x600,
ma appena si cambia formato per esempio 1280x1024 indipendentemente dalla grandezza in pollici q
la stessa immagine sara' vista rimpiccolita proprio perche' occupera' solo una parte dei pixel.
Poiche' le combinazioni di formato e risoluzioni dei monitor sono tante risulta difficile trovare una soluzione che salvi capra e cavolo, in questo caso sfondo e monitor.

[palladino_al]

e se voglio fare una cosa simile al sito ke ho inserito?

[tomtomeight]

Che ha di particolare quel sito, vedo solo uno sfondo nero.

[palladino_al]

devi cliccare su entra... poi entrando ce ha sinistra una immagine fissa e il corpo della pagina web sposata verso destra...
questa e url della pagina
http://www.slyservice.com/home.htm

[tomtomeight]

Sara' che uso un tab ma vedo solo uno sfondo nero e nessuna immagine fissa sorry.

[palladino_al]

forse per quello...vabbe il mio intendo e quella di creare una specie di tabella dove immagina cambia dim a senconda della risoluzione del pc... e poi sposare il corpo del sito un po piu a dx...e possibile farlo

[conti1]

devi cliccare su entra... poi entrando ce ha sinistra una immagine fissa e il corpo della pagina web sposata verso destra...
questa e url della pagina
http://www.slyservice.com/home.htm

sicuro?
io non vedo neppure  entra, cliccando il link  si entra diretti nel  sito e il sito e tutto a sinistra con la sua img di sfondo  sulla destra  tutto nero

[palladino_al]

ti mando uno screen short?

[caps]

il body ha questa proprietà:

Codice: [Seleziona]

body {
    background-attachment: fixed;
    background-color: #000000;
    background-image: url("immagini/sfondoPag.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    margin: 0;
} sfondo nero e immagine fissa sulla sinistra

la tabella questa proprietà:

Codice: [Seleziona]

.tabella {
    border: 0 none;
    width: 990px;
} spostata a destra di 287px (larghezza della prima colonna)

adattando un qualsiasi template credo non ci siano problemi, magari con div al posto della tabella 

[palladino_al]

caps mi puoi dire passo per passo che devo fare?

[caps]

be intanto direi scegliere un template se non ne hai già uno ...

poi modificare la classe body come da post precedente ...

[palladino_al]

il codice body lo copiato...quella della tabella?

[caps]

e funziona? se si, fortunato

per la tabella ... se il tuo template è fatto di tabella aggiungi una prima colonna vuota di tanti px quanto è lo spazio che ti serve rimanga vuoto

se il template è con i div potresti impostare un margin-left= xxx px;  al primo div che contiene tutto

[palladino_al]

nel mio caso

Codice: [Seleziona]

<?php
defined('_JEXEC') or die('Restricted access'); // no direct access
require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
$document = null;
if (isset($this))
  $document = & $this;
$baseUrl = $this->baseurl;
$templateUrl = $this->baseurl . '/templates/' . $this->template;
artxComponentWrapper($document);
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
 <jdoc:include type="head" />
 <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
 <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />
 <link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" media="screen" />
 <!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
 <!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
 <script type="text/javascript" src="<?php echo $templateUrl; ?>/jquery.js"></script>
 <script type="text/javascript">jQuery.noConflict();</script>
 <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
</head>
<body>
[glow=red,2,300]<div id= "margin-left= xxx px">[/glow]
<div id="art-page-background-middle-texture">
      <div id="art-page-background-glare">
        <div id="art-page-background-glare-image">
          <div id="art-main">
            <div class="art-sheet">

[caps]

...
se vuoi inserire del css direttamente nell'index.php devi usare:

<div style="margin-left=100px;">

altrimenti una cosa più pulita inserisci nel file template.css

#margin {
margin-left= 100px;
}

richiamando nell'index.php

<div id="margin">

i nomi delle classi e le misure sono puramente indicativi ... e non serve creare un nuovo div, si puo utilizzare uno già presente aggiungendo alla classe il css necessario, ad esempio dovresti trovare da qualche parte (in un file css) la classe
#art-page-background-middle-texture {
proprietà
proprietà
...
margin-left= 100px; /*da aggiungere*/
}

[palladino_al]

fatto ma nulla

[caps]

un link al sito?

il template che stai usando? (anche se le classi art- non mi dicono niente di buono ...)

qualche cosa in più rispetto a "fatto ma nulla"