Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Laptop cu HDD atasare memorie MMC...

Hartile google nu mai au chenarul...

Tomate in ghiveci la curte?

Idei cale de actiune recuperare g...
 Intoleranța lactoza- vegan v...

Tobe acustice insonorizare in blo...

Cine canta? Fragment din melodie...

Tablou sigurante Dacia Sandero 2012
 Baby Reindeer - 2024

Hotii voteaza hoti?!

Camera video masina

Zilele emailului din gospodaria n...
 Best gaming laptop?

Humane (2024)

Recomandare casti 100-150 lei

Schimbare bec far VW Touran 1T3
 

divuri in div

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

#1
Pwsmer

Pwsmer

    Junior Member

  • Grup: Members
  • Posts: 175
  • Înscris: 01.07.2008
Am 3 divuri cu width 100px si float : left intrun div cu width 600 . Problema e cum pot sa fac ca cele 3 divuri sa fie puse in centrul divului mare iar divul mare pe centru ?

Edited by Pwsmer, 09 August 2010 - 18:31.


#2
DarkAngelBv

DarkAngelBv

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

  • Grup: Senior Members
  • Posts: 12,747
  • Înscris: 24.03.2006
ai mai multe variante pentru cele 3 div-uri de 100px.
1. float left pe unul, float right pe altul si unul fara float, cu margin auto
2. float left pe toate 3 cu margin fix.

pentru div-ul mare doar o solutie buna ai. margin:0 auto;

#3
Pwsmer

Pwsmer

    Junior Member

  • Grup: Members
  • Posts: 175
  • Înscris: 01.07.2008

View PostDarkAngelBv, on 9th August 2010, 19:51, said:

ai mai multe variante pentru cele 3 div-uri de 100px.
1. float left pe unul, float right pe altul si unul fara float, cu margin auto
2. float left pe toate 3 cu margin fix.

pentru div-ul mare doar o solutie buna ai. margin:0 auto;

Am incercat varianta 1 dar se vede aiurea.
HTML
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">
<div class="a1">1</div><div class="a2">2</div><div class="a3">3</div>
</div>
</body>
</html>

body {
	background-color: #287ede;
	}
div.container{
	width: 400px;
	margin: auto;
	border: 1px solid black;
	}
div.a1{
	border: 1px solid black;
	color: white;
	width: 100px;
	float: left;
	}
	
div.a2{
	border: 1px solid black;
	color: white;
	width: 100px;
	margin: auto;
	}
div.a3{
	border: 1px solid black;
	color: white;
	width: 100px;
	float: right;
	}

Attached Files

  • Attached File  see.JPG   4.46K   22 downloads


#4
Jumping Jack

Jumping Jack

    Member

  • Grup: Members
  • Posts: 622
  • Înscris: 12.09.2007

View PostPwsmer, on 9th August 2010, 19:02, said:

Am incercat varianta 1 dar se vede aiurea.

Asta pentru ca un element cu float nu poate urca deasupra ultimului pixel al unui element anterior fara float. Adicatelea, va incepe de la nivelul la care cel dinainte se termina.
Ca sa iti mearga trebuie sa schimbi ordinea div-urilor:

<div class="a1">1</div>
<div class="a3">3</div>
<div class="a2">2</div>

Darkangel ti-a zis foarte bine, insa nu a subliniat ca e importanta ordinea.

Edited by Jumping Jack, 09 August 2010 - 20:59.


#5
Pwsmer

Pwsmer

    Junior Member

  • Grup: Members
  • Posts: 175
  • Înscris: 01.07.2008

View PostJumping Jack, on 9th August 2010, 21:56, said:

Asta pentru ca un element cu float nu poate urca deasupra ultimului pixel al unui element anterior fara float. Adicatelea, va incepe de la nivelul la care cel dinainte se termina.
Ca sa iti mearga trebuie sa schimbi ordinea div-urilor:

<div class="a1">1</div>
<div class="a3">3</div>
<div class="a2">2</div>

Darkangel ti-a zis foarte bine, insa nu a subliniat ca e importanta ordinea.
a mers f. bine va multumesc la amandoi. poti explica si detalia putin problema asta , ca sa inteleg.

Anunturi

Second Opinion Second Opinion

Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale.

Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit.

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