[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

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

[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