mi3dot.org :: View topic

Forum FAQ

Memberlist

Forum ignore list

Profile

fluid form

This forum is locked: you cannot post, reply to, or edit topics.

This topic is locked: you cannot edit posts or make replies.

mi3dot.org Forum Index -> Client-side

View previous topic :: View next topic

Author

Message

nel`chee

Joined: 08 Jul 2004
Posts: 2087
Location: Rijeka

Posted: 15.03.2007 19:20 Post subject: fluid form

form se sastoji od 2 elementa fiksne veličine i inputa koji se širi, no nijedno rješenje ne radi baš savršeno: 1. super u firefoxu i IE, ali u Operi je input fiksne veličine 2. ne funkcionira 3. izgleda ok u IE i Operi, ali u Firefoxu nikako 4. funkcionira - recimo, ali na različitim rezolucijama razmak nije isti, a to ne valja jer se pokušavam držati grida http://wip.inobscuro.com/unosposta.html prijedlozi?
_________________ ♥ art & design portfolio ♥ free Photoshop brushes stuff ♥ sketchblog ♥ facebook ♥

nel`chee

Joined: 08 Jul 2004
Posts: 2087
Location: Rijeka

Posted: 28.03.2007 22:20 Post subject:

još uvijek nisam uspjela naći rješenje... mislim da ću jednostavno za Operu javascriptom izračunati širinu.
_________________ ♥ art & design portfolio ♥ free Photoshop brushes stuff ♥ sketchblog ♥ facebook ♥

cimi

Joined: 22 Mar 2007
Posts: 13
Location: Zagreb

Posted: 29.03.2007 17:17 Post subject:

kolko mrzim tu operu... zašto ljudi to koriste kad ništa ne radi kako spada u njoj?

Tristan

Joined: 01 Aug 2006
Posts: 614
Location: Under the sky

Posted: 29.03.2007 17:18 Post subject:

cimi wrote:

kolko mrzim tu operu... zašto ljudi to koriste kad ništa ne radi kako spada u njoj? Rolling Eyes

Pa jel nema opera pravilniji prikaz od ff-a Question

_________________
Carpe diem...

Gaston

Joined: 14 Dec 2003
Posts: 619
Location: 10310

Posted: 29.03.2007 17:23 Post subject:

cimi wrote:

kolko mrzim tu operu... zašto ljudi to koriste kad ništa ne radi kako spada u njoj? Rolling Eyes

jedino sto u Operi ne radi kak se spada su stranice koje nisu "kak se spada"

nel`chee

Joined: 08 Jul 2004
Posts: 2087
Location: Rijeka

Posted: 29.03.2007 21:37 Post subject:

Gaston wrote:

cimi wrote:

kolko mrzim tu operu... zašto ljudi to koriste kad ništa ne radi kako spada u njoj? Rolling Eyes

jedino sto u Operi ne radi kak se spada su stranice koje nisu "kak se spada"

onda mi, molim te, reci kako da napravim ovo "kak se spada".
nije sarkazam.

_________________
♥ art & design portfolio ♥ free Photoshop brushes stuff ♥ sketchblog ♥ facebook ♥

Gaston

Joined: 14 Dec 2003
Posts: 619
Location: 10310

Posted: 29.03.2007 22:04 Post subject:

iskreno, ne znam moj post se nije odnosio na tebe i tvoj problem vec na to da se ne moze reci da neki browser ne valja zato sto se u njemu neka stranica ispravno ne prikazuje ja bi onda mogao reci da je Safari cisto sranje jer se vise od pola hr weba u njemu ispravno ne prikazuje operu ne volim ali ne mogu reci "zasto to ljudi koriste, to nista ne valja" jer je sigurno jedan od najboljih browsera kad meni nesto ne radi u nekom od browsera uzmem u obzir ciljane korisnike te stranice, koliko ih je uopce culo da postoji nesto drugo osim IE i ukoliko ne nadjem rjesenje problema jednostavno zanemarim ono u cemu mi sajt ne radi dobro pa ne radis stranicu za mi3 freakove

sonam

Joined: 06 Dec 2006
Posts: 92
Location: <?php between ?>

Posted: 29.03.2007 23:18 Post subject:

Znam da ce me sad neki namazati na kruh, ali mozda da ipak probas s tablicom i napravis srenji cell autostrech te definiras za tekst input width: 100%; ili koliko ti vec treba. Sonam
_________________ Q: Should I stay, should I go? A: Yes!

Moebius

Joined: 26 Jan 2004
Posts: 245
Location: zagreb

Posted: 30.03.2007 00:13 Post subject:

Uz mali tweak na html-u (dodan span tag unutar labela sa display: block;, tako da textbox uvijek uzima punu sirinu), ovo bi moglo biti blizu:

Code:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
* {margin: 0; padding: 0; border: none; text-decoration: none;}
html {
background: #bdbdbd;
height: 100%;
color: #333;
font: 65% "Arial", "Tahoma", "Verdana", sans-serif;
}
body {
position: relative;
padding-bottom: 10px;
}
/*sadrzaj*/
#sadrzaj {
clear: both;
background: #fff;
padding: 15px;
}
hr {
clear: both;
width: 100%;
background: #eee;
margin: 20px 0;
}

/*formulari*/
form {padding: 10px;}
.htmlkod form, .sadrzaj form {
position: absolute;
top: 50px;
left: 10px;
right: 10px;
bottom: 10px;
padding: 0;
}

legend {display: none;}
.unosposta label {
font: 180%/2 "Trebuchet MS", "Helvetica", "Verdana", sans-serif;
color: #505050;
border: 1px solid red;
margin-right: 300px;
display: block;
padding: 0 10px;
}

.unosposta label span
{
display: block;
border: solid 1px #0d0;
margin: 0;
padding: 0;
}

input.unos, textarea, input.upload {
border: 1px solid #c5c5c5;
background: url(img/input.jpg) #fff 0% 0%;
font: 100% "Arial", "Tahoma", "Verdana", sans-serif;
padding: .2em 0 .2em .4em;
}

.unosposta {position: relative;}

.unosposta input.unos {
font-size: 90%;
font-weight: bold;
width: 99%;
}

form .alati {
width: 258px;
list-style: none;
float: right;
padding: 10px;
border: 1px solid blue;
margin-top: -6.7em;
}

/*clearing*/
form:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
</style>
</head>
<body>
<div id="sadrzaj">
<form class="unosposta" action="#">
   <fieldset>
   <legend>Unos posta</legend>
   <label><span>Naslov:</span><input type="text" class="unos" name="naslov" /></label>
   <div class="alati">
      bla
   </div>
   </fieldset>
</form>
<hr />
</div>
</body>
</html>

Marvin

Joined: 22 Apr 2004
Posts: 72

Posted: 30.03.2007 14:45 Post subject:

Gaston wrote:

iskreno, ne znam
moj post se nije odnosio na tebe i tvoj problem vec na to da se ne moze reci da neki browser ne valja zato sto se u njemu neka stranica ispravno ne prikazuje

ja bi onda mogao reci da je Safari cisto sranje jer se vise od pola hr weba u njemu ispravno ne prikazuje

operu ne volim ali ne mogu reci "zasto to ljudi koriste, to nista ne valja" jer je sigurno jedan od najboljih browsera

kad meni nesto ne radi u nekom od browsera uzmem u obzir ciljane korisnike te stranice, koliko ih je uopce culo da postoji nesto drugo osim IE i ukoliko ne nadjem rjesenje problema jednostavno zanemarim ono u cemu mi sajt ne radi dobro

Neki browser nije sranje jer se u njemu ispravno napisana stranica ne prikazuje ispravno.
Takvom logikom bi mogli reci da su i drugi browseri koji neznaju ispravno renderirati ispravno napisane stranice sranje.
Opera dakle nije sranje jer je jedan od najboljih browsera.

Ja doduse ne vidim greske u tvojim ispravno napisanim stranicama, mada na njoj ne rade samo stranice koje nisu "kak se spada".
Uostalom, zasto ne bi ostavila tako kako jest, pa neka Opera i dalje neispravno prikazuje ispravno napisane stranice - iako Opera nije zbog toga sranje, vec je stovise jedan od najboljih browsera - tko uopce koristi tu Operu, jedan od najboljih browsera?

Rolling Eyes

supergrejt

Joined: 10 Nov 2003
Posts: 69

Posted: 30.03.2007 17:22 Post subject:

ja koristim operu, prezadovoljan

nel`chee

Joined: 08 Jul 2004
Posts: 2087
Location: Rijeka

Posted: 31.03.2007 17:56 Post subject:

Gaston wrote:

kad meni nesto ne radi u nekom od browsera uzmem u obzir ciljane korisnike te stranice, koliko ih je uopce culo da postoji nesto drugo osim IE i ukoliko ne nadjem rjesenje problema jednostavno zanemarim ono u cemu mi sajt ne radi dobro

pa ne radis stranicu za mi3 freakove Wink

vlasnik stranice me je upozorio na taj problem, dakle ne mogu ga zamenariti Confused

sonam wrote:

Znam da ce me sad neki namazati na kruh, ali mozda da ipak probas s tablicom i napravis srenji cell autostrech te definiras za tekst input width: 100%; ili koliko ti vec treba. Rolling Eyes

not an option.

Moebius wrote:

Uz mali tweak na html-u (dodan span tag unutar labela sa display:

hvala na trudu, ali mislim da nisi dobro shvatio problem, tekst "Naslov" i input moraju biti u istom redu.

@Marvin: vidi odgovor Gastonu.

_________________
♥ art & design portfolio ♥ free Photoshop brushes stuff ♥ sketchblog ♥ facebook ♥

Display posts from previous:

	mi3dot.org Forum Index -> Client-side	All times are GMT + 1 Hour
Page 1 of 1

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum