Prośba o pocięcie małego obrazka.

[sfaho]

Witam,

Jako, że nie znam się na html`u nic, a nic, chciałbym się zgłosić do Was z prośbą. Bardzo bym prosił o ile jest taka możliwość o pocięcie tego obrazka pod html:

Chcę uzyskać taki efekt:

Po lewej w tym prostokącie chciałbym mieć miejsce na obrazek w rozmiarze jak podano: 322px na 115px, dalej w prawo chciałbym mieć miejsce na tekst w takim rozmiarze i kolorze jak podałem i dalej po prawo analogicznie podobnie. Mam nadzieję, że dostatecznie wytłumaczyłem o co mi chodzi.

Tutaj daję czysty plik, który służyłby za background:

Jeśli byłby ktoś tak miły i zrobił to dla mnie ja byłbym bardzo wdzięczny Mam nadzieję, że nie jest to jakiś wielki problem, a jeśli narzucam się to przepraszam.

Dziękuję bardzo z góry!

Pozdrawiam, sfah.

[lolki]

Otwierasz Photoshopa.

Po załadowaniu obrazka z narzędziownika po lewej wybierasz narzędzie Slice Tool, tniesz wg uznania, następnie File/save for Web, dajesz ustawienia i zapisujesz.

Koniec:)

[giker]

<style>
#lewy {height: 115px; width: 322px; float: left;}
#srodek, #prawy {height: 115px; float: left; font-size: 12pt; color: #000;}
</style>
<div id="lewy"></div>
<div id="srodek"></div>
<div id="prawy"></div>

Czcionki musisz sobie sam ustawić, no i tło dodać poprzez, przykład dla środka:

#srodek {background: url(sciezka/do/pliku.gif)}

[sfaho]

Dzięki wielkie za pomoc.

Mam już coś takiego, jednak nie wiem jak zrobić by tekst nie był przy samej krawędzi tej komórki, czy jak to nazwać:

https://www.mangacars.pl/testy.html

Jak zrobić by tekst nie był przy samej krawędzi?

Dzięki z góry.

[giker]

Musisz dodać padding dla diva, np:

#srodek, #prawy {height: 115px; float: left; font-size: 12pt; color: #000; [b]padding: 2px[/b];}

ogólnie o paddingu:

[b]1. [/b]padding: 1px 1px 1px 1px;
[b]2. [/b]padding: 2px;
[b]3. [/b]padding: 2px 2px;
[b]4. [/b]padding: 2px 2px 2px;

Przykład 1:

Po koleii: padding: góra, prawo, dół, lewo

Przykład 2:

Wszystkie paddingi na 2px;

Przykład 3:

Pierwsze dla góry i dołu, drugie dla prawej i lewej

Przykład 4:

Pierwszy góra, drugie prawo i lewo, trzeci dół

Wartości przykładowe - polecam jednak siegnąć po jakiś kurs html i css