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,480 p.)

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

Pokaż 7 poprzednich komentarzy

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,480 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,480 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.