Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Sunt ouale proaspete?

Aplicatie invatare limba Germana

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...
 

Probleme cu meniul CSS. (incepator)

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

#1
nicuzbona

nicuzbona

    New Member

  • Grup: Members
  • Posts: 18
  • Înscris: 20.01.2014
Salut. Am facut ( partial) un meniu dublu folosind CSS si HTML. Meniul meu are width : 960px. Problema este ca atunci cand adaug imaginea de background a meniului, meniul se face mai lat ( width mai mare decat 960px). Se face mai mare cam cu vreo 50 px. Partea care se adauga se pune la inceputul meniului nu la sfarsit( cum ar fi normal daca s-ar mari width-ul).  Si intre marginea din stanga si primul caracter  (poza, pentru ca am poze pentru "home","contact") exista un "padding" de 50px ( cartea care s-a adaugat). Am verificat in codul css si nu am niciun padding. Se poate vizita meniul la www.cody.96.lt ( w w w. cody . 96 . lt )
Ce sa fac? PLS help. :)

#2
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 14,104
  • Înscris: 13.12.2010
In style.css inlocuiesti ceea ce ai deja acolo cu:
#meniu {
	background-image: url(./img/meniu.png);
	border: 1px solid #000;
	width:922px;
	height:36px;
	position:relative;
	margin:0;


}


Am schimbat 960px cu 922px .

#3
MooF2010

MooF2010

    Senior Member

  • Grup: Senior Members
  • Posts: 5,326
  • Înscris: 24.05.2010
dece nu pui background-size: 100% 100%; ?

Si iti va face un strech la imagine cat sa intre in tot elementul

S-ar putea sa nu iti convina cum o decaleaza!

Edited by MooF2010, 21 January 2014 - 09:27.


#4
nicuzbona

nicuzbona

    New Member

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

View Postpoadol, on 21 ianuarie 2014 - 02:11, said:

In style.css inlocuiesti ceea ce ai deja acolo cu:
#meniu {
background-image: url(./img/meniu.png);
border: 1px solid #000;
width:922px;
height:36px;
position:relative;
margin:0;


}


Am schimbat 960px cu 922px .

Normal ca am incercat si eu sa fac mai mic meniul dar imi ia din partea stanga nu din partea dreapta. Normal la prima inagine pe care o am textul 'home' (din imagine) ar trebui sa fie la vreo 10px distanta de marginea din stanga. Pe scurt: 'excesul' de meniu mi-l adauga in partea dreapta si nu pot sa il elimin.

#5
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 14,104
  • Înscris: 13.12.2010
Era ca in imaginea a doua si din ceea ce ai comunicat eu asta am reusit sa inteleg ca doresti sa faci si nu stii cum.
Daca am inteles gresit fa un desen cu ceea ce doresti sa faci.

Acolo in css ai #meniul si #meniu.

Schimbarea o faci in #meniu si iti reduce din dreapta cum vrei tu.

LE Vad ca ai modificat.

Attached Files


Edited by poadol, 22 January 2014 - 01:51.


#6
nicuzbona

nicuzbona

    New Member

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

View Postpoadol, on 22 ianuarie 2014 - 01:34, said:





LE Vad ca ai modificat.

Da am gresit eu. partea care se adauga este in stanga nu in dreapta. uite:

uite poza:

Attached Files



#7
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 14,104
  • Înscris: 13.12.2010
"Codul" necesar mai jos:
#meniu {
	background-image: url(./img/meniu.png);
	border: 1px solid #000;
	width:960px;
	height:36px;
	position:relative;
	margin:0;
	padding: 0;

}

Attached Files


Edited by poadol, 22 January 2014 - 16:24.


#8
nicuzbona

nicuzbona

    New Member

  • Grup: Members
  • Posts: 18
  • Înscris: 20.01.2014
Mersi. Dar cum ai reusit sa vezi codurile Css pe care le-am scris ? :))

#9
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 14,104
  • Înscris: 13.12.2010
Cu placere. Click dreapta pe site + vezi in imaginea de mai jos ce si cum.

Attached Files


Edited by poadol, 22 January 2014 - 23:20.


Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

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