Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Frecventa modificata radio

Un nou pericol pt batrani

Ar trebuii sa vindem imobiliarele...

Dupa renuntarea la aparat dentar
 pelerinaj in Balcik

Noul format Jpegli iși propu...

Dade, dade

Parola la lock screen
 Deparazitare externa pisici fara ...

Seriale turcesti/coreene online H...

Merita un Termostat Smart pentru ...

Sfat achizitie MTB Devron Riddle
 Problema mare cu parintii= nervi ...

switch microtik

Permis categoria B la 17 ani

Sfaturi pentru pregatirea de eval...
 

Aranjare div

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

#1
webulxpert

webulxpert

    Senior Member

  • Grup: Senior Members
  • Posts: 2,065
  • Înscris: 28.09.2006
salut,

vreau sa pun o imagine de fundal alaturi de un div.

ca sa intelegeti mai bine ce vreau sa fac am reprezentat totul intr-o imagine.

acolo unde apare cifra 1 e ceea ce vreau sa pun in zona incercuita cu rosu.

Attached Files


Edited by webulxpert, 08 March 2012 - 23:55.


#2
onlyone

onlyone

    - - - GAME MASTER - - -

  • Grup: Senior Members
  • Posts: 12,845
  • Înscris: 08.10.2005
o posibilitate:
main sa aiba pozitionarea relativa
pentru curbura aia fa un div cu pozitionare absoluta fata de divul main si cu imaginea aia drept background

#3
Nemesis-

Nemesis-

    Zeitsă

  • Grup: Senior Members
  • Posts: 7,253
  • Înscris: 23.05.2011
div.menu - relativ
prelungirea meniului, sa zicem div.menu-ext, o pui in div.menu, si o pozitionezi absolut, cu top: 0 si left: 100% (si sa nu uiti de width si height)

#4
DarkAngelBv

DarkAngelBv

    === Proud owner of === ++++ Audi & Opel ++++

  • Grup: Senior Members
  • Posts: 12,747
  • Înscris: 24.03.2006
ca sa "iasa" in afara div-ului trebuie sa puna right:-Xpx unde X este width-ul imaginii.

#5
webulxpert

webulxpert

    Senior Member

  • Grup: Senior Members
  • Posts: 2,065
  • Înscris: 28.09.2006
multumesc, pentru ca sa pozitionez intr-o parte functioneaza.

cand incerc sa pun imagine si in partea dreapta si in stinga se pune ori in stinga ori in dreapta.

cod CSS:

.menu #right
{
	position:absolute;
	background:url('images/menu-right.png') no-repeat;
	top:0;
	left:100%;
	width:7px;
	height:64px;
}

.menu #left
{
	position:absolute;
	background:url('images/menu-left.png') no-repeat;
	top:0;
	left:-7px;
	width:7px;
	height:64px;
}

cum trebuie sa fac ?

#6
onlyone

onlyone

    - - - GAME MASTER - - -

  • Grup: Senior Members
  • Posts: 12,845
  • Înscris: 08.10.2005
cum arata css de la .main ?
i-ai dat pozitionare relativa?

#7
webulxpert

webulxpert

    Senior Member

  • Grup: Senior Members
  • Posts: 2,065
  • Înscris: 28.09.2006
.main
{
	position:relative;
	background:url('images/main-bg.png');
	border-radius:10px;
	height:400px;
	margin-top:100px;
}

si .menu e tot relative.

asa arata codul in html:
<div class='menu'>
					<div id="right"><div>
					<div id="left"><div>
</div>

Edited by webulxpert, 10 March 2012 - 01:39.


#8
onlyone

onlyone

    - - - GAME MASTER - - -

  • Grup: Senior Members
  • Posts: 12,845
  • Înscris: 08.10.2005
da-i la main o latime in pixeli.

#9
webulxpert

webulxpert

    Senior Member

  • Grup: Senior Members
  • Posts: 2,065
  • Înscris: 28.09.2006
am rezolvat putin nu chiar bine cred eu.

left l-am positionat relative, si am dat left: -477px; unde 470px e marimea lui main + 7 pixel marimea imaginii din stinga.


multumesc pentru ajutor.

Anunturi

Chirurgia endoscopică a hipofizei Chirurgia endoscopică a hipofizei

"Standardul de aur" în chirurgia hipofizară îl reprezintă endoscopia transnazală transsfenoidală.

Echipa NeuroHope este antrenată în unul din cele mai mari centre de chirurgie a hipofizei din Europa, Spitalul Foch din Paris, centrul în care a fost introdus pentru prima dată endoscopul în chirurgia transnazală a hipofizei, de către neurochirurgul francez Guiot. Pe lângă tumorile cu origine hipofizară, prin tehnicile endoscopice transnazale pot fi abordate numeroase alte patologii neurochirurgicale.

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