Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

La multi ani @sfantu.dracu!

Indiana Jones and the Dial of Des...

Ariston Genus One 24kw - sa o aru...
 Robot smart cu comanda vocala goo...

Moduri de a evita anumite persoane

Panouri pe acoperis cu horn

Transformers: Rise of the Beasts ...
 Hatufim - Prizonieri de razboi

Receiver AV 8K

rog un pic de ajutor in legatura ...

Ce defect sa fie ( centrala nu at...
 Jocuri - Generals si Generals Zer...

Video Night mode

Mp5 player auto

Nu-mi vede pc-ul telefonul
 

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: 4,864
  • Î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

Bun venit pe Forumul Softpedia!

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