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: 12350
  • 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: 12350
  • 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: 1627
  • 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: 1627
  • 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 542 korisnika na forumu :: 13 registrovanih, 2 sakrivenih i 527 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: ALBION101, comi_pfc, dac, darios, lolasavke54, mane123, Misirac, Miskohd, repac, Steeeefan, vrlenija, yrraf, yufighter