[css] text - user input - text

#1
szerky

Posted 22 July 2008 - 18:26

Member

Grup: Members
Posts: 265
Înscris: 10.07.2008

Salutari,

Incerc cam de o ora si ceva sa centrez pe cate un rand urmatoarele elemente :
text fata input - user input - text dupa input . Mai concret doresc sa fac ceva ca in imaginea http://i34.tinypic.com/t7e2y1.jpg .

As vrea ca user inputurile de pe centru sa fie fixe adica daca textul din fata lui are 5 caractere , iar apoi pe randul urmator tot in fata unui user input pun un text insa cu 12 caractere .. atunci user inputurile sa ramana fixe , in mod normal cel de jos va venii mai la dreapta deoarece textul are 12 caractere .

De reusit am reusit insa cu foarte mult  

)) .. mi se pare inestetic , deci doresc o solutie mai eleganta .

Are cineva vreo idee sau vreun tutorial la obiect ?

Multumesc,

Back to top

#2
flipper4u

Posted 22 July 2008 - 18:55

Member

Grup: Members
Posts: 386
Înscris: 18.08.2006

de ce nu faci un tabel din 3 coloane si 2 randuri? si pui background o imagine de 1*10 cu o dunga jos, astfel iti ies si liniile alea.. nu stiu exact daca va fi de 10 pixeli inaltimea imaginii, incerci si tu... asa este mai simplu, zic eu..

Back to top

#3
B3aT

Posted 22 July 2008 - 19:57

Member

Grup: Members
Posts: 749
Înscris: 02.03.2005

Cu spatii nu poti reusit, poate mai schimbi textul.
Faza cu tabelul e cea mai simpla solutie, dar nu e frumos, nu sunt date tabelare.

<div id="rand">Text <input 1/><span>Dreapta</span></div>
Apoi css
div#rand {width:100%;border-bottom:3px solid black;}
div#rand input {margin-left:20px;}
div#rand span{margin-left:80px;color:red;}

Verifical si modifical, nu l-am testat doar ca idee.

Back to top

Anunturi

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

[css] text - user input - text

#1 szerky Posted 22 July 2008 - 18:26

#2 flipper4u Posted 22 July 2008 - 18:55

#3 B3aT Posted 22 July 2008 - 19:57

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
szerky

Posted 22 July 2008 - 18:26

#2
flipper4u

Posted 22 July 2008 - 18:55

#3
B3aT

Posted 22 July 2008 - 19:57