Zaloguj się

emes · 12-03-2010, 16:19

Witam
Mam pewien problem zrobiłem stronę w HTML + CSS i strona działa poprawie w google chrome a pod FF i IE już nie . Myślę że coś namieszałem w kodzie proszę o sprawdzenie .
Cod HTML

Kod:
<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" > 

<title>tytuł</title> 

<meta name="description" content="--" > 

<meta name="keywords" content="www " > 

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

</head> 

<body> 

<div id="main"> <div id="middle">

    <div id="gora"></div>

            <div id="menu"><br>

            <a href="index.html">Strona główna </a> |

            <a href="alg.html">Algebra </a>|

            <a href="geo.html">Geometria </a>|

            <a href="ary.html">Arytmetyka </a> </div>

                    <div id="srodek"></div>

                    <div id="lew"></div>

                    <div id="pra"></div>

                    <div id="wew">Witajcie na mojej stronie </br>Znajdziedzie tu pomoce naukowe takie jak wzory i definicje z dziedziny matematyki .</div>

                    <div id="dol"></div>

                    </div></div>

</body> 

</html>

Oraz kod CSS

Kod:
body {

    font-family: Verdana, Arial ;

    font-size: 12 px;

    color: white;

    background-color: #262525 ;

    background-repeat: repeat;

    margin:0px;

    padding:0 px;

    text-align:center;

    }

a {color: white;

    text-decoration:none;

}

#main{

    width:800 px ;

    padding:0px;

    margin: 0 auto;

    }

#gora{

    padding: 0 px;

    height: 113 px;

    background-image:url(Obrazki/szablon_01.gif);

    }

#menu{

    padding: 0 px;

    height: 40 px;

    background-image:url(Obrazki/szablon_02.gif);

    }

#srodek{

    padding:0 px;

    height:209;

    background-image:url(Obrazki/szablon_03.gif);

    }

#lew{

    float:left;

    padding:0 px;

    background-image:url(Obrazki/szablon_04.gif);

    width:150 px;

    height:390 px;

    }

#wew{

    float:center;

    padding:0 px;

    width: 700 px;

    height:390 px;

    background-image:url(Obrazki/szablon_05.gif);

    }

#pra{

    float:right;

    padding:0 px;

    background-image:url(Obrazki/szablon_06.gif);

    width:152 px;

    height:390 px;

    }

#dol{

    padding:0 px;

    height:45 px;

    background-image:url(Obrazki/szablon_07.gif);

    }

#middle {

    padding: 0 px;

    height: 800px;

}

emes · 14-03-2010, 17:59

Prosze o pomoc

**KowR** · 14-03-2010, 19:21

Daj linka do Twojej strony, nikomu nie chce się ściągnąć tego kodu i wklepać do edytora Wink

Daj linka to Ci pomogę.

emes · 15-03-2010, 00:00

www.poemes.yoyo.pl prosze tu zamieściłem stronę .

Bloody Roots · 15-03-2010, 02:25

Radziłbym Ci zrobić z tego wszystkiego jeden layout i pociąć go porządnie w photoshopie.

emes · 15-03-2010, 02:30

porządnie czyli jak ? Robiłem całą grafikę w PS i też ciąłem no ale może jednak źle to zrobiłem . Jakieś instrukcje ?

Bloody Roots · Liczba postów: 31 Liczba wątków: 5 Dołączył: 11-03-2010 Reputacja: 0

Używałeś narzędzia Slice Tool i funkcji Save for Web...?

Chyba znalazłem problem. W body wycentruj stronę, czyli "margin: auto;" o ile mnie pamięć nie zawodzi, a przy każdym obrazku po zakończeniu nawiasu daj "no-repeat", czyli np. tak:

Kod:
#dol{

    padding:0 px;

    height:45 px;

    background-image:url(Obrazki/szablon_07.gif) no-repeat;

    }

...i do tego jeszcze wszędzie poustawiaj dokładnie width, bo zauważyłem, że gdzieniegdzie pozjadałeś.

emes · 15-03-2010, 03:40

zmieniłem to co kazałeś zobacz dalej nic .

Bloody Roots · 15-03-2010, 05:41

Zrób od początku layout i potnij go w Photoshopie używając narzędzia Slice Tool i funkcji Save For Web.

emes · 15-03-2010, 21:34

Jak zrobię to w photoshopie tak jak mówisz zapisze mi to na tabelkach nie na divach . Jak poźniej zmienić to na divy ?
No chyba że mam po prostu starego ps i dlatego zapisuje mi na tabelkach ?

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie