Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Ce "tip" de apartament/ca...

A luat cineva masina Tesla din re...

Robot de spalat geamuri

nume strazi
 Fundație casa

Cadastru pentru vanzare apartament

Cantarete care v-au placut si ca ...

Pompa fantana manuala 18-20m adan...
 CUI de PFA pe bon

Laptop cu procesor echivalent i7 ...

Giorgio Mazonakis-Gucci Forema

Zgarieturi in diferite locuri
 Ajutor inlocuire LCD masuna de ca...

Ce impozite , taxe platesc daca c...

Range Rover Evoque, 2020, Hibrid,...

Pompa erbicidat p100
 

Bug meniu? Bg-ul apare in plus

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

#1
MihaixD

MihaixD

    Member

  • Grup: Members
  • Posts: 620
  • Înscris: 12.05.2012
Salutare!
Am dat peste încă o problemă în html.
Îmi apare din background în plus pe hover(ca în imaginea atașată).
Codurile:
HTML:
<div id="menu" >
<div><a href="#">Option 1</a></div>
<div><a href="#">Option 2</a></div>
<div><a href="#">Option 3</a></div>
<div><a href="#">Option 4</a></div>

</div>

CSS:
#menu{
opacity: 0.9;
z-index: 0;
position: absolute;
top: 217px;
width: 530px;
left: 50%;
height: 40px;
margin-left: -265px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-o-border-top-left-radius: 10px;
-o-border-top-right-radius: 10px;
background: url(images/bg_menu.png) repeat-x center;
}
#menu div a{
color: lightgray;
font-family: Arial;
letter-spacing: 2px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#menu div{
margin: 0px;
color: white;
padding: 10px;
background: black;
padding-bottom: 10px;
height: 20px;
padding-left: 25px;
padding-right: 25px;
display:inline-block;
background: url(images/bg_menu.png) repeat-x center;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
transition: All 0.5s ease;
}
#menu div:hover{
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
transition: All 0.5s ease;
background: url(images/bg_menu_hover.png) repeat-x center;
}


EDIT: Am avut o problemă cu upload-ul pe forum, am pus-o extern:
[ https://i.imgur.com/7udCZMz.jpg - Pentru incarcare in pagina (embed) Click aici ]

Edited by MihaixD, 24 January 2013 - 21:06.


#2
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 14,104
  • Înscris: 13.12.2010
In CSS la randul 6 mareste cifra cu inca 40 sau mai multi pixeli (570px sau mai mult) in:
width: 530px;
= gresit
In CSS la randul 9 mareste cifra cu inca 10 sau mai multi pixeli (-275px sau mai mult) in:
margin-left: -265px; <= asa este in codul tau

Meniul se va muta mai spre stanga din mai multe incercari vei reusi.

Edited by poadol, 24 January 2013 - 22:19.


#3
MihaixD

MihaixD

    Member

  • Grup: Members
  • Posts: 620
  • Înscris: 12.05.2012

View Postpoadol, on 24 ianuarie 2013 - 22:03, said:

In CSS la randul 6 mareste cifra cu inca 40 sau mai multi pixeli (570px sau mai mult) in:
width: 530px;
= gresit
In CSS la randul 9 mareste cifra cu inca 10 sau mai multi pixeli (-275px sau mai mult) in:
margin-left: -265px; <= asa este in codul tau

Meniul se va muta mai spre stanga din mai multe incercari vei reusi.

Aşa apare şi în partea dreaptă...
Am modificat padding-ul şi mi-a mers.
Mulţumesc oricum.

Edited by MihaixD, 24 January 2013 - 23:01.


#4
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 14,104
  • Înscris: 13.12.2010
De curiozitate care padding ai modificat si ti-a mers? Ce browser folosesti?

Edited by poadol, 24 January 2013 - 23:20.


#5
MihaixD

MihaixD

    Member

  • Grup: Members
  • Posts: 620
  • Înscris: 12.05.2012

View Postpoadol, on 24 ianuarie 2013 - 23:15, said:

De curiozitate care padding ai modificat si ti-a mers? Ce browser folosesti?
Din menu div am modificat padding-left şi padding-right.
Mozilla Firefox folosesc.
Scuze, nu văzusem mesajul.

Edited by MihaixD, 30 January 2013 - 18:43.


#6
poadol

poadol

    Guru Member

  • Grup: Senior Members
  • Posts: 14,104
  • Înscris: 13.12.2010
Atunci am inteles eu gresit: "Îmi apare din background în plus pe hover(ca în imaginea ataşată).", eu cosiderand ca te deranjeaza background-ul negru, nicidecum dunga verticala albastra de culoare mai inchisa.
(padding = este spatiul dintre marginea elementului si continutul elementului;) Bine ca ai rezolvat. Posted Image

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