Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Digi conectare 2 routere prin fir

Succesiune notar versus instanta ...

Montaj aer conditionat in balcon ...

Cont curent mulți valuta far...
 Sugestii plan casa

Experiente cu firme care cumpara ...

joc idem Half Life gratis

PC game stream catre Nvidia Shiel...
 Pompa de apa HEPU ?!

Vreau o masina electrica de tocat...

Cum ajunge remorca de tir inapoi ...

Alt "Utilizator nou" pe T...
 ULBS INFORMATICA

Index preturi

Boxa membrana tweeter infundata

Am nevoie de poze cu un curcubeu
 

learning CSS

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

#19
RDORDO

RDORDO

    Junior Member

  • Grup: Members
  • Posts: 89
  • Înscris: 04.12.2004
Salut

Multumesc mult pentru raspuns si pentru rapiditate...adica la doar 10 minute toata explicatia aia, tot respectul


Partea proasta e ca tot nu am reusit....am inteles ce ai zis dar din pacate nu mi-a mers....a mers pe orizontala dar pe verticala tot nu merge

Un test scris nu prea frumos dar care ilustreaza este

<body>

<div style="margin:auto; width:200px; height:200px;">

Cucu Rigu

</div>

</body>

Chestia asta imi centreaza pe mijlocul paginii, dar numai pe orizontala....pe verticala este in partea de sus a paginii

#20
aolex

aolex

    Senior Member

  • Grup: Banned
  • Posts: 3,829
  • Înscris: 06.12.2004
inseamna ca nu se poate, cu toate ca teoretic... :D.

#21
RDORDO

RDORDO

    Junior Member

  • Grup: Members
  • Posts: 89
  • Înscris: 04.12.2004
Aha, ok.....
dar atunci care ar fi solutia? un tabel cu height de 100% si vertical align pe mijloc?

10x a lot

#22
MembruAnonim

MembruAnonim

    MembruAnonim

  • Grup: Banned
  • Posts: 398,284
  • Înscris: 08.10.2015
<body>

<div style="vertical-align:middle;">
<img src="spacer.gif" width="1" height="100%" alt="" align="middle" />
<div style="margin:auto; width:200px; height:200px;">

Cucu Rigu

</div>
</div> <!-- /wrapper -->
</body>

așa ar trebui să meargă... :) să existe spacer.gif în directorul html :)

#23
sebulbus

sebulbus

    cereal killer

  • Grup: Senior Members
  • Posts: 25,915
  • Înscris: 03.12.2005
spacer.gif degeats the purpose of css.

ok, nu merge centrarea pe verticala din urmatorul motiv:
priviti pagina ca ceea ce se vede prin viewportul browserului. dar de fapt pagina trebuie privita ca rola de banda dintr-o caseta, tu vezi portiunea curenta (presupunem ca esti la un capat) dar se poate derula in jos, aducand o alta portiune in vizibil.

ca atare, mijlocul a ce? si astfel s-a elimintat alinierea verticala.

daca vrei un surogat de centrare pe verticala, da-i un padding-top sau un margin-top si un height fix. tinteste pe rezolutia cea mai folosita si hope for the best.

#24
aolex

aolex

    Senior Member

  • Grup: Banned
  • Posts: 3,829
  • Înscris: 06.12.2004
sau lucreaza in procente...

#25
RDORDO

RDORDO

    Junior Member

  • Grup: Members
  • Posts: 89
  • Înscris: 04.12.2004
Salut

si o ultima intrebare legata de problema:

Care dintre urmatoarele 2 solutii ar fi mai "buna"(in concordanta cu noile "standarde", directii)???

1. cea propusa de ionutzb SAU
2.

<body>
<table height="100%">
<tr>
<td valign="middle">
<DIV style="margin:auto; border:2px; width:120px;">
Cucu bau
</DIV>

</td>
</tr>
</table>

</body>

Multumesc mult

@sebulbus: in varianta propusa de tine, pe langa rezumarea la o singura rezolutie, in momentul redimensionarii ferestrei browserului nu se mai pastreaza pozitionarea centrara, nu?

#26
MembruAnonim

MembruAnonim

    MembruAnonim

  • Grup: Banned
  • Posts: 398,284
  • Înscris: 08.10.2015
îţi dai seama că dacă ai folosit tabele se duce dracu tot css based layout :w00t:

//edit
codul care l-am pus mai sus nu merge :death: am plecat de la premisa că lângă o imagine poţi pune un div dar se pare că nu prea merge :death:
prin urmare: poţi găsi ce îţi trebuie la http://www.jakpsatwe...r-solution.html
sau uite-te în sursă de la http://www.c-ovidiu.tk/ :)

Edited by i0nutzb, 28 December 2005 - 21:43.


#27
sebulbus

sebulbus

    cereal killer

  • Grup: Senior Members
  • Posts: 25,915
  • Înscris: 03.12.2005
daca e sa aleg ceva as alege sa nu fie acolo spacer.gif :)

oricum, si solutiile css in mare parte sunt hacks sau exploatarii ale comportamentului de tabel.

cheers

edit:
rdordo: daca padding e in unitati absolute, nu. dar cine zice ca trebuie sa fie? :)

oricum, nu m-a atras niciodata ideea de vertical centering ca sa fac asta. folosesc o rezolutie suficient de non standard cat sa ma bucur periodic de rezultatele implementarii altora.

Edited by sebulbus, 28 December 2005 - 22:29.


#28
danburzo

danburzo

    Member

  • Grup: Members
  • Posts: 436
  • Înscris: 12.06.2005
http://www.jakpsatwe...r-solution.html

#29
sebulbus

sebulbus

    cereal killer

  • Grup: Senior Members
  • Posts: 25,915
  • Înscris: 03.12.2005

View Posti0nutzb, on Dec 28 2005, 20:33, said:



View Postdanburzo, on Dec 29 2005, 10:46, said:



iti dai seama ca toti stim sa ne dam cu google :)

#30
again

again

    WEB DUDE

  • Grup: Senior Members
  • Posts: 7,068
  • Înscris: 21.10.2005
ca sa nu mai fac alt topic, e vorba tot de o problema css:

<div id="header">
<img src="imagine.gif" />
<div id="banner">
<?php include("ceva.php"); ?>
</div>
</div>

daca fac asa imi pun div-ul "banner" pe urmatorul rand pe cand eu vreau sa fie peste acea imagine
trebuie sa existe un atribut care sa "anuleze" asta sau o solutie

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