Zaloguj się

KeeL · (Ten post był ostatnio modyfikowany: 19-02-2012, 01:02 przez KeeL.)

Witam,
Dawno tutaj nie zaglądałem, ciekawy jestem, czy jeszcze mnie pamiętacie Smile

.

I teraz mam problem, wiem, że jego poziom będzie banalny, ale od czasu, gdy "opuściłem" forum, nie zajmowałem się pisaniem stron, ani CSS, lecz muszę odświeżyć swoje umiejętności.

HTML:

Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>Portfolio Strona główna</title>

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

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

</head>

<body>

    <div id="menu" >

        <ul>

            <li><a href="#">Link1</a></li>

            <li><a href="#">Link2 </a> </li>

            <li><a href="#">Link3</a> </li>

            <li><a href="#">Link4</a> </li>

        </ul>

    </div>

    <div id="container" >

        <div id="conect" >

        </div >

        <div id="footer" >

        </div>

    </div>

</body>

</html>

I css jest nie pełny, ale powinien wystarczyć

Kod:
body{

    margin: 0;

    padding: 0;

    width: 0;

    height: 0;

}

#menu {

    width: 1920px;

    height: 80px;    

    background-color: #000;

    text-align: center;

}

#menu ul {

    display: block;

    margin: 0 auto;

    padding: 0; 

    padding-top: 49px;

}

#menu ul li {

    display: block;

    float: left;

    width: 116px;

    height: 31px;

    margin-left: 20px;

}

#menu ul li a, ul li a:visited {

    background-image: url("images/menu.jpg");

    background-repeat: no-repeat;

    display: block;

    padding-top: 5px;

    height: 31px;

    width: 116px;

    color: #c2d4e6;

    text-decoration: none;

}

#menu ul li a:hover {

}

#container {

    width:  1920px;

    height: 2000px;

    background-image: url("images/background.jpg");

    background-repeat: no-repeat;

}

I teraz chciałbym, żeby to menu w Divie menu, było wyśrodkowane, próbowałem z marginesami, paddingiem, ale niegdy nie udało mi się tego wyśrodkować tak jak bym to chciał.

Dzięki za pomoc.

PS Pozdrawiam wszystkich którzy mnie pamiętają Wink

Pedro84 · 19-02-2012, 00:19

margin:0 auto dla kontenera.

PS Cześć Kamil Wink

KeeL · (Ten post był ostatnio modyfikowany: 19-02-2012, 00:51 przez KeeL.)

(19-02-2012, 00:19)Pedro84 napisał(a): margin:0 auto dla kontenera.

PS Cześć Kamil

O hej

Widzę, że jeszcze mnie tu ktoś pamięta.

Nie o to mi chodzi, takie rzeczy to jeszcze pamiętam Wink

.

Jeśli mam menu, poziome, które w kodzie nie jest jeszcze w pełni skonczone, stworzone na liscie, i chce je wyśrodkować. Efekt ma być taki:
menu na górze poziome wyśrodkowane na liście z samym css.

@Pedro84
Zobaczę i rano napiszę czy się udało Smile

Pedro84 · 19-02-2012, 00:48

Tak samo, tylko, że musisz mu nadać wyświetlanie blokowe i określoną szerokość.

KeeL · 19-02-2012, 01:04

Edytowałem 1 post, zmieniłem css, próba użycia margin: 0 auto nie daje nic.

Pedro84 · 19-02-2012, 01:12

Lista ma mieć ustaloną szerokość, jak i wyświetlanie blokowe + margin:0 auto i będzie działać.

KeeL · 19-02-2012, 01:19

(19-02-2012, 01:12)Pedro84 napisał(a): Lista ma mieć ustaloną szerokość, jak i wyświetlanie blokowe + margin:0 auto i będzie działać.

Dzięki, miałem źle ustaloną szerokość dla listy, i niby było wyśrodkowane, ale, że lista miała taką samą szerokość jak strona, to zostawała po lewej.

Dawno nic nie robiłem w HTML i teraz proste rzeczy sprawiają mi kłopoty Sad

.

Jeszcze jedno pytanie, strona zrobiona na sztywno będzie się dobrze wyświetlać?

Pedro84 · 19-02-2012, 02:26

Wszystko zależy od tego co rozumiesz pod pojęciem strony zrobionej na sztywno - ustalona szerokość? Tak, w zależności od tej szerokości.

KeeL · 19-02-2012, 02:30

(19-02-2012, 02:26)Pedro84 napisał(a): Wszystko zależy od tego co rozumiesz pod pojęciem strony zrobionej na sztywno - ustalona szerokość? Tak, w zależności od tej szerokości.

Tak, stała szerokość, przy mniejszych rozdzielczościach pojawią się tylko suwaki, mam racje?

Pedro84 · 19-02-2012, 02:40

Tak, dokładnie.

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