problem z kodem pomocy

pytanie zadane 31 grudnia 2015 w HTML i CSS przez koder12345 Obywatel (1,570 p.)

<html>


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

<body>
<div id="kontener">


<div id="naglowek">
<h1> Polska</h1>
</div>

<div id="menu">
<ul>
<li>strona główna</li>
<li>historia</li>
<li>hymn</li>
<li>kontakt</li>
</ul>
</div>


<div id="powitanie">
<i>Witaj na mojej stronie. Mam nadzieje ze ci sie spodoba albowiem to pierwsza strona www za pomocą stylu css:)</i>
</div>


<div id="bar">

<div id="menu boczne">
<div class="wojewodztwo">woj. dolnośląskie</div>
<div class="wojewodztwo">woj. kujawsko-pomorskie</div>
<div class="wojewodztwo">woj. lubelskie</div>
<div class="wojewodztwo">woj. lubuskie</div>
<div class="wojewodztwo">woj. łódzkie</div>
<div class="wojewodztwo">woj. małopolskie</div>
<div class="wojewodztwo">woj. mazowieckie</div>
<div class="wojewodztwo">woj. opolskie</div>
<div class="wojewodztwo">woj. podkarpackie</div>
<div class="wojewodztwo">woj. podlaskie</div>
<div class="wojewodztwo">woj. pomorskie</div>
<div class="wojewodztwo">woj. śląskie</div>
<div class="wojewodztwo">woj. świętokrzyskie</div>
<div class="wojewodztwo">woj. warmińsko-mazurskie</div>
<div class="wojewodztwo">woj. wielkopolskie</div>
<div class="wojewodztwo">woj. zachodnio-pomorskie</div>
</div>
<div class="wpis">frtythkgt</div>

</div>
</body>
</html>

witam mam problem z tą aplikacją otóż p[are lat temu napisałem w jezyku html ipodpiąłem do niej skrypty css ale pomimo wszelkich starań nie moge dojść dlaczego div news nie chce wskoczyć obok diva z nazwami województw.

co vciekawe dałem kod do sprawdzenia paru osobo m lecz każdy mówił ze nie widzi błedu może ktoś dojrzy i mi podpowie jak go naprawić???

2 odpowiedzi

odpowiedź 3 stycznia 2016 przez ScriptyChris Mędrzec (190,190 p.)
wybrane 1 lutego 2016 przez koder12345

Najlepsza

Masz błąd id="menu boczne". Skasuj spację i zastąp zapisem id="menuBoczne" lub id="menu_boczne".

W CSS zapis #menu boczne jest błędny. Jeśli już to #menu #boczne - czyli wskazujesz na element #bocze, jako dziecko #menu. Przykładowo z Twojego kodu: #menu ul li a - wskazuje kolejne subelementy div'a o id="menu". Jednak te elementy są nazwami tagów HTML (<p>, <h1>, <h2>, <ol>, <ul>, <li>, <div>, <span> itd.). Jeśli w CSS wskazujesz na kolejne subelementy będące tagami to zapis "#menu ul li a" jest prawidłowy. Ale już jeśli stosujesz dla danego elementu klasę lub id, to wtedy musisz to uwzględnić pisząc taką "trasę" subelementów danego rodzica.

Jeśli chodzi o kod, to div z wpisem jest już prawie na miejscu, szczegóły popraw sam https://jsfiddle.net/4rq1jps5/

komentarz 1 lutego 2016 przez koder12345 Obywatel (1,570 p.)

chyba napisze ten kod od nowa i wtedy dam go wam do oceny.

teraz mam większe doświadczenie w css i html wiec nie powinno być takich problemów.

odpowiedź 31 grudnia 2015 przez Konrad Nabożny Stary wyjadacz (13,460 p.)

W podłączeniu pliku css w head masz spację przed nazwą. " style.css". Zmień i napisz czy się naprawiło.

komentarz 31 grudnia 2015 przez koder12345 Obywatel (1,570 p.)

nie a mój skrypt css to

body
{
background-color: #CFB53B;
font-family: Verdana;
font-size: 20px;
color: white;
margin: 0px;
    padding: 0px;
}

ul,li,p,div
{
    margin: 0px;
    padding: 0px;
}

#kontener
{
width: 1000px;
margin-left: auto;
margin-right: auto;
}
#naglowek
{
background-color: #EB2845;
color: white;
text-align: center;
}
#menu
{
}

#menu ul
{
}
#menu ul li
{
display: block;
list-style-type: none;
border: 2px solid white;
font-size: 30px;
width: 231px;
background-color: #EB2845;
float: left;
text-align: center;

}

#menu ul li:hover
{
background-color: white;
color: red;
}

#menu ul li a
{
display: block;
width: 200px;
text-decoration: none;
color: white;
font-size: 45px;
}

#powitanie
{
clear: both;
background-color: darkred;
color: white;
font-size: 20px;
}

#bar
{
width: 1000px;
}
#menu boczne
{
float: left;
width: 115px;
}

.wojewodztwo
{
margin: auto 0;
width:145px;
height: 92px;

background-color: red;
color: white;
font family:arial;
min-width: 50px;
text-align: center;
}
.wojewodztwo:hover
{
background-color: white;
color: red;
cursor: pointer;
}
.wpis
{
    background-color: #4dabb3;
width: 54px;
}
.clear
{clear: both;}

komentarz 31 grudnia 2015 przez Konrad Nabożny Stary wyjadacz (13,460 p.)

Nie widzę float'a w css .województwo. Dodaje i poinformuj o wyniku.

komentarz 1 stycznia 2016 przez koder12345 Obywatel (1,570 p.)

nie działa działa

komentarz 1 stycznia 2016 przez Konrad Nabożny Stary wyjadacz (13,460 p.)

Oczywiście float musi być też w drugim divie do którego "przyklejamy" województwa.

komentarz 3 stycznia 2016 przez koder12345 Obywatel (1,570 p.)

Nie działa dalej już próbowałem na kilka sposobów. Dodaje ze pokażą, em to nauczycielowi od informatyki (2 GIMNAZJUM) nie widzi on błędu a się zna bo tworzy strony oparte na CMS

komentarz 3 stycznia 2016 przez Konrad Nabożny Stary wyjadacz (13,460 p.)

To faktycznie się zna

Przeanalizuj cały kod krok po kroku. Na spokojnie.

komentarz 3 stycznia 2016 przez Konrad Nabożny Stary wyjadacz (13,460 p.)

#menu ul li

wystrzegaj się takich zapisów. Zamiast tego zapisz #menuUlLi, lub #menu_ul_li

Do czego jest ten zapis w css na samym końcu:

.clear { clear:both; } ?

komentarz 3 stycznia 2016 przez Czort Nałogowiec (32,500 p.)

Co jest złego w tym zapisie?

komentarz 3 stycznia 2016 przez Konrad Nabożny Stary wyjadacz (13,460 p.)

Trochę znikąd wzięty. Być może coś mi umknęło, ale nigdy nie spotkałem się z podobnym zapisem podczas pisania stron.

komentarz 3 stycznia 2016 przez ScriptyChris Mędrzec (190,190 p.)

@Konrad Nabożny, zapisy #menuUlLi oraz #menu_ul_li są BŁĘDNE w kontekście wskazywania "trasy" do danego elementu w HTML. Zapisy camelCase oraz z podkreśleniem zwanym underscore "_" ogólnie są prawidłowe, ale w kontekście nazywania zmiennych. W tej sytuacji taki zapis zostanie potraktowany jako ID w całości, a chodzi tutaj o wskazanie kolejnych subelementów (czy też kolejnych dzieci danego elementu) #menu.

komentarz 3 stycznia 2016 przez Konrad Nabożny Stary wyjadacz (13,460 p.)

Tak, zgadza się, o to mi chodzi i tak to zinterpretowałem, ale czy nie powinno być czasem przecinków zamiast spacji między tymi subelementami?

komentarz 3 stycznia 2016 przez ScriptyChris Mędrzec (190,190 p.)

Przecinki w CSS są po to, aby wystylizować kilka elementów na raz. Np.:

https://jsfiddle.net/gv0o5s02/

Przecinki są po to, abyś te 3 divy ostylował na raz.