Skocz do zawartości

Div, Div, css!


kava

Rekomendowane odpowiedzi

przerabiam sobie stronę na css.

Jesteśmy tu:

https:// hq.punio. eu.org/~kava/hitecmar/index2.php

CSS:




.presentation { font-size: 10px; color: #006699; margin: 5px 20px 10px 20px; background: #fff url(images/icons/presentation.gif) top right no-repeat; border-left: 10px #e4e4e4 solid; padding:10px 60px 10px 10px}



HTML:




<div class="presentation">

1. <a href="link">Jakiś tekst</a>

<p>Rozwinięcie</p>

</div>



Zapraszam do detektywowania - dlaczego w IE jest takie dziwadło? (scroll down). Help.

La Palma tu żyję.

Strony www, ilustracja to robię.

Link Vault jest spoko.

Odnośnik do komentarza
Udostępnij na innych stronach




.presentation { font-size: 10px; color: #006699; margin: 5px 20px 10px 20px; background: #fff url(images/icons/presentation.gif) top right no-repeat; border-left: 10px #e4e4e4 solid; padding:10px 60px 10px 10px}



sie na tym nie znam.. ale moze problem jest tu:

 background: #fff 

bo zapis szesnastkowy wymaga podania

 background: #ffffff 

wiec moze 'coś' jest zle interpretowane...

Odnośnik do komentarza
Udostępnij na innych stronach

również zapis 'white' jest poprawny.

przyznam, ze przedziwnie to wyglada w ie. :? przyczyna tkwi chyba w czyms nadrzednym do "presentation", ale nie wglebialem sie.

ale moim zdaniem powinnas sprobowac zamiast powielac <div class="presentation"> zastosowac liste (odpada powtarzanie klas i dodatkowo masz numeracje), czyli np


<ol class="presentation">

<li>

<a href="link">Jakiś tekst</a>

<p>Rozwinięcie</p> 

</li>

<li>

<a href="link">Jakiś tekst</a>

<p>Rozwinięcie</p> 

</li>

</ol>

Odnośnik do komentarza
Udostępnij na innych stronach

oba #fff i #ffffff są poprawne, tylko #fff zajmuje mniej miejsca  :)

jak pisalem to dla mnie nieznane.. dzieki za wyjasnienie - dzieki Tobie juz 'coś' wiem. ;)

Niestety w CSS widac jest to dozwolone, w innych niestety jest przyczyna bledow.

Wiem ze jak usunąłem "padding:10px 60px 10px 10px" to pod IE juz sie tak nie przesuwa...

Odnośnik do komentarza
Udostępnij na innych stronach

padding:10px 60px 10px 10px

padding nie jest zamkniety :]*

*uwaga bez zagladania na strone ;)

tak wogole to radze zrobic porzadek w style.css i pozamykac wszystkie

paddingi i marginy ";" bo jest kupa z tym bledow :]**

IE jast na to wrazliwe

**uwaga po zajrzenniu na strone :)

Sprzedam IPHONE 13PRO MAX stan używany sprzedam iphone

praca za granicą, ogłoszenia sprawdzonych pracodawców: praca za granicą
dieta ketogeniczna, przepisy ketogeniczne? Jak wywołać stan ketozy dieta ketogeniczna

Odnośnik do komentarza
Udostępnij na innych stronach

k0rnik

faktycznie, teraz ok :shock:

Dzięki, musze jeszcze nad tym posiedzieć.

s4lc

myślałam, że na końcu zamykać nie trzeba... Ale racja, że zamknąć nie zaszkodzi.

Erbit

"Hooray, I'm useful!" ® Dr Zoidberg ;)

La Palma tu żyję.

Strony www, ilustracja to robię.

Link Vault jest spoko.

Odnośnik do komentarza
Udostępnij na innych stronach

sie na tym nie znam.. ale moze problem jest tu:

Kod: 

background: #fff

bo zapis szesnastkowy wymaga podania

skracac można wszystko co jest "podwójne"

tzn:

#ffffff -> #fff

#88dd33 -> #8d3

Odnośnik do komentarza
Udostępnij na innych stronach

Erbit

"Hooray, I'm useful!"  ® Dr Zoidberg :)

Przykro mi, ze inni byli lepsi ode mnie... naprawdę się starałem.

poprostu kawę pijam codziennie na śniadanie... dziś widać się ta sztuka nie udała... :)

Pozdrawiam.

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności