Torna indietro   Hardware Upgrade Forum > Software > Programmazione

Samsung Galaxy S25 Edge: il top di gamma ultrasottile e leggerissimo. La recensione
Samsung Galaxy S25 Edge: il top di gamma ultrasottile e leggerissimo. La recensione
Abbiamo provato il nuovo Galaxy S25 Edge, uno smartphone unico per il suo spessore di soli 5,8 mm e un peso super piuma. Parliamo di un device che ha pro e contro, ma sicuramente si differenzia dalla massa per la sua portabilità, ma non senza qualche compromesso. Ecco la nostra prova completa.
HP Elitebook Ultra G1i 14 è il notebook compatto, potente e robusto
HP Elitebook Ultra G1i 14 è il notebook compatto, potente e robusto
Pensato per il professionista sempre in movimento, HP Elitebook Ultra G1i 14 abbina una piattaforma Intel Core Ultra 7 ad una costruzione robusta, riuscendo a mantenere un peso contenuto e una facile trasportabilità. Ottime prestazioni per gli ambiti di produttività personale con un'autonomia lontano dalla presa di corrente che permette di lavorare per tutta la giornata
Microsoft Surface Pro 12 è il 2 in 1 più compatto e silenzioso
Microsoft Surface Pro 12 è il 2 in 1 più compatto e silenzioso
Basato su piattaforma Qualcomm Snapdragon X Plus a 8 core, il nuovo Microsoft Surface Pro 12 è un notebook 2 in 1 molto compatto che punta sulla facilità di trasporto, sulla flessibilità d'uso nelle differenti configurazioni, sul funzionamento senza ventola e sull'ampia autonomia lontano dalla presa di corrente
Tutti gli articoli Tutte le news

Vai al Forum
Rispondi
 
Strumenti
Old 11-10-2007, 19:02   #1
D4rkAng3l
Bannato
 
Iscritto dal: Mar 2004
Città: Roma
Messaggi: 2682
[CSS]Disperazione, perchè si vede male? inspiegabile

Allora,
partendo da questo tutorial ho inserito tale menu in un sito che stò realizzando...la cosa assurda è che in locale (sia aprendo direttamente la pagina, sia aprendola con il server web in locale) SI VEDE PERFETTAMENTE, quando invece la carico online si smerda e non ne capisco proprio il perchè.

Il tutorial è questo: http://css.html.it/articoli/leggi/23...umb-con-i-css/

Il mio sito invece è questo: http://www.siatec.net/andrea/megattera/

Come potete notare in ogni elemento (come HTML.it, CSS, etcetc) nella parte a destra si vede un quadrato più chiaro...la cosa è assurda...in locale funziona perfettamente ed il codice CSS è esattamente quello proposto da html.it

Per scrupolo ve lo posto comunque:

XHTML:

Codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Layout 38</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<link href="layout.css" rel="stylesheet" type="text/css" title="default" />
</head>
<body>
<div id="container">
   
   <div id="header">
     <div id="logo"></div>
     <div id="foto"></div>
   
   </div>
  
   <div id="breadcrumb">
      <a href="#">HTML.it</a> <span>&gt;</span>
      <a href="#">CSS</a> <span>&gt;</span>
      <a href="#">Effetti con i CSS</a> <span>&gt;</span>
      <em>Breadcrumb con i CSS</em>
  </div>
   
   <div id="wrapper">
      <div id="content">
         <p><strong>1) Content here.</strong> column long long column very long fill fill fill long text            text column text silly very make long very fill silly make make long make text fill very            long text column silly silly very column long very column filler fill long make filler long            silly very long silly silly silly long filler make column filler make silly long long fill            very.</p>
         <p>very make make fill silly long long filler column long make silly silly column filler fill            fill very filler text fill filler column make fill make text very make make very fill fill            long make very filler column very long very filler silly very make filler silly make make            column column </p>
         <p>fill long make long text very make long fill column make text very silly column filler silly            text fill text filler filler filler make make make make text filler fill column filler make            silly make text text fill make very filler column very </p>
         <p>column text long column make silly long text filler silly very very very long filler fill            very fill silly very make make filler text filler text make silly text text long fill fill            make text fill long text very silly long long filler filler fill silly long make column make            silly long column long make very </p>
       </div>
    </div>

    <div id="navigation">
        <p>
          <ul id="nav2">
			<li><a href="#1" title="Home">Home</a></li>
			<li><a href="#2" title="About me">About me</a></li>
			<li><a href="#3" title="Servizzi">Servizzi</a></li>
			<li><a href="#4" title="Portfolio">Portfolio</a></li>
			<li><a href="#5" title="Contact">Contact</a></li>
			<li><a href="#6" title="Links">Links</a></li>	
		 </ul>
        </p>
    </div>

    <div id="extra">
        <p><strong>3) More stuff here.</strong> very text make long column make filler fill make column        column silly filler text silly column fill silly fill column text filler make text silly filler        make filler very silly make text very very text make long filler very make column make silly        column fill silly column long make silly filler column filler silly long long column fill silly        column very </p>
   </div>
   
   <div id="footer"><p>Here it goes the footer</p></div>

</div>
</body>
</html>
CSS:
Codice:
body{
    margin:0;
	padding:0
    margin-bottom: 0.95em;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	font-size: 80%;
	color: #000;
	background-color: #fff;
	line-height: 180%;
}

p{
    margin-top: 0px; 
	margin-right: 10px; 
	margin-bottom: 10px;
	margin-left: 10px;
}


a{  
   display:block;
   color: #981793;
   padding: 10px;
}

div#container{
   width: 760px;
   margin:0 auto;
   border: 1px solid #D7D7D7;
   }

div#header{
   margin: 0 auto;
   width: 760px;
   height: 160px;
   border: 1px solid #D7D7D7;
   color: #000;
}

div#logo{
   float: left;
   width: 380px;
   height: 160px;
   margin-top: 0;
   background-image: url("img/logo.jpg");
   background-repeat: no-repeat;
   background-position: top left;

}

div#foto{
   float: right;
   width: 380px;   
   height: 160px;
   background-image: url("img/castagnole.jpg");
   background-repeat: no-repeat;
}

div#header h1{
   margin: 0;
   font: normal 280% Georgia, "Times New Roman", Times, serif;
   color: #79B30B;

}

div#breadcrumb{float: left;width: 600px;height: 40px;
    line-height: 40px;background: #D4D4D4 url(bcBk.png)}

div#breadcrumb span{display:none}

div#breadcrumb a{float: left;height: 40px;padding: 0 25px 0 15px;
    background: url(bcbk1.png) no-repeat top right;
    color: #777;text-decoration: none}

div#breadcrumb a:hover{
    background-position: bottom right;color: #0876AC}

div#breadcrumb em{
    font-style:normal;color: #444;margin-left:10px}



div#content p{line-height:1.4}
div#navigation{background:#ffffff}

ul#nav2{
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
/* =-=-=-=-=-=-=-[Navigation Three]-=-=-=-=-=-=-=- */
	
#navigation {
	width: 200px;
	border: 1px solid #ccc;
	margin-top: 10px;
	}

#navigation li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#navigation li a:link, #menu3 li a:visited {
	color: #888;
	display: block;
	background: url(img/menu3.gif);
	padding: 8px 0 0 30px;
	}
	
#navigation li a:hover, #menu3 li a:active {
	color: #283A50;
	background: url(img/menu3.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}


div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}


div#content{float:right;width:500px}
div#navigation{float:left;width:200px}
div#extra{clear:both;width:100%}
Questa cosa non me la riesco proprio a spiegare, in locale è perfetto, online si vede male (provato anche a caricare su un altro server per scrupolo e si vede male cmq)...l'esempio di html.it invece si visualizza perfettamente

Vi prego è importante...ditemi come risolvere se potete :-(

Grazie
Andrea
D4rkAng3l è offline   Rispondi citando il messaggio o parte di esso
Old 11-10-2007, 19:14   #2
isAlreadyInUse
Senior Member
 
L'Avatar di isAlreadyInUse
 
Iscritto dal: Sep 2007
Messaggi: 754
Ti manca questa immagine come fondo della barra

__________________
http://www.tevigroup.it/
isAlreadyInUse è offline   Rispondi citando il messaggio o parte di esso
 Rispondi


Samsung Galaxy S25 Edge: il top di gamma ultrasottile e leggerissimo. La recensione Samsung Galaxy S25 Edge: il top di gamma ultraso...
HP Elitebook Ultra G1i 14 è il notebook compatto, potente e robusto HP Elitebook Ultra G1i 14 è il notebook c...
Microsoft Surface Pro 12 è il 2 in 1 più compatto e silenzioso Microsoft Surface Pro 12 è il 2 in 1 pi&u...
Recensione REDMAGIC Astra Gaming Tablet: che spettacolo di tablet! Recensione REDMAGIC Astra Gaming Tablet: che spe...
Dopo un mese, e 50 foto, cosa abbiamo capito della nuova Nintendo Switch 2 Dopo un mese, e 50 foto, cosa abbiamo capito del...
Sembra un PC del 1995, ma monta una RTX ...
Giochi Xbox a 80 dollari? Microsoft ci r...
Trump voleva smembrare NVIDIA: 'Poi ho c...
Lisa Su spiega perché AMD pagher&...
La cometa interstellare 3I/ATLAS potrebb...
Un triste giorno per l'industria videolu...
Il tuo mouse ti spia? La suite di gestio...
Proton presenta Lumo: l'assistente AI co...
Samsung Galaxy S26 Edge: più auto...
Escobar Inc.: una frode che porta il mar...
Apple e la smart home in arrivo? Nuovo H...
Anche Alfa Romeo lancia il suo incentivo...
Un braccialetto che ascolta e registra o...
OPPO Find X8 Ultra: il RE dei cameraphon...
DeepL sempre più potente: arrivan...
Chromium
GPU-Z
OCCT
LibreOffice Portable
Opera One Portable
Opera One 106
CCleaner Portable
CCleaner Standard
Cpu-Z
Driver NVIDIA GeForce 546.65 WHQL
SmartFTP
Trillian
Google Chrome Portable
Google Chrome 120
VirtualBox
Tutti gli articoli Tutte le news Tutti i download

Strumenti

Regole
Non Puoi aprire nuove discussioni
Non Puoi rispondere ai messaggi
Non Puoi allegare file
Non Puoi modificare i tuoi messaggi

Il codice vB è On
Le Faccine sono On
Il codice [IMG] è On
Il codice HTML è Off
Vai al Forum


Tutti gli orari sono GMT +1. Ora sono le: 06:48.


Powered by vBulletin® Version 3.6.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Served by www3v