Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[HTML][CSS] div container, jak?
#1
Exclamation 
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;
}
Odpowiedz
#2
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;
}
Odpowiedz
#3
Dzieki lomek ! . Tez tak sadzilem ze tabele sa stare Smile

dam ci +
Odpowiedz
#4
Zrezygnuj z divów i posługuj się sections mamy 2011 rok już Big Grin, i warto sobie wszystko wyzerować na początek...
Odpowiedz
#5
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 ?
Odpowiedz
#6
Html5 nie ma nic wspólnego z css3. Możesz spokojnie używać css2, tylko po co?
Odpowiedz
#7
(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
Odpowiedz
#8
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
Odpowiedz
#9
ja też w sumie chętnie się dowiem, które przeglądarki nie obsługują html5 ?
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Kursy (x)HTML/CSS DoGeR 9 23,675 18-01-2017, 21:55
Ostatni post: Michael
Sad HTML/CSS/JQUERY - Potrzebuje pomocy / Bezradność jokerblitzz 10 10,229 28-04-2016, 00:24
Ostatni post: mubi
  [CSS]+[HTML] Pozycjonowanie slidera. Youras 2 4,751 16-01-2016, 23:11
Ostatni post: Szymon Słowik
  Kolor tła dla aktywnej podstron [CSS i HTML] bahafo 5 7,784 27-12-2014, 15:25
Ostatni post: Kartofelek
  [problem][html] cutenews i szablon kawadodek2000 1 2,989 13-08-2013, 16:49
Ostatni post: mateo

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl