Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Wyśrodkowanie menu CSS - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Wyśrodkowanie menu CSS (/thread-wy%C5%9Brodkowanie-menu-css)

Strony: 1 2 3

Wyśrodkowanie menu CSS - KeeL - 19-02-2012

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

RE: Wyśrodkowanie menu CSS - Pedro84 - 19-02-2012

margin:0 auto dla kontenera.

PS Cześć Kamil Wink

RE: Wyśrodkowanie menu CSS - KeeL - 19-02-2012

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

PS Cześć Kamil Wink

O hej Smile 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

RE: Wyśrodkowanie menu CSS - Pedro84 - 19-02-2012

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

RE: Wyśrodkowanie menu CSS - KeeL - 19-02-2012

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


RE: Wyśrodkowanie menu CSS - Pedro84 - 19-02-2012

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

RE: Wyśrodkowanie menu CSS - KeeL - 19-02-2012

(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ć?




RE: Wyśrodkowanie menu CSS - Pedro84 - 19-02-2012

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.

RE: Wyśrodkowanie menu CSS - KeeL - 19-02-2012

(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?

RE: Wyśrodkowanie menu CSS - Pedro84 - 19-02-2012

Tak, dokładnie.