ASP.NET web site search rezultati layout

Programiranje na Microsoft platformama.
3 post(ov)a • Stranica: 1/1.

ASP.NET web site search rezultati layout

PostPostao/la JohnCavil » 14 lip 2014, 22:42

Pozdrav,
radim projekt za faks u ASP.NET-u i zapeo sam na layoutu search rezultata, želim nešto slično ovome: http://www.gamestop.com/browse?nav=28-xu0 jer mi je tema online game shop i želio bi tako nekako dobiti rezultate, prvo sam htio sa tablicom, a kako mi se čini tako će i biti ako ne uspijem rješenje naći. Uglavnom, želim nešto ovako:
Kod: Označi sve
<table>
<tr>
<td rowspan="2" (zbog slike)><image /></td>
<td>
<div><h2(npr.)>Naslov</h2></div>
<div><p>opis</p></div>
(slika s lijeve strane, naslov i opis jedno ispod drugog s desne strane slike)
</td>
</tr>
</table>

e sad, ja bi htio da mi svaki rezultat ima obrub sa zaobljenim kutevima, ako se ne varam na <tr> se ne može to primjeniti pa sam onda mislio da bi rješenje bilo da za svaki rezultat radim novu tablicu što je vrlo nezgrapno. Može li mi tko dati neki prijedlog ili layout kako bi elementi bili poredani i koji da bi dobio to što želim ?
btw, tablica (ne mora nužno biti tablica, ali kažem zbog izgleda) bi se trebala generirati iz code behinda kako se dohvaćaju rezultati iz mysql db-a.

Re: ASP.NET web site search rezultati layout

PostPostao/la Armin » 15 lip 2014, 12:55

U suštini tvoj problem se nalazi samo u CSS-u jel tako?

Jesi li probao koristiti ?
"Ne žalim što su drugi pokrali moje ideje. Žalim što nemaju svoje"
Nikola Tesla

Re: ASP.NET web site search rezultati layout

PostPostao/la JohnCavil » 15 lip 2014, 13:47

Css bi bio samo obrub i uglovi, od bootstrapa koristim carousel već, navbar, poneki button etc., treba mi taj layout koji sam opisao ali da dodajem samo row i onda ta 3, 4 podatka u njega, a taj row ima obrub i zaobljene uglove (što je riješeno css-om), pošto tablicom to ne ide jer row ne može imati obrub tablicu sam odbacio.

edit: napravio sam to što mi treba sa div elementima i to trenutno izgleda ovako:
Kod: Označi sve
<div class="results-row">
<div class="results-img">
<img/>
</div>
<div class="results-info">
<h2 style="margin-top:0; margin-bottom:0;">Title</h2>
<p style="float:left;">Content</p>
</div>
<div class="results-price">
<h2>Price</h2>
</div>
</div>

točnije ovako nekako (title, content i price su gdje bi trebali biti, vamo su malo dislocirani): http://jsfiddle.net/3STeh/651/
a mislim da ću to tako i odratiti, najveći je problem što moram tu gomilu elemenata stavljati a to je nezgrapno preko code-behinda, mislio sam da postoji neki jednostavniji način, sa 2, 3 elementa za svaki od podataka koji mi trebaju.


3 post(ov)a • Stranica: 1/1.

Na mreži

Trenutno korisnika/ca: / i 0 gostiju.