Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

Un documentar amuzant despre un b...

Sare fina?

poate cineva sa completeze circui...
 Problema cu youtube si yahoo mail

Cer o umila recomandare pentru ca...

Unde fac distribuția 1.4 tsi...

Ceas de masa desteptator
 Singuratatea dupa 30 de ani? Cum ...

Ce intelegeti din aceasta formula...

Passat B8 Variant 4motion 2.0 dsg

Curea distributie slaba?
 ZF vs DSG / 2.0 TDI vs B47

Lenovo - Google Meet microfon - ...

Plata montare mobila Ikea

Incarcator laptop 19 V
 

Problema box in css

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

#1
balios

balios

    Active Member

  • Grup: Members
  • Posts: 1,867
  • Înscris: 27.06.2014
Salut. Am rugamintea, sa ma ajutati si pe mine putin. Precizez ca sunt FOARTE incepator in css, deci posibil sa nu explic foarte bine. Am un box de genul asta:

.box {
width: 650px;
padding: 0px;
border: 1px solid black;
margin: 0;
top: 30px;
}


Boxul contine umatoarele elemente, asezate una sub cealalta:

h2.title {
color: rgb(85,85,85);
position: relative;
left: 15px;
top: 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
}


.big-photo {
position: relative;
top: 30px;
}

Toate bune si frumoase pana aici.
Sub big-photo vreau sa am, in pull-left, entry-title si entry-meta, una sub cealalta.
In pull-right, vreau sa am o imagine mai mica. Asa ca am urmatorul cod.

.pull-left {
position: relative;
width: 400px;
left: 15px;
top: 25px;
font-family: Arial, Helvetica, sans-serif;
color: rgb(85,85,85);
}

h3.entry-title {
font-size: 17px;
}

p.entry-meta {
font-size: 14px;
}

.pull-right{
position: absolute;
width: 70px;
right: 0px;
top: 20px;
}


Problema este ca ca entry-meta ramane in afara box-ului. Nu reusesc sa il pun inauntru, sub entry-title.
Linia dejos a box-ului ramane deasura paragrafului.

Ma poate ajuta cineva?


Cred ca trebuie sa pun un div "entry" in html, inainte de pull-left. Dar habar nu am ce valori sa ii dau.

Edited by balios, 24 May 2015 - 19:37.


#2
sclifositu

sclifositu

    Senior Member

  • Grup: Senior Members
  • Posts: 2,664
  • Înscris: 28.08.2010
poate nu inteleg exact ce vrei dar incearca sa dai din html un warp text gen <p>Data<input  id="data" type="text" wrap="true" value="{{data}}"</p>

#3
rid

rid

    Senior Member

  • Grup: Senior Members
  • Posts: 3,775
  • Înscris: 23.02.2006
Pune si tu html`ul/css`ul si te`o ajuta careva ca cine stie ce varza o fi p`acolo... ca si`n css :D

#4
cristirg

cristirg

    Senior Member

  • Grup: Senior Members
  • Posts: 7,649
  • Înscris: 16.11.2012
-da tot codul html,css si vedem noi

#5
colombo2003

colombo2003

    Senior Member

  • Grup: Senior Members
  • Posts: 6,310
  • Înscris: 16.07.2008
Posteaza aici si codul html. Si css-ul intreg.


PS. Foloseste de exemplu Firebug (de la Mozilla).

Anunturi

Chirurgia spinală minim invazivă 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

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