PhotoShop, Cięcie, Wyśrodkowanie.

0

Witajcie.

W załącznikach daję plik do Photoshopa i plik HTML oraz CSS.
Mój problem polega na wyśrodkowaniu całości, oraz sprawieniu że tło będzie się rozciągać na szerokość ekanu.
Jeśli jest taka możliwość proszę o pomoc.

Pozdrawiam, Przemek.

http://www.sendspace.pl/file/001fefd146eca0e2d0ece7e <-- .psd

http://www.sendspace.pl/file/da920890f958370cf760bce <-- .css

Kod HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- Save for Web Styles (Untitled-1.psd) -->

<link rel="stylesheet" type="text/css" href="style.css" />
<!--


-->
</style>
<!-- End Save for Web Styles -->
</head>
<body style="background-color:#FFFFFF;">
<!-- Save for Web Slices (Untitled-1.psd) -->
<div id="Table_01">
	<div id="Index-01_">
		<img id="Index_01" src="images/Index_01.gif" width="1000" height="11" alt="" />
	</div>
	<div id="Index-02_">
		<img id="Index_02" src="images/Index_02.gif" width="56" height="191" alt="" />
	</div>
	<div id="Index-03_">
		<img id="Index_03" src="images/Index_03.gif" width="888" height="182" alt="" />
	</div>
	<div id="Index-04_">
		<img id="Index_04" src="images/Index_04.gif" width="56" height="280" alt="" />
	</div>
	<div id="Index-05_">
		<img id="Index_05" src="images/Index_05.gif" width="888" height="9" alt="" />
	</div>
	<div id="Index-06_">
		<img id="Index_06" src="images/Index_06.gif" width="36" height="89" alt="" />
	</div>
	<div id="Index-07_">
		<img id="Index_07" src="images/Index_07.gif" width="22" height="66" alt="" />
	</div>
	<div id="Index-08_">
		<img id="Index_08" src="images/Index_08.gif" width="174" height="66" alt="" />
	</div>
	<div id="Index-09_">
		<img id="Index_09" src="images/Index_09.gif" width="1" height="66" alt="" />
	</div>
	<div id="Index-10_">
		<img id="Index_10" src="images/Index_10.gif" width="176" height="66" alt="" />
	</div>
	<div id="Index-11_">
		<img id="Index_11" src="images/Index_11.gif" width="1" height="66" alt="" />
	</div>
	<div id="Index-12_">
		<img id="Index_12" src="images/Index_12.gif" width="173" height="66" alt="" />
	</div>
	<div id="Index-13_">
		<img id="Index_13" src="images/Index_13.gif" width="1" height="66" alt="" />
	</div>
	<div id="Index-14_">
		<img id="Index_14" src="images/Index_14.gif" width="175" height="66" alt="" />
	</div>
	<div id="Index-15_">
		<img id="Index_15" src="images/Index_15.gif" width="1" height="66" alt="" />
	</div>
	<div id="Index-16_">
		<img id="Index_16" src="images/Index_16.gif" width="180" height="66" alt="" />
	</div>
	<div id="Index-17_">
		<img id="Index_17" src="images/Index_17.gif" width="4" height="89" alt="" />
	</div>
	<div id="Index-18_">
		<img id="Index_18" src="images/Index_18.gif" width="904" height="23" alt="" />
	</div>
	<div id="Index-19_">
		<img id="Index_19" src="images/Index_19.gif" width="1000" height="153" alt="" />
	</div>
	<div id="Index-20_">
		<img id="Index_20" src="images/Index_20.gif" width="298" height="275" alt="" />
	</div>
	<div id="Index-21_">
		<img id="Index_21" src="images/Index_21.gif" width="386" height="275" alt="" />
	</div>
	<div id="Index-22_">
		<img id="Index_22" src="images/Index_22.gif" width="316" height="275" alt="" />
	</div>
	<div id="Index-23_">
		<img id="Index_23" src="images/Index_23.gif" width="1000" height="97" alt="" />
	</div>
	<div id="Index-24_">
		<img id="Index_24" src="images/Index_24.gif" width="1000" height="116" alt="" />
	</div>
	<div id="Index-25_">
		<img id="Index_25" src="images/Index_25.gif" width="1000" height="68" alt="" />
	</div>
</div>
<!-- End Save for Web Slices -->
</body>
</html>
0

Wrzuciłeś plik do narzędzia automatycznie tnącego psdki i nawet nie kiwnąłeś palcem, żeby coś zrobić samemu, no nie? (to było pytanie retoryczne).

psd się nie da ściągnąć (przynajmniej w tym momencie) - mogłeś wrzucić na coś normalnego. - ale patrząc po kodzie - narzędzie do cięcia dało ciała po całej linii i kod nie nadaje się do niczego.

Powinieneś się zabrać za "ręczne" "normalne" cięcie, albo poczytać o wskazówkach jak tworzyć psdki, żeby to narzędzie do cięcia zrozumiało co jest czym i jakie style powinno zastosować.

0

Co rozumiesz przez "ręczne" cięcie ?

Link do .pds:
http://hostuje.net/file.php?id=772f0def8e87cccf0c9160e3b00cd117

0

Uczysz się HTML i CSS, potem sam wycinasz obrazki z psd i zapisujesz jako png/jpg (gify praktycznie nie są Ci potrzebne), potem przemyślasz szablon i piszesz te wszystkie divy w notatniku (a najlepiej jakimś IDE - np. Eclipse PDT, którego ja używam) i dopisujesz do nich style css.

Tylko w ten sposób Twoja strona będzie dobrze pocięta, będzie się zachowywać tak jak chcesz, będzie miała przemyślaną strukturę (nagłówki, paragrafy, w przypadku HTML5, który gorąco polecam także sekcje, artykuły, stopki, itd.).

ooo, spojrzałem na Twój szablon - potwierdzam - strona pocięta tym czymś jest nic nie warta!
A ty musisz stworzyć coś takiego jak masz na swoim szablonie: http://prntscr.com/7wg2m/direct <html>, <body> i te sprawy ;)

Generalnie to czekają Cię miesiące nauki, ale z tego co widzę po szablonie (nagłówku) - to właśnie strony chcesz robić - i to z pasją ;)

0

Ja umiem HTML i CSS (oczywiście nie cały, bo nie da się tak powiedzieć). Myślałem że można jakoś na skróty niż bawić się w pozycjonowanie.

1

Nie umiesz. Wyśrodkowanie głupiego elementu to podstawa podstaw!

Pisanie dobrego kodu to jeszcze nie pozycjonowanie. Na pewno dobry nawyk. Bardzo znaczący, skoro chcesz robić "strony z pasją" (celowo to podkreślam, musi to do Ciebie dotrzeć, ze dużo nauki przed Tobą)

1 użytkowników online, w tym zalogowanych: 0, gości: 1