• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Problema risolto Mantenere fisse le immagini nei div

Stato
Discussione chiusa ad ulteriori risposte.

adry59

Nuovo utente
18 Luglio 2017
3
0
2
59
Miglior risposta
0
#1 Autore del topic
Ciao a tutti, chiedo aiuto a voi perchè sto letteralmente impazzendo in questo problema.
Allora: ho una pagina che si chiama index.php la quale richiama tramite menù presente nel div menù altre pagine che vengono aperte nel div main. Le pagine html contengono immagini.
Il problema è questo: quando avvio il file index.php l'immagine denominata "titolo" presente nel div header è al suo posto, ma quando clicco alla voce chi, fecente riferimento alla pagina chi.html nella quale ho messo una foto che avevo scattato io, l'immagine "titolo" presente nell'header si sposta di conseguenza. Come posso risolvere questo problema? Grazie.
Di seguito allego sia codice della pagina index.php che le due immagini per farvi capire meglio quel'è il problema ed inoltre il file chi.html e chi.css.

PHP:
<!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">
#contenitore {
height: 900px;
width: 1000px;
margin:0px auto;
}
#header {
height: 100px;
width: 1000px;
float: left;
background-color: #FFF;
}
#menu {
float: left;
height: 730px;
width: 150px;
background-color: #CCC;
}
#menu p {
padding: 8px;
margin: 5px;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
}
#cont {
float: right;
height: 400px;
width: 550px;
background-color: #FF0;
}
#footer {
float:left;
height:70px;
width:1000px;
background-color:#F00;

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#menu p a {
border: 1px solid #009;
padding: 5px;
}
#menu p a:hover {
color: #FFF;
text-decoration: none;
background-color: #009;
}
body {
background-color: #06F;
}
#header img {
padding-left: 100px;
padding-top: 10px;
position: static;
}
</style>
</head>

<body>
<div id="contenitore">
<div id="header">
<img id="titolo" /><img src="fpb.jpg" />
</div>
<div id="menu">
<p><a href="./?pagina=home">HOME</a></p>
<p><a href="./?pagina=chi">CHI SIAMO</a></p>
<p><a href="./?pagina=cosa">COSAFACCIAMO</a></p>
<p><a href="./?pagina=dove">DOVE SIAMO</a></p>
<p><a href="./?pagina=contatti">CONTATTI</a></p>
</div>
<div id="footer">Inserite qui il contenuto per id "footer"</div>
<?php
if(isset($_GET['pagina']) && file_exists($_GET['pagina'].'.html'))
include($_GET['pagina'].'.html');
else
include('home.html');
?>
</div>
</body>
</html>
File chi.html:

HTML:
<!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>
<link href="chi.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
</head>

<body>
<img src="ah l'amour.jpg" width="307" height="456" id="venezia" />
</body>
</html>

File chi.css:

@charset "UTF-8";
/* CSS Document */

body img#venezia{
margin-top:30px;
margin-left:100px;
}

Qui è come dovrebbe essere costantemente il titolo in rosso.

http://fashionphotobook.altervista.org/imm2/002.jpg
Qui invece è come si sposta dopo aver cliccato sul link "Chi siamo"
 
Ultima modifica da un moderatore:

Tapatalk

Utente Esperto
28 Agosto 2013
1.264
90
53
20
Bellaria
Miglior risposta
3
#2
Se provi a dare una posizione fissa al logo? (Magari con position:absolute).

O forse il problema è che il logo si trova all'interno del DIV, prova a spostarlo all'esterno.
 
Stato
Discussione chiusa ad ulteriori risposte.
Shoutbox
  1. S Santa Elera: Ho un problema con il mio telefonino
  2. S Santa Elera: C'è qualcuno che può aiutarmi?
  3. #KiK #KiK: CAFONE
  4. #KiK #KiK: ma come parla
  5. 404NotFound 404NotFound: figa
  6. topolino1958 topolino1958: Ragazzi dove posso postare un canale telegram per pubblicità?
  7. Cristoforo58 Cristoforo58: Sono vietati link esterni a Sciax2 in shoutbox, grazie.
  8. Mr_Joker Mr_Joker: vi ricordiamo che domani pomeriggio dalle 2-5pm "Sunake Hotel" apre le selezioni a diverse posizione staff.
  9. Forzaese23 Forzaese23: retro babbo
  10. #KiK #KiK: createlo amikoooo
  11. B bbhojjjj76: fake login habbo ne avete?
  12. N NeroWhite BO: Buonasera
  13. #Egzon14 #Egzon14: dunque possiamo definirli morti i retro
  14. #Egzon14 #Egzon14: habbo passerà ad unity
  15. #KiK #KiK: ma infatti
  16. #Egzon14 #Egzon14: ancora con sti retro habbo
  17. M mikiamo2012: Qualcuno per creare retro habbo?
  18. topolino1958 topolino1958: Ragazzi dove posso postare un canale telegram per pubblicità?
  19. #KiK #KiK: e poi ci sono io che vado a sorseggiare un po di kaffè su habbo inglese
  20. #Egzon14 #Egzon14: è proprio morto sciax2
  21. #KiK #KiK: Amiciii come statee
  22. #KiK #KiK: Cerco staff per la mia kaffetteriaaaa
  23. LogR LogR: Cerco tutto lo staff per il mio retroserver
  24. LogR LogR: https://www.sciax2.it/forum/threads/cerco-team-progetto-pronto.700516/
  25. A AnonymousOwna: Lubex Hotel è online vi aspetto
Top