Sidebar in Dreamweaver

#1
eddyterminator

Posted 02 December 2010 - 16:02

Junior Member

Grup: Members
Posts: 24
Înscris: 22.12.2008

Salut. As vrea sa fac un sidebar pentru site-ul meu, unde sa pun diverse link-uri catre pagini mai importante din site, dar as vrea ca acea bara sa fie pozitionata jos si pe masura ce omul da scroll in jos sau in sus, acel sidebar sa ramana jos in browser, ca pe hi5 sau scribd.com . Multumesc anticipat pentru orice infirmatie ajutatoare!

Back to top

#2
danutz0501

Posted 02 December 2010 - 23:02

Member

Grup: Members
Posts: 437
Înscris: 22.04.2008

Prin css.Faci un div ai dai un id si in css declari cateva reguli :position:fixed left:0 down:0 si un z-index cat mai mare pentru a aparea deasupra celorlalte elemente.

Back to top

#3
eddyterminator

Posted 04 December 2010 - 09:19

Junior Member

Grup: Members
Posts: 24
Înscris: 22.12.2008

danutz0501, on 2nd December 2010, 22:02, said:

Prin css.Faci un div ai dai un id si in css declari cateva reguli :position:fixed left:0 down:0 si un z-index cat mai mare pentru a aparea deasupra celorlalte elemente.

In Dreamweaver imi zice ca position: fixed din fisierul CSS afecteaza IE 5,6,7,8 etc etc... Cum fac?

Back to top

#4
danutz0501

Posted 04 December 2010 - 21:09

Member

Grup: Members
Posts: 437
Înscris: 22.04.2008

Daca tot folosesti editorul css din dreamweaver uitate si la positioning.Nu e rau sa inveti ce face fiecare tab.Mai jos ai un exemplu.Ti-am pus doar un paragraf de lorem ipsum ca sa nu umplu forumu aiurea.Copiezi paragtrafu de text si tu de 5-6 ori ca sa fi sigur ca o sa depaseasca inaltimea monitorului si o sa vezi scrolu si bara care o vrei tu.Si scuze era bottom nu down

<!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>Untitled Document</title>
 <style type="text/css">
 #tot{
	 width:800px;
	 margin:0px auto;
 }
 #jos{
	 position:fixed;
	 left:0px;
	 bottom:0px;
	 width:100%;
	 background-color:#9FF;
	 text-decoration:none;
 }
 </style>
 </head>
 
 <body>
 <div id="tot">
 <p>
 What is Lorem Ipsum?
 
 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
 Why do we use it?
 
 </p>
   <div id="jos">
	 <a href="http://www.google.com">Link-uri</a>
	 <a href="http://www.google.com">Link-uri</a>
	 <a href="http://www.google.com">Link-uri</a>
	 <a href="http://www.google.com">Link-uri</a>
	 <a href="http://www.google.com">Link-uri</a>
	 <a href="http://www.google.com">Link-uri</a>
	 <a href="http://www.google.com">Link-uri</a>
	 <a href="http://www.google.com">Link-uri</a>
	 <a href="http://www.google.com">Link-uri</a>
	 </div>
 </div>
 </body>
 </html>

Edited by danutz0501, 04 December 2010 - 21:12.

Back to top

#5
danutz0501

Posted 05 December 2010 - 11:35

Member

Grup: Members
Posts: 437
Înscris: 22.04.2008

Scuze de dublu post dar IE5 IE6 (IE7 nu stiu) nu merge cu position fixed.Dar daca tot vrei sa il faci cross-browser gandestete la css expression.
Ceva de genu:

#jos {
	  position: absolute !important;
	  top: expression(((document.documentElement.scrollTop || document.body.scrollTop) + (document.documentElement.clientHeight || document.body.clientHeight) - this.offsetHeight) + "px");
  }

Cred ca sti ca selectorul de mai sus il bagi intr-un fisier css separat pe care il incarci doar daca versiunea de ie e mai mica decat vrei tu

<!--[if lt IE 7]>
			  <link rel="stylesheet" type="text/css" href="numele fisierului css al tau" />
		  <![endif]-->

Si distractie placuta cu hack-uri css pentru ie.Nici nu stiu de ce te mai chinui cu IE 5 si 6

Edited by danutz0501, 05 December 2010 - 11:38.

Back to top

#6
eddyterminator

Posted 16 December 2010 - 17:28

Junior Member

Grup: Members
Posts: 24
Înscris: 22.12.2008

danutz0501, on 5th December 2010, 10:35, said:

Scuze de dublu post dar IE5 IE6 (IE7 nu stiu) nu merge cu position fixed.Dar daca tot vrei sa il faci cross-browser gandestete la css expression.
Ceva de genu:

#jos {
	  position: absolute !important;
	  top: expression(((document.documentElement.scrollTop || document.body.scrollTop) + (document.documentElement.clientHeight || document.body.clientHeight) - this.offsetHeight) + "px");
  }

Cred ca sti ca selectorul de mai sus il bagi intr-un fisier css separat pe care il incarci doar daca versiunea de ie e mai mica decat vrei tu

<!--[if lt IE 7]>
			  <link rel="stylesheet" type="text/css" href="numele fisierului css al tau" />
		  <![endif]-->

Si distractie placuta cu hack-uri css pentru ie.Nici nu stiu de ce te mai chinui cu IE 5 si 6

Ms pt. idee!

Back to top

Anunturi

Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

Sidebar in Dreamweaver

#1 eddyterminator Posted 02 December 2010 - 16:02

#2 danutz0501 Posted 02 December 2010 - 23:02

#3 eddyterminator Posted 04 December 2010 - 09:19

#4 danutz0501 Posted 04 December 2010 - 21:09

#5 danutz0501 Posted 05 December 2010 - 11:35

#6 eddyterminator Posted 16 December 2010 - 17:28

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
eddyterminator

Posted 02 December 2010 - 16:02

#2
danutz0501

Posted 02 December 2010 - 23:02

#3
eddyterminator

Posted 04 December 2010 - 09:19

#4
danutz0501

Posted 04 December 2010 - 21:09

#5
danutz0501

Posted 05 December 2010 - 11:35

#6
eddyterminator

Posted 16 December 2010 - 17:28