Нарязан дизайн с Photoshop се размества в Blogger. ЗАЩО?

brachi

brachi

New Member
Здравейте! :)

В момента правя опити да сложа собствени бутони (меню) в моя блог в Blogger. Направих си един експеримент и набързо направих 2 бутона, които после нарязах с Photoshop и ги експортнах като HTML. Когато отворя HTML страницата от хард-а си, всичко е наред и изглежда както трябва.

Когато копирам кода от HTML страницата си обаче и го поставя под секцията <body> в блога си, (и на други места) картинките се разместват и се отдалечават леко една от друга. Дизайна на менюто се чупи.

Отначало си помислих, че не съм го нарязал добре с Photoshop и пробвах още веднъж, но пак се получи същото. Нямам идея защо се получава така. Ако някой ми помогне, ще му бъда много благодарен, а мисля също, че темата би била интересна и на много други начинаещи като мен.

п.п опитвах се да сменямам и стойностите на colspan в таблицата, както и широчината и височината на изображенията, но става още по-голяма каша.

Предварително благодаря на всички взели участие в темата.:)
 
От: Нарязан дизайн с Photoshop се размества в Blogger. ЗАЩО?

Също така пробвах и да сложа целия код в head секциятя преди body, понеже се опасявах, че може да има някакви настройки в кода на темплейта ва blogger, ама пак не стана. Пробвах също така и да includ-на html файла, но тогава пък съвсем се забатачих.

Помогнете ми ........ и не ми се смейте на отчаяните опити, защото съм турбо аматьор все още, а това ми е нужно

Благодаря ви за разбирането относно моето невежество. :)
 
От: Нарязан дизайн с Photoshop се размества в Blogger. ЗАЩО?

Дай поне едно линкче да погледнем
 
От: Нарязан дизайн с Photoshop се размества в Blogger. ЗАЩО?

Ами аз се опитах да сложа снимки, ама не става, защото нямам 10 мнения и линкове не мога да пращам. Трябва да напиша сега още 7 мнениия някъде :) Айде ще потърся някоя флуудърска тема.
 
От: Нарязан дизайн с Photoshop се размества в Blogger. ЗАЩО?

Когато отворя HTML страницата от хард-а си, изглежда така:

img1.jpg


Когато копирам кода от HTML страницата си и го поставя под секцията <body> в блога си, (и на други места) се получава ето това:

img2.jpg


Не съм дал линк към блога, защото е експериментален и е заключен, но ако е толкова наложително, ще го отключа. :)
 
От: Нарязан дизайн с Photoshop се размества в Blogger. ЗАЩО?

Само от картинка нищо конкретно не мога да кажа. Най-вероятно в блога има CSS, който променя разстоянията (margins) между редовете на таблицата (ако това е таблица, както ти спомена).
 
От: Нарязан дизайн с Photoshop се размества в Blogger. ЗАЩО?

Погледнах го ама първосигнално не мога да кажа защо става така, пък и от табличен лейаут ми се драйфа.

Пробвай без таблици. Примерно едно дивче с черен фон и вътре в него - други 2 с 0 margin между тях и бекграунди да са картинките на бутончетата. Много по-просто би било.
 
От: Нарязан дизайн с Photoshop се размества в Blogger. ЗАЩО?

:)

Абе то така и на мене от табличен layout ми се драйфа, ама съм съвсем нов и не мога нищо друго. А това ми трябва спешно. :)

Пък и те разбирам. Едва ли моя темплейт е "мисията" на деня ти. И аз да бях и аз нямаше да се задълбоча, чак толкова.

Все пак ти благодаря за отделеното време. Оценявам го :)
 
От: Нарязан дизайн с Photoshop се размества в Blogger. ЗАЩО?

A някой знае ли кой елемент да "барна" точно в CSS-a на Blogger? Т.е какво да търся в кода, че да го променя? Нещо, което да определя отстоянието на img в таблиците или там нещо от сорта.

Thanks in advance :)
 
От: От: Нарязан дизайн с Photoshop се размества в Blogger. ЗАЩО?

brachi каза:
A някой знае ли кой елемент да "барна" точно в CSS-a на Blogger? Т.е какво да търся в кода, че да го променя? Нещо, което да определя отстоянието на img в таблиците или там нещо от сорта.

Thanks in advance :)
Увеличете...

да не би таблицата да ти има cellpadding или cellspacing?
 
От: Нарязан дизайн с Photoshop се размества в Blogger. ЗАЩО?

Не, реших си проблема. Не е от CSS-a. Ще споделя тук, за да може някой който има същия проблем, да го реши бързо.

Във IE експолорер се отваря както трябва. Само в Opera и FireFox цепи дизайна. Ето го и решението в bold, за да се отличава.

След като се запамети нарязания PDS файл на фотошоп, се отваря HTML документа и се редактират следните части от таблицата:

1. <table id="Table_01" width="200" height="200" border="0" cellpadding="0" cellspacing="0"> - Премахнете width и height

2. <td colspan="3"> <img src="images/buton_02.jpg" width="200" height="12" alt=""></td> - във всеки таг <img> се добавя align="left"

3. в началото и вкрая на таблицата се огражда с таговете <tbody> </tbody>. В случая <tbody> се слага точно под <table id="Table_01" width="200" height="200" border="0" cellpadding="0" cellspacing="0">.

След като се направи това, всичко си идва на мястото. Не знам каква е логиката, понеже съм аматьор, но действа. Ако някой знае, нека сподели :)

Благодаря!
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе