Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[HTML][CSS] div container, jak? - 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: [HTML][CSS] div container, jak? (/thread-html-css-div-container-jak)

[HTML][CSS] div container, jak? - cryptarithm - 30-10-2011

Witam, mam taki prosty problem.

Dopiero sie ucze kodowania, chce kodowac strony na mysql i php ale ucze sie podstaw jak html i css. I mam problem taki ze jak robie tabele to mam odstep mniej wiecej 2px. tutaj screenshot ktory bardziej wyjasnia sprawe:

[Obrazek: problemc.png]

Jak widzicie mam banner i nawigacje ale jest odstep pomiedzy nimi, oraz odstep u gory strony. Jak to zmenic? Wiem ze div'em mozna to zrobic, w html wszystko zamiescic w <div id="container"></div> a potem w css cos wpisac tylko niewiem co.

Tutaj podaje moj index.html oraz style.css, moze cos innego mi poradzicie? cos zle jeszcze zrobilem? albo nie uzywac <td> tylko wszedzie <div>? dzieki serdecznie.

Kod:
<html>
<head>
<title>Test Website.com</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
    <center>
    <table>
        <tr>
            <td id="banner">
                This is banner / logo
            </td>
        </tr>
        
        <tr>
            <td id="nav">
                This is navigation
            </td>
        </tr>
    </table>
    </center>
</body>

</html>

Kod:
#banner {
font-size: 20px;
width: 950px;
height: 145px;
border: 2px solid #000000;
background: #0000ff
}

#nav {
font-size: 11px;
font-family: Arial black;
width: 950px;
height: 35px;
border: 2px solid #000000;
background: #00ffff;
padding: 0px;
}


RE: [HTML][CSS] div container, jak? - lomek - 30-10-2011

Zrezygnuj z table i posługuj się divami mamy 2011 rok już Big Grin, i warto sobie wszystko wyzerować na początek:
Kod:
<html>
<head>
<title>Test Website.com</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
  
            <div id="banner">
                This is banner / logo
            </div>
      
        
      
            <div id="nav">
                This is navigation
            </div>
      
</body>

</html>
plik css
Kod:
*{margin:0;
padding:0;}
body{margin:0;
padding:0;}

#banner {
font-size: 20px;
width: 950px;
height: 145px;
border: 0px solid #000000;
background: #0000ff;

margin:0 auto;
}

#nav {
font-size: 11px;
font-family: Arial black;
width: 950px;
height: 35px;
border: 0px solid #000000;
background: #00ffff;
padding: 0px;
margin:0 auto;
}


RE: [HTML][CSS] div container, jak? - cryptarithm - 30-10-2011

Dzieki lomek ! . Tez tak sadzilem ze tabele sa stare Smile

dam ci +

RE: [HTML][CSS] div container, jak? - Kartofelek - 30-10-2011

Zrezygnuj z divów i posługuj się sections mamy 2011 rok już Big Grin, i warto sobie wszystko wyzerować na początek...

RE: [HTML][CSS] div container, jak? - cryptarithm - 01-11-2011

zainteresowalo mnie to co napisales wiec poszukalem po google Tongue ,

te sections to z html5 jest prawda? i praktycznie tak samo jak div sie uzywa?
cos takiego?:
Kod:
<section>
  <h1>Blah Blah</h1>
  <p>lala blah blah lala</p>
</section>

ale mam pytanko, w taki sam sposob sie daje id do niego jak dla div? czyli takie cos bym mial napisac:
Kod:
<section id="blah">

</section>

czy inaczej to dziala? jak inaczej to moglbys mi to wytlumaczyc? dziekuje serdecznie.

PS. jak zalecasz HTML5 mi to tez pewnie lepiej przejsc na css3 ?

RE: [HTML][CSS] div container, jak? - Kartofelek - 01-11-2011

Html5 nie ma nic wspólnego z css3. Możesz spokojnie używać css2, tylko po co?

RE: [HTML][CSS] div container, jak? - lomek - 02-11-2011

(30-10-2011, 16:02)Kartofelek napisał(a): Zrezygnuj z divów i posługuj się sections mamy 2011 rok już Big Grin, i warto sobie wszystko wyzerować na początek...
Warto by było jednak wspomnieć o przeglądarkach internetowych które są lub jeszcze nie są kompatybilne z tym językiemSmile

RE: [HTML][CSS] div container, jak? - Kartofelek - 02-11-2011

A które nie są?
Przy wykorzystaniu html5shiv, selectizera, modernizera i kilku innych spokojnie możemy ogarnąć śmieciowe przeglądarki które nie ogarniają same siebie Smile

RE: [HTML][CSS] div container, jak? - hieroshima - 03-11-2011

ja też w sumie chętnie się dowiem, które przeglądarki nie obsługują html5 ?