Kako napraviti okvire za tekst sa naslovom?

1

Kako napraviti okvire za tekst sa naslovom?

offline
  • Miloš
  • Pridružio: 23 Maj 2011
  • Poruke: 1069

Mozda ovo "cudo" ima ime,ali ga ja ne znam Very Happy ,tako da ga nisam mogao naci na forumu ne znajuci sta da trazim.Uglavnom,treba mi ovo sto ima MC:




Dakle,da mogu da postavim naslov, i naravno text u tom box-u.Mozda se ovo pravi u HTML-u,ali bi mi dobrodosle CSS preporuke,u vezi dizajna,tj. stil i debljina okvira itd. Smile

Hvala! Smile



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • bocke  Male
  • Moderator foruma
  • Glavni moderator Linux foruma
  • Veliki Pingvin
  • Guru
  • Pridružio: 16 Dec 2005
  • Poruke: 12486
  • Gde živiš: Južni pol

Obično takve stvari ne pitaš, nego pogledaš u izvornom kodu. U Firefoxu: desno dugme->"View page source".

Ovako na prvi pogled liči na html tabelu. Ali isto se može postići i uz upotrebu div-ova i malo CSS, mada to zna da iskomplikuje stvari.

Generalno... U pitanju je tabelarni prikaz, ne layout. Dakle za tabelarni prikaz koristiš tabele, za layout ili za vizuelno sređivanje tabelarno prikazanih podataka koristiš CSS.



offline
  • Miloš
  • Pridružio: 23 Maj 2011
  • Poruke: 1069

Pa mogao sam ja odma' da sa dva div-a napravim ovo,ali sam mislio da postoji jednistven kod.I pogledao sam izvorni kod,ali sta vrijedi kad ne vidim CSS,vidio sam div-ove ali i dalje nisam znao o cemu se radi.Sad cu da googlam tu tabelu,hvala ti Smile

offline
  • bocke  Male
  • Moderator foruma
  • Glavni moderator Linux foruma
  • Veliki Pingvin
  • Guru
  • Pridružio: 16 Dec 2005
  • Poruke: 12486
  • Gde živiš: Južni pol

Nisi valjda toliko smotan. Smile



Sad pogledaj u priloženi CSS klase "sidebox", "sidebox_content", itd...

offline
  • C# and PHP Developer
  • Pridružio: 16 Feb 2011
  • Poruke: 1630
  • Gde živiš: Pancevo

Evo ti test da vidis cisto kako se to radi pa ga ti stilizuj. Ovo sam ispisao nabrzaka

DEMO

offline
  • Miloš
  • Pridružio: 23 Maj 2011
  • Poruke: 1069

Napisano: 23 Sep 2013 12:23

_iKaC ::Evo ti test da vidis cisto kako se to radi pa ga ti stilizuj. Ovo sam ispisao nabrzaka

DEMO


E ovakav odgovor mi je trebao,zahvaljujem Ziveli

bocke ::
Nisi valjda toliko smotan. Smile


Ne.Mozda mi hvali malo znanja,ali se uz fino objasnjenje to regulise.Hvala i tebi.

Dopuna: 23 Sep 2013 22:11

Nego,nesto me zeza sad ovo,ima razmak izmedju naslova i okvira:




Shocked

offline
  • C# and PHP Developer
  • Pridružio: 16 Feb 2011
  • Poruke: 1630
  • Gde živiš: Pancevo

Daj kod koji si pisao. css I html

offline
  • Miloš
  • Pridružio: 23 Maj 2011
  • Poruke: 1069

HTML:

<div class="tcontainer">     <h3 class="title"> Naslov </h3>     <div class="inner-box">                  ...     </div> </div>

CSS:

div.tcontainer {     position:relative;     top:10px;     left:10px;     padding:5;     border:2px solid #164089;     width: 350px;     height: 150px;     overflow: hidden; } h3.title {     padding: 3px 0px 3px 3px;     font-size: 16px;     color: #fff;     background: #164089;     font-family: sans-serif }

offline
  • Sport
  • Pridružio: 01 Nov 2007
  • Poruke: 281
  • Gde živiš: Zvornik

U div.container padding stavi 0, mislim da je to to.

offline
  • Miloš
  • Pridružio: 23 Maj 2011
  • Poruke: 1069

Stavio na nulu,nije do toga Smile

Ko je trenutno na forumu
 

Ukupno su 1093 korisnika na forumu :: 45 registrovanih, 10 sakrivenih i 1038 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: 357magnum, A.R.Chafee.Jr., Apok, Asparagus, babaroga, bokisha253, Boris Bosiljčić, BORUTUS, Brana01, Bubili, croato, DENIRO, Dimitrise93, DPera, dragoljub11987, dule10savic, FileFinder, GenZee, goxin, ikan, JOntra, Kruger, Kubovac, KUZMAR, Lieutenant, ljuba, Luka Blažević, mercedesamg, milenko crazy north, Miroljub1979, ostoja, pein, pera bager, prle122, repac, Ripanjac, royst33, sasakrajina, stegonosa, suponik, taz1cl, vathra, VJ, vladulns, VP6919