GoldenLine
Zaloguj się

konto usunięte

Temat: Problem z </ul> - winne znaczniki?

Utknęłam na banalnej rzeczy - tworzę listę nieuporządkowaną. Dopóki jej nie zamknę za pomocą </ul>, punktory kolejnych pozycji się pojawiają jak należy. W momencie dodania </ul> punktory... znikają - czyli otrzymuję efekt odwrotny do zamierzonego :(

Obie rzeczy widać i w trakcie generowania podglądu strony, i w czasie pracy w Dreamweaverze (wiersze 29-36):


Obrazek


Lista, jak i całość tekstu leży w divie, dla którego nie były definiowane żadne parametry związane z formatowaniem tekstu, listami, itp. Żeby mieć jednolite formatowanie podstawowego tekstu akapitowego i elementów listy, w pliku stylów w znacznikach dla <p> i <li> zdefiniowałam: rodzinę czcionek, kolor i wielkość. Nic więcej. Może tu jest pies pogrzebany?

PS: Sprawdziłam też cały kod pod kątem wystąpienia gdzieś indziej w pliku niedomnkniętych list albo ich elementów - nic takiego też nie znalazłam.Magda B. edytował(a) ten post dnia 24.01.13 o godzinie 22:20
Link do wypowiedziLink
Artur C.

Artur C. .unknown

Temat: Problem z </ul> - winne znaczniki?

A gdyby tak zrobic:



<ul>

<li> 1 </li>

</ul>



<ul>

<li> 2 </li>

</ul>



<ul>

<li> 3 </li>

</ul>


Wychodzi lepiej czy nadal jak by nigdy nic?

Wrzuc caly plik html i css zobaczymy co tutaj w nim sie narodzilo.
Link do wypowiedziLink
Andrzej Bryś

Andrzej Bryś właściciel, GrowUP
DoroslaReklama.pl

Temat: Problem z </ul> - winne znaczniki?

Może to tylko problem z podglądem w DW? Sprawdzałaś podgląd w przeglądarce?Andrzej Bryś edytował(a) ten post dnia 24.01.13 o godzinie 22:52
Link do wypowiedziLink

konto usunięte

Temat: Problem z </ul> - winne znaczniki?

Dokładnie, prosimy o kod.

A otwierając nowy plik i wrzucając tam listę - jest ten sam efekt?

ul nie był ruszany w stylach?

A wymuszająć dla ul list-style - zmienia (czyt. pojawia się), czy nie?

Który Dreamweaver?

Andrzej - a to też fakt. U mnie parę razy DM inaczej pokazywał niż live w przeglądarce...Miłosz Wojaczek edytował(a) ten post dnia 24.01.13 o godzinie 22:56
Link do wypowiedziLink

konto usunięte

Temat: Problem z </ul> - winne znaczniki?

Andrzej Bryś:
Może to tylko problem z podglądem w DW? Sprawdzałaś podgląd w przeglądarce?

No, właśnie piszę, że problem widać i w DW, i w trakcie podglądu strony (tj. w Chrome i IE).

Ale zaczęłam działać Arturze według Twojego sposobu - niestety nie podziałał, ale przez przypadek odkryłam, że zadziałało takie coś - aż się za głowę złapałam:

</ul>
<li>...</li>
<li>...</li>
<li>...</li>
<li>....</li>
</ul>

Tak, tak znacznik końca listy na początku! :D Niestety, tylko Chrome daje się tak oszukać. IE już nie. Doinstaluję FF, żeby zobaczyć, jak tam sprawa wygląda i będę kombinować dalej.
Link do wypowiedziLink

konto usunięte

Temat: Problem z </ul> - winne znaczniki?

A nie masz pzypadkiem powyżej niedomkniętej ul'ki ?
Link do wypowiedziLink

konto usunięte

Temat: Problem z </ul> - winne znaczniki?

Magda B.:
...

To musi być albo błąd w strukturze HTML albo błąd w CSS. Jeśli to możliwe to podaj adres strony to znajdę błąd.
Link do wypowiedziLink

konto usunięte

Temat: Problem z </ul> - winne znaczniki?

Miłosz Wojaczek:
Dokładnie, prosimy o kod.

Wklejam poniżej (jest trochę syf wizualnie, bo strona jeszcze w budowie).
A otwierając nowy plik i wrzucając tam listę - jest ten sam efekt?

Po przeklejeniu fragmentu kodu z listą do świeżego dokumentu jest OK.
ul nie był ruszany w stylach?

Nie, dla ul nic a nic nie definiowałam. Tylko dla li - czcionka, rozmiar, kolor i NIC więcej. Style wszystkie w zewnętrznym pliku.
A wymuszająć dla ul list-style - zmienia (czyt. pojawia się), czy nie?

Niestety nie :( Ani w DW, ani w Chrome, ani w IE zmian nie widać :(
Który Dreamweaver?

CS5

@Rafał - nie, nie mam niedomkniętego znacznika listy nigdzie w dokumencie - pisałam o tym w pierwszym poście :) Poza tym DW sygnalizuje takie rzeczy.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Magdalena Bergmann - MB Mentor - Oferta - Szkolenia</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="metaramka">
<a href="index.html"> <div class="logo_duze" id="logo"></div></a>
<a href="oferta.html"><div class="menu_btn_sz" id="menu_btn"> <div id="napismenu"><img src="img/plastry/napis_oferta.png" width="75" height="22" alt="oferta" /></div> </div></a>
<a href="omnie.html"> <div class="menu_btn_r" id="menu_btn"> <div id="napismenu"><img src="img/plastry/napis_omnie.png" width="94" height="22" alt="omnie" /></div> </div></a>
<a href="klienci.html"><div class="menu_btn_sz" id="menu_btn"> <div id="napismenu"><img src="img/plastry/napis_klienci.png" width="81" height="22" /></div> </div></a>
<a href="galeria.html"> <div class="menu_btn_r" id="menu_btn"> <div id="napismenu"><img src="img/plastry/napis_galeria.png" width="95" height="28" alt="galeria" /></div> </div></a>
<a href="kontakt.html"><div class="menu_btn_sz" id="menu_btn"> <div id="napismenu"><img src="img/plastry/napis_kontakt.png" width="90" height="22" alt="kontakt" /></div> </div></a>
<div id="content">
<div class="kol1_foto_szk" id="kol1_foto"></div>
<div id="kol2_tekst">
<a href="oferta-doradztwo.html"> <div class="malemenu_dor_b" id="malemenu"></div></a>
<a href="oferta-projekty.html"> <div class="malemenu_pro_b" id="malemenu"></div></a>
<p> </p>
<p> </p>
<p><img src="img/plastry/szk_cz.png" width="290" height="24" /></p>
<p> </p>
<p> </p>
<p>Tematyka, w której bla bla bla bla bla bla: </p>
<p> </p>
<ul>
<li>temat1</li>
<li>temat2</li>
<li>temat3</li>
<li>temat4</li>
<li>temat5</li>
</ul>
<p> </p>
<p>Szkolenia prowadzone są <span class="p_mag">różnorodnymi metodami,</span> zawsze dostosowanymi do specyfiki tematu oraz potrzeb grupy. Wiedząc, jak ważne jest utrzymanie zaangażowania bla bla bla</p>
<p> </p>
<p> </p>
<p> </p>
</div>

<div id="stopka">Projekt, logotyp i wykonanie: Magdalena Bergmann 2012-2013 Wykorzystano zdjęcia z repozytoriów SXC.hu oraz Fotolia </div>
</div>
</div>

</body>
</html>
Link do wypowiedziLink
Andrzej Bryś

Andrzej Bryś właściciel, GrowUP
DoroslaReklama.pl

Temat: Problem z </ul> - winne znaczniki?

Może sprawdź stronę w narzędziu walidacja w3c
Link do wypowiedziLink
Artur C.

Artur C. .unknown

Temat: Problem z </ul> - winne znaczniki?

wrzuc plik style.css jeszcze. Sprawdz czy lapie cos takiego:



<ul type="square">

<li>1</li>

<li>2</li>

<li>3</li>

</ul>


lub



<ul>

<li><p>1</p></li>

<li><p>2</p></li>

<li><p>3</p></li>

</ul>
Link do wypowiedziLink

konto usunięte

Temat: Problem z </ul> - winne znaczniki?

Artur P.:
wrzuc plik style.css jeszcze. Sprawdz czy lapie cos takiego:

Artur, to już od razu mogę Ci powiedzieć, że obu tych rzeczy próbowałam przed napisaniem tutaj - niestety nie łapie :(

A oto plik CSS:

@charset "utf-8";
/* CSS Document */

* {
margin: 0px;
padding: 0px;
}
body {
background-color: #FFF;
}
div {
overflow: hidden;
}
p {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
}
li {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
}
ul {
list-style-type: square;
}

#metaramka {
background-color: #FFF;
height: auto;
width: 960px;
margin-top: 30px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
#malemenu {
float: right;
height: 20px;
}
.malemenu_szk_b {
float: right;
height: 20px;
width: 171px;
background-image: url(img/plastry/malemenu/szk-mm-sz.png);
background-repeat: no-repeat;
background-position: left top;
margin-left: 4px;
margin-right: 4px;
}
.malemenu_szk_b:hover {
float: right;
height: 20px;
width: 171px;
background-image: url(img/plastry/malemenu/szk-mm-hover.png);
background-repeat: no-repeat;
background-position: left top;
margin-left: 4px;
margin-right: 4px;
}
.malemenu_dor_b {
float: right;
height: 20px;
width: 180px;
background-image: url(img/plastry/malemenu/dor-mm-sz.png);
background-repeat: no-repeat;
background-position: left top;
margin-left: 4px;
margin-right: 4px;
}
.malemenu_dor_b:hover {
float: right;
height: 20px;
width: 180px;
background-image: url(img/plastry/malemenu/dor-mm-hover.png);
background-repeat: no-repeat;
background-position: left top;
margin-left: 4px;
margin-right: 4px;
}
.malemenu_pro_b {
float: right;
height: 20px;
width: 194px;
background-image: url(img/plastry/malemenu/pro-mm-sz.png);
background-repeat: no-repeat;
background-position: left top;
margin-right: 4px;
margin-left: 4px;
}
.malemenu_pro_b:hover {
float: right;
height: 20px;
width: 194px;
background-image: url(img/plastry/malemenu/pro-mm-hover.png);
background-repeat: no-repeat;
background-position: left top;
margin-left: 4px;
margin-right: 4px;
}

#logo {
height: 98px;
width: 278px;
margin-right: 46px;
float: left;
}
.logo_duze {
background-image: url(img/plastry/logo.png);
background-position: center center;
height: 98px;
width: 278px;
margin-right: 46px;
float: left;
}

.logo_index {
background-image: url(img/plastry/logokwadr.png);
background-position: right center;
height: 98px;
width: 278px;
margin-right: 46px;
float: left;
background-repeat: no-repeat;
}

#kol1_foto {
width: 278px;
margin-right: 46px;
height: 278px;
float: left;
}
.kol1_foto_omnie {
width: 278px;
margin-right: 46px;
height: 278px;
float: left;
background-image: url(img/plastry/omnie-foto.png);
background-repeat: no-repeat;
background-position: center center;
}
.kol1_foto_proj {
width: 278px;
margin-right: 46px;
height: 278px;
float: left;
background-image: url(img/plastry/proj-foto.png);
background-repeat: no-repeat;
background-position: center center;
}
.kol1_foto_dor {
width: 278px;
margin-right: 46px;
height: 278px;
float: left;
background-image: url(img/plastry/dor-foto.png);
background-repeat: no-repeat;
background-position: center center;
}
.kol1_foto_szk {
width: 278px;
margin-right: 46px;
height: 278px;
float: left;
background-image: url(img/plastry/szk-foto.png);
background-repeat: no-repeat;
background-position: center center;
}

.kol1_foto_klienci {
width: 278px;
margin-right: 46px;
height: 278px;
float: left;
background-image: url(img/plastry/klienci-foto.png);
background-repeat: no-repeat;
background-position: center center;
}
.kol1_foto_galeria {
width: 278px;
margin-right: 46px;
height: 278px;
float: left;
background-image: url(img/plastry/galeria-foto_03.png);
background-repeat: no-repeat;
background-position: center center;
}
#kol2_tekst table {
width: 600px;
}
.thumbcell {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

#klient {
height: 100px;
width: 170px;
margin: 17px;
float: left;
color: #000;
line-height: normal;
text-align: center;
vertical-align: middle;
}
#klient:hover {
background-image: url(img/plastry/klienci_hover.png);
}
#klient:active {
background-image: url(img/plastry/klienci_hover.png);
}

.klient_r {
height: 100px;
width: 170px;
margin: 17px;
float: left;
color: #FFF;
background-image: url(img/plastry/klienci_r.png);
background-repeat: no-repeat;
background-position: center center;
}
.klient_sz {
height: 100px;
width: 170px;
margin: 17px;
float: left;
color: #FFF;
background-image: url(img/plastry/klienci_sz.png);
background-repeat: no-repeat;
background-position: center center;
}

#kol2_tekst {
height: auto;
margin-right: 20px;
padding-top: 5px;
padding-right: 0px;
padding-left: 0px;
text-align: justify;
}
.kol2_tekst_kontakt {
height: 278px;
margin-right: 20px;
font-family: Verdana, Geneva, sans-serif;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 60px;
padding-left: 30px;
font-size: 16px;
}

.kol1_foto_kontakt {
width: 278px;
margin-right: 50px;
height: 278px;
background-image: url(img/plastry/kontakt-foto.png);
background-repeat: no-repeat;
background-position: center center;
}

#content {
height: auto;
width: 960px;
margin-right: auto;
margin-left: auto;
float: left;
padding-top: 30px;
padding-bottom: 0px;
padding-left: 0px;
}

#menu_btn {
height: 98px;
width: 105px;
margin-right: 22px;
float: left;
text-align: center;
vertical-align: middle;
}

.menu_btn_sz {
background-image: url(img/plastry/buttonmenu_sz.png);
background-position: center center;
}

.menu_btn_r {
background-image: url(img/plastry/buttonmenu_r.png);
background-position: center center;
}
.menu_btn_r:active {
background-image: url(img/plastry/buttonmenu_f.png);
background-position: center center;
}
.menu_btn_r:hover {
background-image: url(img/plastry/buttonmenu_f.png);
background-position: center center;
}
.menu_btn_r:link {
background-image: url(img/plastry/buttonmenu_f.png);
background-position: center center;
}

.menu_btn_sz:active {
background-image: url(img/plastry/buttonmenu_f.png);
background-position: center center;
}

.menu_btn_sz:hover {
background-image: url(img/plastry/buttonmenu_f.png);
background-position: center center;
}
.menu_btn_sz:link {
background-image: url(img/plastry/buttonmenu_f.png);
background-position: center center;
}

#napismenu {
margin-top: 35px;
margin-bottom: 35px;
width: auto;
height: 28px;
}
a:visited {
text-decoration: none;
color: #666;
}
a:hover {
text-decoration: none;
color: #C06;
}

a:link {
color: #7c2a90;
text-decoration: none;
}
a:active {
text-decoration: none;
color: #000;
}

a img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#stopka {
height: 20px;
width: 960px;
margin-top: 15px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
float: left;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
color: #999;
font-size: 12px;
font-weight: bold;
text-align: center;
}
#oferta {
float: left;
height: 350px;
width: 200px;
margin-top: 20px;
margin-bottom: 15px;
}
.oferta_1 {
background-image: url(img/plastry/dor.png);
background-repeat: no-repeat;
margin-right: 76px;
margin-left: 40px;
}
.oferta_2 {
background-image: url(img/plastry/szk.png);
background-repeat: no-repeat;
margin-left: 58px;
margin-right: 58px;
}
.oferta_3 {
background-image: url(img/plastry/pro.png);
background-repeat: no-repeat;
float: right;
margin-left: 76px;
margin-right: 40px;
}
#facebookbox {
float: right;
height: 290px;
width: 292px;
}
.p_mag {
font-weight: bold;
color: #c5177a;
}
Link do wypowiedziLink
Artur C.

Artur C. .unknown

Temat: Problem z </ul> - winne znaczniki?

dopisz do ul jeszcze marginesy



ul {

list-style-type: square;

margin-left: 30px;

}


albo coś takiego będzie czytelniej:



margin: 10px 0 10px 30px;


gorny i dolny margines wszystko w jednej linijce :)Artur P. edytował(a) ten post dnia 25.01.13 o godzinie 00:52
Link do wypowiedziLink

konto usunięte

Temat: Problem z </ul> - winne znaczniki?

Marginesy zadziałały, punktory nadal nie :(

To moja pierwsza całościowa strona w DW i też pierwsza przygoda z CSS, do tej pory działałam tylko i wyłącznie w oparciu o CMS-y i nie sądziłam, że tak mała rzecz sprawi mi problem nie do rozwiązania. Na szczęście jutro mam możliwość podpytania wykładowcy o takie chochliki przed sobotnią obroną projektu. W każdym razie dzięki Wszystkim za gotowość do pomocy :)
Link do wypowiedziLink
Artur C.

Artur C. .unknown

Temat: Problem z </ul> - winne znaczniki?

Dziwna sprawa, bo u mnie działa prawidłowo w każdej przeglądarce: chrome, IE, FF i opera.


Obrazek


spr uruchomić też moje pliki może coś w zapisie nie jest tak u Ciebie: 



http://www12.zippyshare.com/v/79670350/file.html

Magda B.:
Marginesy zadziałały, punktory nadal nie :(

To moja pierwsza całościowa strona w DW i też pierwsza przygoda z CSS, do tej pory działałam tylko i wyłącznie w oparciu o CMS-y i nie sądziłam, że tak mała rzecz sprawi mi problem nie do rozwiązania. Na szczęście jutro mam możliwość podpytania wykładowcy o takie chochliki przed sobotnią obroną projektu. W każdym razie dzięki Wszystkim za gotowość do pomocy :)
Link do wypowiedziLink

konto usunięte

Temat: Problem z </ul> - winne znaczniki?

Po wrzuceniu do DW kodu wraz ze stylami i spięciu wszystkiego istotnie znikają mi bullety.
Ale wrzucenie marginesu do ul w stylach zadziałało również u mnie. No nie ma bata, musi zadziałać : )

W ogóle Magdo, używaj znacznika na Goldenie do wrzucania kodu, OK? : )Miłosz Wojaczek edytował(a) ten post dnia 25.01.13 o godzinie 09:47
Link do wypowiedziLink
Artur C.

Artur C. .unknown

Temat: Problem z </ul> - winne znaczniki?

Miłosz Wojaczek:
Po wrzuceniu do DW kodu wraz ze stylami i spięciu wszystkiego istotnie znikają mi bullety.

Olejce DW. Notepad++.
Link do wypowiedziLink
Kamila Jarosz

Kamila Jarosz web designer

Temat: Problem z </ul> - winne znaczniki?

Usuń padding:



* {

margin: 0px;

}
Link do wypowiedziLink

konto usunięte

Temat: Problem z </ul> - winne znaczniki?

Kamila Jarosz:
Usuń padding:


Po wywaleniu paddingu z gwiazdki POSZŁO!!! Kamila, bardzo dziękuję za pomoc :)
Link do wypowiedziLink

konto usunięte

Temat: Problem z </ul> - winne znaczniki?

Działać powinno z edycją marginu. U mnie w każdym razie poszło. Ciekawa sprawa.

Ale ja bym nie usuwał czyszczenia paddingu z *, bo to nie jest rozwiązanie. To raczej edytuj styl dla ul konkretnie.Miłosz Wojaczek edytował(a) ten post dnia 25.01.13 o godzinie 11:17
Link do wypowiedziLink
Kamila Jarosz

Kamila Jarosz web designer

Temat: Problem z </ul> - winne znaczniki?

Miłosz Wojaczek:
Działać powinno z edycją marginu. U mnie w każdym razie poszło. Ciekawa sprawa.

Ale ja bym nie usuwał czyszczenia paddingu z *, bo to nie jest rozwiązanie. To raczej edytuj styl dla ul konkretnie.

Czepia się no ;]

No to:


li {

    color: #000000;

    font-family: Verdana,Geneva,sans-serif;

    font-size: 12px;

    margin-left: 40px;

}
Kamila Jarosz edytował(a) ten post dnia 25.01.13 o godzinie 11:46
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Float right i problem pod IE7




Wyślij zaproszenie do
Anuluj