Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Incalzire casa fara gaz/lemne

Incalzire in pardoseala etapizata

Suprataxa card energie?!

Cum era nivelul de trai cam din a...
 probleme cu ochelarii

Impozite pe proprietati de anul v...

teava rezistenta panou apa calda

Acces in Curte din Drum National
 Sub mobila de bucatarie si sub fr...

Rezultat RMN

Numar circuite IPAT si prindere t...

Pareri brgimportchina.ro - teapa ...
 Lucruri inaintea vremurilor lor

Discuții despre TVR Sport HD.

Cost abonament clinica privata

Tremura toata, dar nu de la ro...
 

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,306
  • Î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 endoscopică a hipofizei Chirurgia endoscopică a hipofizei

"Standardul de aur" în chirurgia hipofizară îl reprezintă endoscopia transnazală transsfenoidală.

Echipa NeuroHope este antrenată în unul din cele mai mari centre de chirurgie a hipofizei din Europa, Spitalul Foch din Paris, centrul în care a fost introdus pentru prima dată endoscopul în chirurgia transnazală a hipofizei, de către neurochirurgul francez Guiot. Pe lângă tumorile cu origine hipofizară, prin tehnicile endoscopice transnazale pot fi abordate numeroase alte patologii neurochirurgicale.

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