Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Presbiopia - la 43 ani ?

Termen transcriere autovehicul

Cazare Timisoara pe 4-5 zile

Primele zile ale internetului per...
 Ditra 25

Casti USB-C ptr A-54

Aplicatie medicala / asistent med...

De ce vor atația politicieni...
 ERR_ADDRESS_UNREACHABLE

Legea 18/1968 Se mai aplica?

Digi conectare 2 routere prin fir

Succesiune notar versus instanta ...
 Montaj aer conditionat in balcon ...

Cont curent mulți valuta far...

Sugestii plan casa

Experiente cu firme care cumpara ...
 

am o problema cu footer-ul ( Incepator)

- - - - -
  • Please log in to reply
13 replies to this topic

#1
nicuzbona

nicuzbona

    New Member

  • Grup: Members
  • Posts: 18
  • Înscris: 20.01.2014
Salut. Am o ploblema cu footerul unei pagini web. Normal footerul ar trebui sa stea jos dar la mine se "baga" sub celelalte divuri ( unde ar trebui sa fie continutul)
Si la meniul css cand mut cursorul de la "tehnologie" la submeniuri imi dispar submeniurile f repede ( nu apuc sa dau clik) ce se fac ?
Pentru cod accesati:  www.cody.96.lt

Attached Files

  • Attached File  web.png   385.56K   43 downloads

Edited by nicuzbona, 04 February 2014 - 16:32.


#2
MikeD

MikeD

    Member

  • Grup: Members
  • Posts: 605
  • Înscris: 04.09.2013
Ori ne dai codul sursă ori încarci proiectul undeva online (sunt foarte multe site-uri care oferă hosting free), altfel nu putem vedea ce ai greşit.

#3
MooF2010

MooF2010

    Senior Member

  • Grup: Senior Members
  • Posts: 5,326
  • Înscris: 24.05.2010
<html>
<head>
<link rel="stylesheet" type="text/css" href="stil2.css">

</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
  <tr>
   <td width="15%"> </td>
   <td width="70%">
	<div class="continut">
	 <meniu>
	  <div class="butoane">
	   <b class="meniu1" >Main
		<div class="main">
		 <br><a href="google.com" class="forum">Forum</a><br>
		 <br>Prieteni<br>
		 <br>Log Out<br><br>
		</div>
	   </b>
	   <b href="" class="meniu2">Echipa
		<div class="echipa">
		 <br>Jucatori<br>
		 <br>Evenimente<br>
		 <br>Antrenamente<br>
		 <br>Personal<br><br>
		</div>
	   </b>
	   <b href="" class="meniu3">Competitii
		<div class="competitii">
		 <br>Cupe private<br>
		 <br>Campionat<br>
		 <br>Cupa nationala<br>
		 <br>Cupa europeana<br><br>
		</div>
	   </b>
	   <b href="" class="meniu4">Finante</b>
	   <b href="" class="meniu5">Optiuni</b>
	   <b href="" >Ajutor</b>
	  </div>
	 </meniu>
	</div>
   </td>
   <td width="15%"> </td>
  </tr>
</body>
</html>


body
{
background-color:#14161A;
}
.continut
{
border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border: 0px solid #000000;
background-color:#ffffff;
position:fixed;
top:0px;
bottom:10%;
width:68%;
background-image:url('/poze/coveradva.png');
background-size: 100% 100%;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
b{
text-decoration: none;
color:#45F3FF;
}
b.meniu1 div.main{
visibility:hidden;
position:fixed;
top:5.25%;
left:16%;
text-indent:0px;
word-spacing:7pt;
text-align: center;
background-color:#14161A;
color:#9FF8FE;
-moz-box-shadow: 0 0 5px 5px #14161A;
-webkit-box-shadow: 0 0 5px 5px #14161A;
box-shadow: 0 0 5px 5px #14161A;
border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
z-index:-1;
}
b.meniu1:hover  div.main{visibility: visible;}
b.meniu2 div.echipa{
visibility:hidden;
position:fixed;
top:5.25%;
left:24.5%;
text-indent:0px;
word-spacing:10pt;
text-align: center;
background-color:#14161A;
color:#9FF8FE;
-moz-box-shadow: 0 0 5px 5px #14161A;
-webkit-box-shadow: 0 0 5px 5px #14161A;
box-shadow: 0 0 5px 5px #14161A;
border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
z-index:-1;
}
b.meniu2:hover  div.echipa{visibility: visible;}
b.meniu3 div.competitii{
visibility:hidden;
position:fixed;
top:5.25%;
left:36.3%;
text-indent:0px;
word-spacing:7pt;
text-align: center;
background-color:#14161A;
color:#9FF8FE;
-moz-box-shadow: 0 0 5px 5px #14161A;
-webkit-box-shadow: 0 0 5px 5px #14161A;
box-shadow: 0 0 5px 5px #14161A;
border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
z-index:-1;
}
b.meniu3:hover  div.competitii{visibility: visible;}
a.forum {
text-decoration: none;
color:#9FF8FE;
}
.butoane
{
font-weight:bold;
text-transform:uppercase;
word-spacing:60pt;
text-indent:22px;
position:fixed;
top:3%;
left:15.7%;
right:16.8%;
background-color:#14161A;
color:#9FF8FE;
opacity:0.65;
filter:alpha(opacity=65); /* For IE8 and earlier */
-moz-box-shadow: 0 0 5px 5px #14161A;
-webkit-box-shadow: 0 0 5px 5px #14161A;
box-shadow: 0 0 5px 5px #14161A;
}



vezi ce poti dezvolta de aici in privinta meniului.


Nu mai folosi position, paggind, margin inainte sa ciresti documentatie.


NU am inteles nimic din site, tot ce am vazut a fost un scrol care imi descoperea nimic, ceea ce ma face sa cred ca ai un height definit pe undeva fix ceea ce nu se face. Greseli sunt multe. Poti arata ce ai lucrat tu pana acum. Apropo daca folosesti Dreamweaver poti sa il lasi in pace ca nu este chiar pentru incepatori

body{
	margin: 0 auto;
	height:2000px;
	border: 2px solid #000;
	width: 960px;
	text-align: left;
	background-color: #f4f3f3;
}
#header{
	margin: 0 auto;
	width: 960px;
	height: 200px;
	position: relative;
	background-color: #dedeee;
	background-image: url(./img/header.png);
}
#meniul{
	position: normal;
	width: 960px;
	height: 36px;
	margin: 0 ;
}
#meniu {
	background-image: url(./img/meniu.png);
	width:960px;
	height:36px;
	position:relative;
	margin:0;
	padding: 0;
}
/* Proprietati pentru lista orizontala */
#meniu li {
	position: relative;
	float: left;
	list-style-type:none;
	margin:0;
}
/* Proprietati pentru listele verticale */
#meniu li:hover ul {
	display:block;
}
#meniu li ul {
	display:none;
	position:absolute;
	margin:0;
}
#meniu li ul li {
	height:30px;
	width: 100px;
	clear:both;
	border:none;
	position: relative;
}
/* Link-uri in sub-menu */
#meniu ul li a {
	display:block;
	margin:0;
	font-weight:normal;
	padding:1px;
	font-weight: normal;
}
#meniu ul li a:hover {
	background-color:#fefefe;
	text-decoration:none;
	font-style:normal;
}
#bodyu{
	padding:0;
	width:960px;
	height:auto;
	margin:0;
	position: normal;
	border: 1px solid #0a0;
}
#left{
	float:left;
	width:698px;
	height: 600px;
	position: absolute;
	margin:0;
	border: 1px solid #00aa00;
}
#right{
	float: left;
	width: 260px;
	height: 600px;
	position: absolute;
	margin:0px 0px 0px 700px;
	border: 1px solid #00aa00;
}
/* - Footer - */
#jos{
	width: auto;
	height: auto;
	border: 2px solid #93d394;
	float: left;
	position: normal;
}
#footer {
	margin:0 auto;
	background: #222222;
	width: 920px;
	height: auto;
	min-height: 300px;
	padding-bottom: 10px;
	padding-top: 35px;
	padding-left: 40px;
}
#footer a:hover{
	color: #E0E0E0;
	text-decoration: none;
}
#meniul a{
	color: #4b4f4c;
}
#footer a{
	color:#808281;
	font-size: 15px;
}
hr{
	width:230px;
	height: 1px;
	color: #3734c8;
	margin: 0px 0px 0px -10px;
}


asta e css tau,
Dece folosesti in body height:2000px;?

#4
MikeD

MikeD

    Member

  • Grup: Members
  • Posts: 605
  • Înscris: 04.09.2013
MooF2010, l-ai băgat rău în ceaţă.
Iniţiatorule, încearcă: http://ryanfait.com/sticky-footer/ , iar pentru meniu uită-te peste acest tutorial: http://line25.com/tu...s-dropdown-menu . Dacă nu reuşeşti, o să ţi-l fac eu mai târziu (sper să am timp).

#5
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 14,104
  • Înscris: 13.12.2010

 nicuzbona, on 04 februarie 2014 - 16:15, said:

Salut. Am o problema cu footerul unei pagini web. Normal footerul ar trebui sa stea jos dar la mine se "baga" sub celelalte divuri ( unde ar trebui sa fie continutul)
Si la meniul css cand mut cursorul de la "tehnologie" la submeniuri imi dispar submeniurile f repede ( nu apuc sa dau clik) ce se fac ?
Pentru cod accesati:  www.cody.96.lt
Greseli css:   
20 #meniul Eroare de valoare : position normal is not a position value :  normal

81 #bodyu Eroare de valoare : position normal is not a position value :  normal   

107 #jos Eroare de valoare : position normal is not a position value :  normal

Valorile la position pot fi:
position: fixed;

position: relative;

position: absolute;


La #bodyu inaltimea sau height: auto este nepotrivit, preferabil sa-i dai o dimensiune in pixeli.

Edited by poadol, 04 February 2014 - 17:29.


#6
zepar

zepar

    Member

  • Grup: Members
  • Posts: 691
  • Înscris: 24.06.2010
e gresit din start, nu poti sa construiesti un site intr-un tabel. Nu-i bai, inveti dar trebuie sa te documentezi - uite chestia cu footer-ul http://ryanfait.com/...bottom-of-page/

#7
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 14,104
  • Înscris: 13.12.2010

 nicuzbona, on 04 februarie 2014 - 16:15, said:

Salut.  
Fa un desen cu ceea ce vrei sa faci acolo. Posted Image

Edited by poadol, 04 February 2014 - 17:51.


#8
nicuzbona

nicuzbona

    New Member

  • Grup: Members
  • Posts: 18
  • Înscris: 20.01.2014

 poadol, on 04 februarie 2014 - 17:50, said:

Fa un desen cu ceea ce vrei sa faci acolo. Posted Image

Vreau ca footerul ( partea mai gri din imagine) sa fie mai jos de cele 2 divuri ( bordurate cu verde). Cand voi adauga continut pe pagina le voi face height: auto; (divurile)  dar pana atunci ca sa ma pot orienta pe pun un height fix. Deci,,, footerul imi "intra" sub cele 2 divuri ( bordurate cu verde). Dece ? in codul html sunt in ordine divurile ( nu se intercaleaza ).

#9
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 14,104
  • Înscris: 13.12.2010
Unde-i desenul?
S-ar putea sa se apropie de ce-ti doresti:



body{
	margin: 0 auto;
	height:2000px;
	border: 2px solid #000;
	width: 960px;
	height: 1270px;		   
	text-align: left;
	background-color: #f4f3f3;
}
#header{
	margin: 0 auto;
	width: 960px;
	height: 200px;
	position: relative;
	background-color: #dedeee;
	background-image: url(./img/header.png);

}
#meniul{
	position:;
	width: 960px;
	height: 36px;
	margin: 0 ;
}

#meniu {
	background-image: url(./img/meniu.png);
	width:960px;
	height:36px;
	position:relative;
	margin:0;
	padding: 0;
}

/* Proprietati pentru lista orizontala */
#meniu li {
	position: relative;
	float: left;
	list-style-type:none;
	margin:0;
}

/* Proprietati pentru listele verticale */
#meniu li:hover ul {
	display:block;
}
#meniu li ul {
	display:none;
	position:absolute;
	margin:0;
}
#meniu li ul li {

	height:30px;
	width: 100px;
	clear:both;
	border:none;
	position: relative;
}

/* Link-uri in sub-menu */
#meniu ul li a {

	display:block;
	margin:0;
	font-weight:normal;
	padding:1px;
	font-weight: normal;
}
#meniu ul li a:hover {

	background-color:#fefefe;
	text-decoration:none;
	font-style:normal;
}
#bodyu{
	padding:0;
	width:960px;
	height:600px;
	margin:0;
	position:;
	border: 1px solid #0a0;
}
#left{
	float:left;
	width:698px;
	height: 600px;
	position: absolute;
	margin:0;
	border: 1px solid #00aa00;
}
#right{
	float: left;
	width: 260px;
	height: 600px;
	position: absolute;
	margin:0px 0px 0px 700px;
	border: 1px solid #00aa00;
}

/* - Footer - */
#jos{
	width: auto;
	height: 400px;  
	border: 2px solid #93d394;
	float: left;
	position:;
}

#footer {
	margin:0 auto;
	background: #222222;
	width: 920px;
	height: auto;
	min-height: 300px;
	padding-bottom: 10px;
	padding-top: 35px;
	padding-left: 40px;
}
#footer a:hover{

	color: #E0E0E0;
	text-decoration: none;
}



#meniul a{
	color: #4b4f4c;
}
#footer a{
	color:#808281;
	font-size: 15px;
}
hr{
	width:230px;
	height: 1px;
	color: #3734c8;
	margin: 0px 0px 0px -10px;
}


Nu mai am timp sa le rezolv, vezi ca imi da erori de valoare la:
21 #meniul Eroare de valoare : position Parse Error  :
82 #bodyu Eroare de valoare : position Parse Error  :
108 #jos Eroare de valoare : position Parse Error  :

Edited by poadol, 05 February 2014 - 05:00.


#10
nicuzbona

nicuzbona

    New Member

  • Grup: Members
  • Posts: 18
  • Înscris: 20.01.2014

 poadol, on 05 februarie 2014 - 04:58, said:

Unde-i desenul?

Gata am rezolvat cu footer-ul. Scuze de marea intarziere :).
Ma ajutati un pic la meniu? Cand duc cursorul de la o categorie la o sub-categorie imi dispare submeniul. Nu pot sa ajung pana la sub meniu. Dece ?  Pentru meniu accesati : http://cody.96.lt/

#11
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 14,104
  • Înscris: 13.12.2010
Exemple:
http://code-tricks.c...drop-down-menu/
http://cssmenumaker....-menu-tutorial
http://line25.com/tu...s-dropdown-menu

Edited by poadol, 08 February 2014 - 00:20.


#12
nicuzbona

nicuzbona

    New Member

  • Grup: Members
  • Posts: 18
  • Înscris: 20.01.2014

 poadol, on 08 februarie 2014 - 00:17, said:


Am refacut codul css de vreo 5 ori si tot asa imi iese. Am facut separat ( numai headerul si meniul ) in local host si mia mers. Cand l-am adaugat la restui paginii nu mai merge nici macar in l.h. Habar nu am ce are. Poti sa te uiti 5 minute peste cod ?

 poadol, on 08 februarie 2014 - 00:17, said:


Uite aici: http://cody.96.lt/meniu.php ( numai meniul si headerul)

#13
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 14,104
  • Înscris: 13.12.2010
Problema este ca iti afiseaza lista verticala a meniului in spatele continutului. Posted Image
Din pacate nu, nu am timp, dar incearca pentru li:
z-index: 1;

ar trebui sa-l aduca in fata, sau te mai documentezi.

Edited by poadol, 08 February 2014 - 04:00.


#14
nicuzbona

nicuzbona

    New Member

  • Grup: Members
  • Posts: 18
  • Înscris: 20.01.2014

 poadol, on 08 februarie 2014 - 03:51, said:

Problema este ca iti afiseaza lista verticala a meniului in spatele continutului. Posted Image
Din pacate nu, nu am timp, dar incearca pentru li:
z-index: 1;

ar trebui sa-l aduca in fata, sau te mai documentezi.

Gata am rezolvat. Mersi. Era cu ai zis tu... imi afisa submeniul in spatele continutului.. MERSI :)

Anunturi

Chirurgia cranio-cerebrală minim invazivă 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

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate