Problem z odnośnikiem


(M4jaja) #1

Dopiero zaczynam zabawę z htmlem i stronami www i mam natępujący problem.

Pocięłam layout w photoshopie i chciałam powstawiać odnośniki do podstron, ale gdy to robię cały szablon się "rozjeżdża".

część kodu:

[/code]




a gdy wstawię odnośnik, to link działa, szablon się rozjeżdża:

[code] [![ostatni-bastion_04.gif](Obrazki/ostatni-bastion_04.gif)](index.htmln)

co robię źle? bardzo proszę o pomoc, to pilne :slight_smile:

jeśli trzeba, mogę wstawić screeny.


(Skr3czu) #2

Jak możesz to daj screena.I najlepiej trochę więcej tego kodu...


(kalamita) #3

spróbuj tak

[/code]

oraz pozbyj się formatowania za pomocą tabel, a zacznij za pomocą znaczników [b]

[/b]


(M4jaja) #4

Niestety ten sposób kalamita nie zadziałał.

więcej kodu:

|
|


(adpawl) #5

border="0" nie dla odnośnika tylko dla obrazka!

Poza tym lepiej było by do formatowania wykorzystać css'a,

wtedy wystarczyło by w arkuszu styli dać img { border: 0; }


(kalamita) #6

(M4jaja) #7

no chyba nie do końca. ;p

SCREEN

a macie może jakiś link z dokładną instrukcją, jak pozamieniać takie tabele na divy, bo nigdzie nie umiałam znaleźć.

i jeszcze mam pytanie, czy jak pozamieniam na divy, to już, to strona nie będzie mi się tak rozjeżdżać? ;>


(kalamita) #8

(M4jaja) #9

OK, dzięki. bardzo mi pomogłeś kalamita. Już zaczęłam czytać i przerabiać to na divy. mam nadzieję, że sobie poradzę. :slight_smile:


(M4jaja) #10

Dobra, zmieniłam wszystko na divy, powstawiałam odnośniki. Tylko teraz mam jeszcze problem, jak zrobić, żebym mogła pisać na jednym z obrazków. w tych tabelach wystarczyło, że zamieniłam 'img src' na 'background'. a tu co mam zrobić?


(adpawl) #11

http://www.kurshtml.boo.pl/css/tlo_obrazkowe,tlo.html

http://www.google.com/search?client=ope ... 8&oe=utf-8


(M4jaja) #12

ale mi nie chodzi o wstawianie obrazka do tła na całą stronę. chcę zrobić tak, żebym mogła wstawić treść strony na obrazku, który jest w środku szablonu.

oto kawełek kodu. chcę pisać na "Obrazki/ostatnibastion_09.gif" .

ostatnibastion_10.gif
ostatnibastion_09.gif
ostatnibastion_08.gif[/code]


(master of disaster) #13

Umnie to wygląda tak:

...

a w css:

.obrazek {

	background-image:url(img/img_04.jpg);

	WIDTH: 661px; HEIGHT: 516;

	background-repeat: no-repeat;

	padding-right: 10px;

	padding-left: 10px;

	padding-top: 10px;

	}

Pozdrawiam