• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

float: left; z kursu html odc 2 nie działa

Aruba Cloud - Virtual Private Server VPS
0 głosów
307 wizyt
pytanie zadane 3 września 2015 w HTML i CSS przez 123456 Nowicjusz (120 p.)
<!DOCTYPE HTML>
<html lang="pl">
<head>
    <meta charset="utf-8" />
    
    <title>WEB site</title>
    
    <meta name="description" content="Przed Tobą spis moich ulubionych filmów. Sprawdź, czy znasz je wszystkie. Uczta dla kinomaniaka!" />
    <meta name="keywords" content="film, kino, najlepsze filmy, top filmy" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    
    <style>
#container
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}    
#logo
{
    background-color: black;
    text-align: center;
    padding: 15px;
    color: white;
}
#nav
{
    float: left;
    background-color: lightgray;
    width: 120px;
    min-height: 620px;
    padding: 10px;
}
#content
{
     float: left;
     padding: 20px;
     width: 640;
}
#ad
{
     float: left;
     width: 120px;
     min-height: 620px;
     background-color: lightgray;
     padding: 10px;
}
#footer
{
    clear: both;
    background-color: black;
    color: white;
    text-align: center;
    padding: 20px;
}    

</style>
    
    </head>
    

<body>  
   
   <div id="container">
       
      <div id="logo">
          <h1>LOGO<h1>
      </div>
       
      <div id="nav">
         word1<br />
         word2<br />
         word3<br />
         word4<br />
         word5<br />
         word6<br />
      
       </div>
       
       <div id="content">
       <h2>House (ang. House; House, M.D.) – amerykański medyczny serial telewizyjny produkowany dla stacji<h2>
            <br /><br />
             u koncentruje się na osobie dr. Gregory'ego House'a (Hugh Laurie), niekonwencjonalnego, szalonego, a zarazem genialnego lekarza, kierującego zespołem diagnostycznym w fikcyjnym Szpitalu Klinicznym Princeton-Plainsboro (PPTH) w New Jersey. W każdym odcinku dr House wraz ze swoim zespołem próbuje zdiagnozować i wyleczyć pacjentów przejawiających rozmaite objawy, niewyjaśnione wcześniej przez innych lekarzy. W pierwszych trzech seriach zespół dr. House'a tworzyli: dr Allison Cameron (Jennifer Morrison), dr Robert Chase (Jesse Spencer) i dr Eric Foreman (Omar Epps), od czwartej serii dr Chris Taub (Peter Jacobson), dr Lawrence Kutner (Kal Penn) oraz dr Remy "Trzynastka" Hadley (Olivia Wilde), w siódmym sezonie w zespole pojawiła się Martha Masters (Amber Tamblyn), a w ósmym do zespołu dochodzą dr Chi Park (Charlyne Yi) oraz lekarka z więzienia dr Jessica Adams (Odette Annable). Ponadto serial ukazuje prywatne
  
       
       </div>
       
       <div id="ad">
           <img scr="img.jpg" />  
       </div>
       
       <div id="footer">
           Kacper Siudowski - en meer woorden &copy
       </div>
       
   </div>

</body>

</html>

Zanim założysz temat przeczytaj: https://forum.pasja-informatyki.pl/faq

4 odpowiedzi

+3 głosów
odpowiedź 3 września 2015 przez Patrycjerz Mędrzec (192,320 p.)
No i co? Wrzuciłeś kod bez pokolorowanej składni, ani nie opisałeś dokładnie problemu... radzę poprawić pytanie i zadać je ponownie.
+1 głos
odpowiedź 3 września 2015 przez Arkadiusz Waluk Ekspert (290,050 p.)

W kodzie CSS dla width w #content nie podałeś jednostki. Powinno być tak:

width: 640px;

Nie wiem co prawda czy tylko o to chodzi bo nie podałeś co się dzieje, ale to rzuca się od razu w oczy.

Zapoznaj się -> https://forum.pasja-informatyki.pl/faq punkt 1 i 2 ;)

komentarz 3 września 2015 przez ScriptyChris Mędrzec (190,190 p.)

Poza tym w miejscu na reklamę masz literówkę (tzn. autor tematu) przy źródle obrazka:

<div id="ad">
           <img scr="img.jpg" />  
       </div>

Powinno być img src

0 głosów
odpowiedź 3 września 2015 przez Tom::catch_Jerry(); Użytkownik (950 p.)

Ja bym dał 

#content
{
     float: left;
     padding: 20px;
     width: 680px;
}

Bo 10+120+10+20+680+20+10+120+10=1000 ;)

0 głosów
odpowiedź 4 września 2015 przez niezalogowany

Odpowiedzi moich poprzedników wszystkie są poprawne, ale ja ci radzę, abyś wszystkie kody z tagu <style>

przeniósł na jakiś inny plik z roższeżeniem CSS (np. style.css) I będzie to wyglądało mniej wiecej tak w css a podpiąć do HTML możesz przez:

<link rel="stylesheet" href="tutaj wpisujesz nazwę pliku" type="text/css" />
#container
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}    
#logo
{
    background-color: black;
    text-align: center;
    padding: 15px;
    color: white;
}
#nav
{
    float: left;
    background-color: lightgray;
    width: 120px;
    min-height: 620px;
    padding: 10px;
}
#content
{
     float: left;
     padding: 20px;
     width: 640;
}
#ad
{
     float: left;
     width: 120px;
     min-height: 620px;
     background-color: lightgray;
     padding: 10px;
}
#footer
{
    clear: both;
    background-color: black;
    color: white;
    text-align: center;
    padding: 20px;
}    

PS: W tagach posta powinieneś jeszcze dać tag "HTML"

pozdrawiam BS

Podobne pytania

0 głosów
1 odpowiedź 253 wizyt
0 głosów
1 odpowiedź 800 wizyt
pytanie zadane 14 marca 2016 w PHP przez KamQiX Dyskutant (9,090 p.)

93,327 zapytań

142,325 odpowiedzi

322,396 komentarzy

62,657 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...