logo "bloccato" mentre le pagine che scorrono

**edmungio** · 22-01-2010, 22:17

Salve ragazzi, vorrei riuscire a fare ciò...
http://www.studiob5.net/
Come potete vedere in questo sito, vorrei che mi rimanesse bloccato,fermo, il logo..mentre le pagine scorrono...ma non capisco qui com'è stato fatto...?!

Come si fà 'sta cosa?!
grazie alle anime pie che si presteranno a darmi una mano..

**KekkoDance** · 22-01-2010, 22:41

anche io uso questo effetto nel mio sito

Basta usare nel css:
position: fixed

**edmungio** · 22-01-2010, 23:38

Originariamente inviato da KekkoDance
anche io uso questo effetto nel mio sito

Basta usare nel css:
position: fixed

Il tuo sito?
A me lo dà ancora under construction...

:master:
Grazie della risp..ma mi spieghersti "tecnicamente" quindi come dovrei fare?
Io uso DWcs4....

**miki003** · 23-01-2010, 01:11

Originariamente inviato da edmungio
Il tuo sito?
A me lo dà ancora under construction...

:master:
Grazie della risp..ma mi spieghersti "tecnicamente" quindi come dovrei fare?
Io uso DWcs4....

nei css

codice:

#logo {position:fixed; top:xxpx; left:xxpx;}

L'editore che tu usi non ha nessuna importanza, non influisce sul codice

**edmungio** · 23-01-2010, 14:50

bho forse ci rinuncio..non ci capisco nulla con questi maledettissimi CSS...mi ero "abituata" alle tabelle...
" #logo {position:fixed; top:xxpx; left:xxpx;} ", "logo" come e dove lo sistemo?!Mannaggiaaa..!!

**KekkoDance** · 23-01-2010, 19:32

puoi decidere tu dove metterlo. Per visualizzarlo devi inserire sull'html questo: <div id="logo">[img]linkimmagine[/img]</div>

**miki003** · 23-01-2010, 20:50

Originariamente inviato da edmungio
bho forse ci rinuncio..non ci capisco nulla con questi maledettissimi CSS...mi ero "abituata" alle tabelle...
" #logo {position:fixed; top:xxpx; left:xxpx;} ", "logo" come e dove lo sistemo?!Mannaggiaaa..!!

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">
<!--
#logo {
	height: 150px;
	width: 150px;
	position: fixed;
	top 100px;
	left: 100px;
}
#header {
	width: 100%;
	height: 210px
}
-->
</style>
</head>

<body>
<div id="header">
  <div id="logo">
  	[img]logo.jpg[/img]
  </div>
</div>
</body>
</html>

Discussione: logo "bloccato" mentre le pagine che scorrono

Strumenti discussione

Ricerca discussione

Visualizza

logo "bloccato" mentre le pagine che scorrono

Permessi di invio