DevProTalk

Forumi IT profesionalaca
web development, web design, e-business, SEO


Idite nazad   DevProTalk > Web dizajn i usability > Web design, Layout, User Interface
Želite da se reklamirate ekskluzivno na ovoj poziciji? Javite se

Web design, Layout, User Interface Dizajn tehnike, user interface

Odgovori
 
Alati teme Način prikaza
Staro 13. 01. 2010.   #1
marijano
član
Certified
 
Datum učlanjenja: 25.10.2008
Poruke: 52
Hvala: 13
0 "Hvala" u 0 poruka
marijano is on a distinguished road
Default Kako napraviti ovaj element u CSS ili HTML?

Pomagajte ako znate:

Nov sam u dizajniranju pa sam dosao do problema sa jednim elementom koji treba da ugradim u sajt. Dostavljen mi je izgled uradjen u fotosopu, al ja ne umem da ga napravim u CSS ili HTML-u. Pokusao sam da objasnim da je dovoljno dobro napraviti i pun okvir, ali insistiraju da izgleda bas ovako.
Primer je u attachmentu.
Konkretno problem mi je da postavim tekst na obod okvira i da da isecem okvir na tom mestu
Priloženi thumbnailovi
Kliknite na sliku za uvećanu verziju

Naziv:	primer.png
Pregleda:	1129
Veličina:	1,6 KB
ID:	754  
marijano je offline   Odgovorite uz citat
Staro 13. 01. 2010.   #2
martinluter
profesionalac
Qualified
 
Datum učlanjenja: 02.05.2009
Poruke: 193
Hvala: 27
8 "Hvala" u 6 poruka
martinluter is on a distinguished road
Default

Evo resenja:

HTML kôd:
<fieldset style='width:400px; height:200px; border:2px solid red; color:red;'>
<legend style='padding:0px 4px 0px 4px;'>Test</legend>
</fieldset>
Ove style-ove mozes da izvuces i smestis u CSS
martinluter je offline   Odgovorite uz citat
"Hvala" martinluter za poruku:
Staro 13. 01. 2010.   #3
[nq]
web dude
Grand Master
 
Datum učlanjenja: 09.06.2005
Poruke: 912
Hvala: 46
24 "Hvala" u 21 poruka
[nq] is on a distinguished road
Default

yap, ali samo ako je u pitanju forma, inace uzmi lepo DIV lupi mu border, a gore zalepi absolutnim pozicioniranje neki p, span, sta vec hoces i samo mu zalepi pozadinu da sakrije border.
[nq] je offline   Odgovorite uz citat
"Hvala" [nq] za poruku:
Staro 14. 01. 2010.   #4
ivanhoe
Ivan Dilber
Sir Write-a-Lot
 
Avatar ivanhoe
 
Datum učlanjenja: 18.10.2005
Lokacija: Bgd
Poruke: 5.320
Hvala: 104
2.344 "Hvala" u 583 poruka
ivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svima
Pošaljite poruku preko Skype™ za ivanhoe
Default

a mozes recimo i ovako:
Kôd:
.tvojBox { border:1px solid #f00; }
.tvojTitle { 
   padding: 0 10px;
   margin-top: -30px; /* ili koliko vec treba zavisno od velicine fonta */
   background-color:#fff;
}
__________________
Leadership is the art of getting people to want to do what you know must be done.
ivanhoe je offline   Odgovorite uz citat
"Hvala" ivanhoe za poruku:
Staro 15. 01. 2010.   #5
marijano
član
Certified
 
Datum učlanjenja: 25.10.2008
Poruke: 52
Hvala: 13
0 "Hvala" u 0 poruka
marijano is on a distinguished road
Default

Extra. Hvala.

Samo imam jos jedan problemcic - ivice treba da budu zaobljene (coskovi kvadrata).
marijano je offline   Odgovorite uz citat
Staro 15. 01. 2010.   #6
Mladjo
Mladen Milentijevic
Professional
 
Avatar Mladjo
 
Datum učlanjenja: 20.06.2007
Lokacija: Sweden
Poruke: 224
Hvala: 43
21 "Hvala" u 21 poruka
Mladjo is on a distinguished road
Default

Kôd:
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
I stavis koliki radius hoces. Ovo ne radi u nijednom IE.
__________________
Mladen Milentijevic
Mladjo je offline   Odgovorite uz citat
Staro 15. 01. 2010.   #7
japan
novi klan
Professional
 
Avatar japan
 
Datum učlanjenja: 03.02.2007
Poruke: 326
Hvala: 43
427 "Hvala" u 50 poruka
japan će postati "faca" uskorojapan će postati "faca" uskorojapan će postati "faca" uskorojapan će postati "faca" uskorojapan će postati "faca" uskoro
Default

http://malsup.com/jquery/corner/
__________________
We professional we dealin' with business
japan je offline   Odgovorite uz citat
2 članova zahvaljuje japan za poruku:
Staro 26. 01. 2010.   #8
Krsto
novi član
Na probnom radu
 
Avatar Krsto
 
Datum učlanjenja: 10.04.2008
Lokacija: Beograd
Poruke: 13
Hvala: 1
4 "Hvala" u 3 poruka
Krsto is on a distinguished road
Pošaljite poruku preko MSN za Krsto Pošaljite poruku preko Yahoo za Krsto Pošaljite poruku preko Skype™ za Krsto
Default

Citat:
Originalno napisao leonl Pogledajte poruku
Kôd:
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
I stavis koliki radius hoces. Ovo ne radi u nijednom IE.
Meni često i u raznim Operama pravilo frku ...
Krsto je offline   Odgovorite uz citat
Staro 02. 04. 2010.   #9
WebDizajniranje
novi član
 
Avatar WebDizajniranje
 
Datum učlanjenja: 07.12.2009
Lokacija: Graničarska 2, Salajka, Novi Sad, Vojvodina, Srbija, Evropa...
Poruke: 7
Hvala: 1
0 "Hvala" u 0 poruka
WebDizajniranje is on a distinguished road
Default

japan,

Ovaj jQuery corner sa tvoga linka mi izgleda fantastičan, proučiću ga detalnije da vidim kako funkcioniše. Ja sam do sada zaobljene ivice radio na primitivan način, obmotavanjem nekolkiko div-ova oko sadržaja. Hvala na linku.
WebDizajniranje je offline   Odgovorite uz citat
Odgovori


Alati teme
Način prikaza

Pravila pisanja
Možete ne započinjati nove teme
Možete ne slati odgovore
Možete ne slati priloge
Možete ne izmeniti svoje poruke
vB kôd je Uključen
Smajliji su Uključen
[IMG] kod je Uključen
HTML kôd je Isključen
Pogledajte forum

Slične teme
Tema Početna poruka teme Forum Odgovori Poslednja poruka
JS remove html element nordica (X)HTML, JavaScript, DHTML, XML, CSS 3 28. 08. 2010. 01:46
Kako resiti ovaj upit mega023 SQL baze podataka - Sponzor: Baze-Podataka.net 10 14. 04. 2009. 10:31
Kako naci prethodni i sledeci element asocijativnog niza? Pedja PHP 13 28. 07. 2007. 00:49
JS add/remove html element + dropdown twix (X)HTML, JavaScript, DHTML, XML, CSS 6 11. 03. 2007. 23:33
Kako koristiti ovaj sajt? Miloje Sekulic Planiranje i usability 15 22. 03. 2006. 11:20


Vreme je GMT +2. Trenutno vreme je 11:40.


Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.
Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.