Problema con Sito Internet Html-Css

Jury

Nuovo Utente
31
0
Ciao Ragazzi, spero di essere nella sezione giusta.
Allora vi spiego il mio problema, ho creato un sito internet qualche anno fa studiandomi un po di html su internet, quest'anno l'ho voluto migliorare provando ad usare i CSS, il sito l'ho finito e sul mio pc lo vedo bene e al centro.
Il problema è che lo vedo solo io al centro, sicuramente perchè ho messo i px dei margini precisi per il mio monitor, tutti gli altri pc vedono l'intero sito spostato a destra.. purtroppo ancora non mi intendo molto di css e html e sicuramente ho fatto qualche errore ma non riesco a capire come sistemarlo..

vi metto di seguito una delle pagine, l'index, che è quella più corta.
<html>

<title>
Sakitama Dojo
</title>


<head>
<link rel="shortcut icon" href="icona.ico">
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="styleindex.css">
<meta name="author" content="Sakitama Dojo">
<meta name="description" content="Associazione Sportiva Dilettantistica Sakitama Dojo Roma 00156, corsi di: AIKIDO, KARATE, YOGA, BALLI DI GRUPPO, BALLI STANDARD E LATINI, DANZA MODERN-JAZZ, SALSA E BACHATA.">
<meta name="copyright" content="www.sakitamadojo.it">
<meta name=”keywords” content="Sakitama Dojo, Aikido, Karate, Yoga, Balli di Gruppo, Balli Standard e Latini, Salsa e Bachata, Danza Modern-Jazz, Danza Moderna, Arti Marziali Roma, Roma, Arti Marziali, Balli Roma, Scuola Ballo Roma, Sakitama Dojo Roma, A.S.D. Sakitama Dojo Roma, corsi Aikido roma, corsi karate roma, corsi yoga roma, corsi ballo roma">
</head>


<body bgcolor="black" link="brown">


<script language=JavaScript type="text/javascript">
<!--


//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit Dynamic Drive DHTML(dynamic html) & JavaScript code library
// *******************************************************
// prelevato su web-link: Web-Link.it Tutto per Fare Pagine Web - gratuito ed in italiano per la costruzione delle tue pagine web.
// *******************************************************


var message="Funzione Disabilitata";


///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}


function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}


if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}


document.oncontextmenu=new Function("alert(message);return false")


// -->
</script>


<div class="corpo">
<header align="center">
<img src="scrittasakitamadojo.png" width="750" height="100">
</header>
</div>

</div>

<div class="table">
<p><center><font size="4"><font color="black"><b>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a href="homepage.html"><img src="italiano.png" width="100" height="100"></a><a href="paginaincostruzione.html"><img src="inglese.png" width="100" height="100"></a>
</b></font></center></p>
</div>

<div class="table2">
<script type="text/javascript" src="http://counter5.statcounterfree.com/private/countertab.js?c=2c6b28c50e982e788db9e508cf1ebf17"></script>
<br/><a href="http://www.contatoreaccessi.com" title="contatori"></a>
</div>




</body>
</html>

@import url(Error 400 (Font family not found)!!1
* {
margin: 0;
padding: 0;
}
body{
font-family: 'Francois One', Arial, Helvetica, sans-serif;
background: #000000;
color: white;
}
.corpo{
margin: center;
}
header{
margin: 20px 20;
width: 960px;
height: 100px;

}


.table {
table-layout: fixed;
position: absolute;
left: 570px;
top: 120px;
width: 830px;
height: 556px;
background-image: url("fotoindex.jpg");
background-color: white;
}


.table2 {
table-layout: fixed;
position: absolute;
left: 930px;
top: 677px;
width: 100px;
height: 20px;
background-color: black;
}




a:link, a:visited {
color: black;
background-color: none;
text-decoration: none;
}


a:hover {
color: black;
background-color: none;
text-decoration: none;
}
 

Skills07

Head of Development
Staff Forum
Utente Èlite
35,437
11,501
CPU
Ryzen 7 5800x
Dissipatore
Deepcool gammax l240 v2
Scheda Madre
Aourus Gigabyte X-470 ultra gaming
HDD
Samsung Evo 850 250gb ,2tb x 2 toshiba P300, 256 Ssd silicon power, Samsung evo plus 1tb nvme
RAM
32 gb G.Skill Tridentz 3200 mhz RGB
GPU
Zotac - RTX 3070 Ti Trinity OC
Monitor
ASUS TUF QHD 165hz IPS, ITEK GCF 165hz IPS QHD, Samsung Curvo 144hz QHD
PSU
Seasonic Focus 650w 80 platinum
Case
Coolermaster h500p
Periferiche
Asus Tuf Wireless
Net
Fibra Tim 100mb
OS
Windows 10 Pro 64 bit
Ciao Ragazzi, spero di essere nella sezione giusta.
Allora vi spiego il mio problema, ho creato un sito internet qualche anno fa studiandomi un po di html su internet, quest'anno l'ho voluto migliorare provando ad usare i CSS, il sito l'ho finito e sul mio pc lo vedo bene e al centro.
Il problema è che lo vedo solo io al centro, sicuramente perchè ho messo i px dei margini precisi per il mio monitor, tutti gli altri pc vedono l'intero sito spostato a destra.. purtroppo ancora non mi intendo molto di css e html e sicuramente ho fatto qualche errore ma non riesco a capire come sistemarlo..

vi metto di seguito una delle pagine, l'index, che è quella più corta.
<html>

<title>
Sakitama Dojo
</title>


<head>
<link rel="shortcut icon" href="http://www.tomshw.it/forum/icona.ico">
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="http://www.tomshw.it/forum/styleindex.css">
<meta name="author" content="Sakitama Dojo">
<meta name="description" content="Associazione Sportiva Dilettantistica Sakitama Dojo Roma 00156, corsi di: AIKIDO, KARATE, YOGA, BALLI DI GRUPPO, BALLI STANDARD E LATINI, DANZA MODERN-JAZZ, SALSA E BACHATA.">
<meta name="copyright" content="www.sakitamadojo.it">
<meta name=”keywords” content="Sakitama Dojo, Aikido, Karate, Yoga, Balli di Gruppo, Balli Standard e Latini, Salsa e Bachata, Danza Modern-Jazz, Danza Moderna, Arti Marziali Roma, Roma, Arti Marziali, Balli Roma, Scuola Ballo Roma, Sakitama Dojo Roma, A.S.D. Sakitama Dojo Roma, corsi Aikido roma, corsi karate roma, corsi yoga roma, corsi ballo roma">
</head>


<body bgcolor="black" link="brown">


<script language=JavaScript type="text/javascript">
<!--


//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit Dynamic Drive DHTML(dynamic html) & JavaScript code library
// *******************************************************
// prelevato su web-link: Web-Link.it Tutto per Fare Pagine Web - gratuito ed in italiano per la costruzione delle tue pagine web.
// *******************************************************


var message="Funzione Disabilitata";


///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}


function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}


if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}


document.oncontextmenu=new Function("alert(message);return false")


// -->
</script>


<div class="corpo">
<header align="center">
<img src="scrittasakitamadojo.png" width="750" height="100">
</header>
</div>

</div>

<div class="table">
<p><center><font size="4"><font color="black"><b>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a href="homepage.html"><img src="italiano.png" width="100" height="100"></a><a href="paginaincostruzione.html"><img src="inglese.png" width="100" height="100"></a>
</b></font></center></p>
</div>

<div class="table2">
<script type="text/javascript" src="http://counter5.statcounterfree.com/private/countertab.js?c=2c6b28c50e982e788db9e508cf1ebf17"></script>
<br/><a rel="nofollow" href="http://www.contatoreaccessi.com" title="contatori"></a>
</div>




</body>
</html>

@import url(Error 400 (Font family not found)!!1
* {
margin: 0;
padding: 0;
}
body{
font-family: 'Francois One', Arial, Helvetica, sans-serif;
background: #000000;
color: white;
}
.corpo{
margin: center;
}
header{
margin: 20px 20;
width: 960px;
height: 100px;

}


.table {
table-layout: fixed;
position: absolute;
left: 570px;
top: 120px;
width: 830px;
height: 556px;
background-image: url("fotoindex.jpg");
background-color: white;
}


.table2 {
table-layout: fixed;
position: absolute;
left: 930px;
top: 677px;
width: 100px;
height: 20px;
background-color: black;
}




a:link, a:visited {
color: black;
background-color: none;
text-decoration: none;
}


a:hover {
color: black;
background-color: none;
text-decoration: none;
}


allora partiamo dal presupposto che se il tuo foglio css ha misure solo ed esclusivamente x te, gli altri lo vedono male a prescindere.
due se crei una directory C:/User/foglio.css se lo passi ad un altro utente avrà il nome User2, quindi non vede quella directory.
Se invece vuoi fare qualcosa di decente x far si che tutti gli user vedano decentemente il tuo css ti consiglio di studiare mustache :)


p.s hai anche un errore di import se vedi
 

Jury

Nuovo Utente
31
0
Ciao grazie per la risposta, comunque l' errore a me non lo da, è uscito solo adesso che l'ho copiato sul forum.
Per quanto riguarda la directory io ho l'intero sito salvato in una cartella dove sono sia i file html che i css e le varie immagini usate.
Il sito comunque è già online e funziona anche agli altri, l'unico problema è che loro lo vedono spostato a destra perchè quando l'ho fatto sul mio pc l'ho centrato con i px in base alla mia risoluzione. Mi era stato consigliato da un amico di mettere invece che i px le percentuali o auto, cosi da centrarlo automaticamente su tutti i computer, ma non funziona.
 

Skills07

Head of Development
Staff Forum
Utente Èlite
35,437
11,501
CPU
Ryzen 7 5800x
Dissipatore
Deepcool gammax l240 v2
Scheda Madre
Aourus Gigabyte X-470 ultra gaming
HDD
Samsung Evo 850 250gb ,2tb x 2 toshiba P300, 256 Ssd silicon power, Samsung evo plus 1tb nvme
RAM
32 gb G.Skill Tridentz 3200 mhz RGB
GPU
Zotac - RTX 3070 Ti Trinity OC
Monitor
ASUS TUF QHD 165hz IPS, ITEK GCF 165hz IPS QHD, Samsung Curvo 144hz QHD
PSU
Seasonic Focus 650w 80 platinum
Case
Coolermaster h500p
Periferiche
Asus Tuf Wireless
Net
Fibra Tim 100mb
OS
Windows 10 Pro 64 bit
studia mustache
 

SamTo

Nuovo Utente
9
2
Ciao, prova ad inserire l'intero contenuto del body dentro un div e sul foglio di stile impostare il margine dello stesso in questo modo : " margin: 0 auto; "
 

Entra

oppure Accedi utilizzando
Discord Ufficiale Entra ora!

Discussioni Simili