Szerző Téma: Box készítés  (Megtekintve 2304 alkalommal)

0 Felhasználó és 1 vendég van a témában

Nem elérhető Suttogó

  • Globális moderátor
  • Teljes tag
  • *****
  • Hozzászólások: 1.775
Re: Box készítés
« Válasz #5 Dátum: 2009. február 16., 21:41:03 »
Elkezdtem írni hogy hogy kell, de minek? Ez a leírás még jobban el is magyarázza mint én. Ha elakadsz segítünk :)
http://www.tutorial.hu/meretezheto-css-doboz-keszitese/#more-2087
/Elolvastam: Én kevesebbre szoktam darabolni, de az enyém nem szereti a régi (IE5.5 v. Netescape) böngészőket, ez meg igen/
« Utoljára szerkesztve: 2009. február 16., 21:46:12 írta suttogó »
Ajánlott programok: Ubuntu | LibreOffice | GIMP

Nem elérhető DaniNet

  • Törzstag
  • **
  • Hozzászólások: 769
    • DaniNet programozás
Re: Box készítés
« Válasz #4 Dátum: 2009. február 16., 21:28:20 »
Kivágtam a képeket, ahogy mondtad suttogó.

A css-t hogyan csináljam meg?

Nem elérhető Rimelek

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 8.942
    • rimelek.hu
Re: Box készítés
« Válasz #3 Dátum: 2009. február 16., 21:01:11 »
Átneveztema  témát, mert  az "Egy képből több kép css-el" nem igazán utalt a tárgyra.
Egyszerűen létezem, és lézengek a Földön,
mint idióta szellem, kinek kastélya a börtön.

Nem elérhető Suttogó

  • Globális moderátor
  • Teljes tag
  • *****
  • Hozzászólások: 1.775
Re: Box készítés
« Válasz #2 Dátum: 2009. február 16., 20:47:50 »
A lehetőség: Div: 1 kép a felső sáv (a kerekítéssel) 1 kép a háttér (1px magassággal) és 1 kép az alja:
Hiba: Nem tudsz a felső kb 10px-re szöveget tenni
B lehetőség: Táblázat:
4 kép a 4 sarok + 2 kép a két oldal + 1-1 kép a top-bottom.
Ajánlott programok: Ubuntu | LibreOffice | GIMP

Nem elérhető DaniNet

  • Törzstag
  • **
  • Hozzászólások: 769
    • DaniNet programozás
Box készítés
« Válasz #1 Dátum: 2009. február 16., 20:44:16 »
Van egy kép, aminek a szélessége és magassága fix.

Ennek jelenleg így néz ki a css kódja:

Kód: CSS
  1. .welcome_box{
  2. width:496px;
  3. height:202px;
  4. background:url(images/welcome_box.gif) no-repeat center;
  5. padding:0px;
  6. }

Ha most 202px nél "magasabb" szöveget írok bele, akkor a szöveg az kifut a dobozból, de én azt szeretném, hogy a doboz szélessége és magassága igazodjon a szöveghez.
Ehhez szerintem 4, vagy 5 részre kéne darabolni a welcome_box.gif-et, de a css kódja ennek hogy nézne ki?
Csatoltam a darabolt képeket.

Valószínű, hogy amit szétdaraboltam képeket, abból nem lehet megcsinálni a css kódot, de ha lehet akkor jó.
Nem nagyon csináltam még ilyet, nincs tapasztalatom ez ügyben..