Sign In
Create Account
Back to top
 |
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 |
dimensiune ul
Last Updated: Sep 25 2014 14:58, Started by
CristiCronik
, Sep 20 2014 19:27
·
0
0
#1
Posted 20 September 2014 - 19:27
|
Salut. Deci am simplu :
<div id="menu"> <ul> <li><a href="#">Despre noi</a></li> <li><a href="#">Echipamente</a></li> <li><a href="#">Piese dezmembrari</a></li> <li><a href="#">Cauciucuri</a></li> <li><a href="#">Contact</a></li> </ul> #menu {
height:40px;
width:50%;
margin:0 auto;
margin-top:13px;
background-color:grey;
line-height:35px;
}
#menu ul {
list-style-type:none;
width:100%
}
ul li {
float:left;
}
ul li a {
text-decoration:none;
}
Deci div-ul menu sa vreau sa fie in centru cu 50% width , dar la ul imi apare un anumit padding in stanga (asa am invatat ca padding-ul e mov si margin e galben) , care nu e nicaieri si imi strica mie treaba. Si ul de ce are sus si jos margin ? Am pus 2 poze cum se vede in firebug div-ul si ul ca exprimarea mea e cam de incepator.Mersi la ul i-am dat height 100% cat are div-ul menu ... ar trebui sa se potriveasca exact in div nu ? |
#2
Posted 20 September 2014 - 19:32
|
Inceara sa pui la ul: margin-left:-40px;
Si eu am intampinat astfel de probleme. Mi se pare ca e de la browser. Eu personal resetez setarile stock ale browserului si dupa rescriu codul asa cum imi place fara padding/margin automat de la browser. Exemplu: *{ margin:0px; padding:0px; border:0px;}
|
#3
Posted 20 September 2014 - 19:48
|
Inceara sa pui la ul: margin-left:-40px; Si eu am intampinat astfel de probleme. Mi se pare ca e de la browser. Eu personal resetez setarile stock ale browserului si dupa rescriu codul asa cum imi place fara padding/margin automat de la browser. Exemplu: *{ margin:0px; padding:0px; border:0px;}
Edited by CristiCronik, 20 September 2014 - 19:49. |
#4
Posted 20 September 2014 - 19:58
|
Eu la meniul meniu nu folosesc ul. Direct div id meniu si dupa li-uri la greu. Ca si HTML5 e eronat codul dar e greu in anumite situatii sa faci codul dupa standardele HTML5.
Fa cum am zis. Pune margin-left:-40px la ul si dupa vezi daca ai scapat de acea margine din stanga de care zici tu. |
#5
Posted 20 September 2014 - 20:30
|
Am incercat,dar paddingul ramane.Oriunde le pun pe pagina tot asa ramane. am observat inca un lucru, de ex daca dau la ul width 100% , in dreapta mai imi pune din div portiunea padding-ului din stanga... Ar trebui sa pun width 95% la ul ca sa fie in dreapta suprapus perfect, dar padding-ul tot acolo e indiferent
|
#6
Posted 20 September 2014 - 20:34
|
Am sa iti testez imediat codul sa vad care e problema.
|
#8
Posted 20 September 2014 - 20:54
|
Eu la meniul meniu nu folosesc ul. Direct div id meniu si dupa li-uri la greu. Ca si HTML5 e eronat codul dar e greu in anumite situatii sa faci codul dupa standardele HTML5. Fa cum am zis. Pune margin-left:-40px la ul si dupa vezi daca ai scapat de acea margine din stanga de care zici tu. Doua sfaturi proaste intr-un singur reply. 1) Daca nu vrei efecte neasteptate atunci fa cum trebuie, nu cum crezi. 2) Din moment ce elementul are by default _padding-left: 40px;_ de ce sa nu pui regula _padding-left: 0;_ in loc de _margin-left: -40px;_? Nu intelegi ce e margin si ce e padding. Margin e spatiere *in exteriorul* elementului. Padding e spatiere *in interiorul* elementului. Din cauza asta margin negativ exista, pe cand padding negativ nu. Uite aici: http://jsfiddle.net/f90r27ho/1/ In plus, cand folosesti _float_ invata-te sa faci si clear. Ce e aia, google "clear css floats" (Articolul de pe quirksmode e foarte bun. Defapt, ar fi extraordinar daca te-ai apuca sa citesti tot ce e pe-acolo). Eu am folosit _overflow: hidden;_ pe ul. Edit: Uite asta e regula CSS default aplicata de Chrome pe ul-uri: ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
-webkit-padding-start se poate reseta cu padding-left: 0 -webkit-margin-before se poate reseta cu margin-left: 0 De unde am CSS-ul ala? Din Chrome Developer Tools. Click dreapta pe element -> Inspect element. |
#9
Posted 20 September 2014 - 20:58
<style>
#menu {
height:40px;
width:50%;
margin:0 auto;
margin-top:13px;
background-color:grey;
line-height:35px;
}
#menu ul {
list-style-type:none;
width:100%;
padding-left: 0px;
}
#menu ul li {
float:left;
}
#menu ul li a {
text-decoration:none;
}
</style>
Da-i replace cu acest cod. sergiu_spooky, ai dreptate mai ales la punctul 2. Greseala mea. |
#11
Posted 21 September 2014 - 06:37
|
Da,acum am ajuns si am reusit.Mersi fain baieti! |
|
#12
Posted 25 September 2014 - 14:58
|
Ok, hai sa iti dau cateva tips...
In primul rand, evita sa faci CSS pe id-uri, foloseste-le doar pentru link-uri in-page; In al doilea rand, de ce <div id="menu"> si dupa ul cand puteai sa faci direct <ul id="menu"> ? Din cate vad eu, nu vrei sa pui nimic altceva in meniu decat lista cu pagini si daca vrei sa pui un logo il poti pune tot in format de <li> atribuindu-i o clasa separata cu care sa-l pui unde vrei tu. Incearca sa scrii cat mai simplu. |
Anunturi
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
-
- Change Theme
- English
- Mark Community Read
- Termene & conditii
- Confidentialitate
- Consimtamant
- Cookies
- Help
© 2001-2023 Softpedia. All rights reserved. Softpedia® and the Softpedia logo are registered trademarks of SoftNews Net SRL.
Ora implicita a Forumului Softpedia este ora standard a Romaniei (GMT+2). Mai multe informatii →
⚠ Postarile afisate pe Forumul Softpedia reprezinta o opinie subiectiva a membrilor care le-au publicat si nu a SoftNews Net SRL.