Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
teava rezistenta panou apa calda

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

Renault Android

Recomandare bicicleta e-bike 20&#...

Bing-Content removal tool
 Nu pot accesa monitorulsv.ro de l...

Cum sa elimini urmele de acnee?

Wc Geberit

Routere detinute in trecut si in ...
 

Menu cu css nestandart

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

#1
daddyness

daddyness

    New Member

  • Grup: Members
  • Posts: 7
  • Înscris: 24.04.2011
Salut all,
Am nevoie de ajutorul si cunostintele voastre pentru rezolvarea unei probleme, care nu pot sa o ignorez. Este vorba despre realizarea unui meniu intr-un stil nu foarte obisnuit. Rezultatul la care trebuie sa ajung este asta:
[ http://g.iceimg.com/yzwhVa2F/arch3-thumb.jpg - Pentru incarcare in pagina (embed) Click aici ]
Prin css mie mi s-a primit asta :
[ http://g.iceimg.com/sLHep7TV/untitled-thumb.jpg - Pentru incarcare in pagina (embed) Click aici ]
borders si culoarea de backroud sunt pentru orientare, problema este ca prin css nu pot sa aranjez cercurile, am incercat cu instructiunea flex, dar nu s-a primit sau ceva nu am inteles eu
iata codul:
#navigation{
	 float: right;
	 width: 0;
	 height: 0;
	 border-left: 350px solid transparent;
	 border-right: 350px solid transparent;
	 border-bottom: 350px solid black;
}
#navigation nav ul {
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
}
#navigation nav li {
	 border: 1px solid #fff000;
	 display: inline;
	 margin-left: -55px;
	 margin-top: -30px;
}
#navigation nav a {
	 display: block;
	 width: 100px;
	 height: 100px;
	 border-radius: 50%;
	 border: 1px #a2a2a2 solid;
	 text-decoration: none;
	 text-align: center;
	 line-height: 95px;
	 margin: 5%;
}


Deci cum as putea sa aranjez cercurile, astfel sa fie ca in imagine ?

PS: inca ceva, fiecare item din meniu se genereaza, deci nu pot sa ma bag in codul html ca sa bag div-uri, trebuie sa lucrez cu div-urile si tagurile pe care le am. Poate exista vre-o tehnica nu numaidecit in css.
Mersi.

Edited by daddyness, 18 November 2014 - 21:03.


#2
GeorgeGeo

GeorgeGeo

    Active Member

  • Grup: Members
  • Posts: 1,066
  • Înscris: 01.05.2007
Pui coordonatele locatiei lor in pagina in % nu in pixeli

Sau altfel cam asa :


#Principale {
    position:absolute;
    width:203px;
    height:235px;
    z-index:1;
    left: 733px;
    top: 320px;
}
#About {
    position:absolute;
    width:181px;
    height:207px;
    z-index:1;
    left: 2px;
    top: 269px;
}
#Concept {
    position:absolute;
    width:200px;
    height:115px;
    z-index:2;
    left: -470px;
    top: -29px;
}

Edited by GeorgeGeo, 18 November 2014 - 21:17.


#3
daddyness

daddyness

    New Member

  • Grup: Members
  • Posts: 7
  • Înscris: 24.04.2011

 GeorgeGeo, on 18 noiembrie 2014 - 21:03, said:

Sau altfel cam asa :


Problema ca itemii meniului nu se afla intr-un file html fizic. Are rost poate sa incerc cu asta? http://www.w3schools...ectors.asp  ?

PS: treaba asta se face in drupal, poate ceva nu inteleg, in documentatie tot nu am gasit..

Edited by daddyness, 18 November 2014 - 22:49.


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