Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] jak stworzyc "subopcje"
Forum PHP.pl > Forum > Przedszkole
Neeew
mam problem pewnie źle napisałem nazwę tematu ale mam nadzieję że chociaż dobrze się wypowiem:

zacząłem pisać nowa stronę,
widziałem kiedyś że w .css ludzie tworzyli przykładowo subH1 wyglądało to:

  1. .h1, test{
  2. ...
  3. }


chciałem zrobić coś na podobe bo myślę że to przydatne...

więc zrobiłem

  1. <div id="h1, test">
  2. ...
  3. </div>


ale to nie działało.
gdzie jest błąd? co poprawić?
buliq
nie id tylko class

#nazwa - tak jest określany id (id="nazwa")
.nazwa - tak jest określana class (class="nazwa")
nazwa - tak jest określany element(<nazwa>)
Damonsson
Gdzieś Ty widział coś takiego? I czemu ma to służyć? Albo inaczej, co chcesz osiągnąć?
Neeew
Cytat(Damonsson @ 2.07.2013, 10:12:11 ) *
Gdzieś Ty widział coś takiego?


na jakims darmowym szablonie strony .html + .css

Cytat(Damonsson @ 2.07.2013, 10:12:11 ) *
I czemu ma to służyć? Albo inaczej, co chcesz osiągnąć?


przykladowo jest sam znacznik <b>...</b> no dobra,fajnie ale jest zapotrzebowanie na uzycie tego samego znacznika <b>...</b> tylko przykladowo z tlem kolorowym (typu niebieski). wiec chcialbym miec cos takiego.



buliq
używaj znaczników(tagów) <span>. To że każdy tag może mieć atrybut style/class/id nie oznacza że powinno się go używać. tag <b> służy do wytłuszczenia tekstu i tylko i wyłącznie w tym celu powinien być stosowany
Neeew
Cytat(buliq @ 2.07.2013, 10:06:25 ) *
nie id tylko class

.nazwa - tak jest określana class (class="nazwa")


zrobiłem:

  1. <div class="h1, test">
  2. </div>


oraz

  1. <div class=".h1, test">
  2. </div>


ale bez rezultatu - czarny text. w css mam:

.h6, test{
text-shadow: 3px 3px 3px blue;
}
buliq
Przeczytaj jeszcze raz co napisałem ...

Kod
.h6, test{
text-shadow: 3px 3px 3px blue;
}

zadziała dla
Kod
<span class="h6"></span>

oraz

Kod
<test></test>
Neeew
Cytat(buliq @ 2.07.2013, 10:29:17 ) *
używaj znaczników(tagów) <span>. To że każdy tag może mieć atrybut style/class/id nie oznacza że powinno się go używać. tag <b> służy do wytłuszczenia tekstu i tylko i wyłącznie w tym celu powinien być stosowany


czyli się wgl nie uda?
buliq
not sure if trolling or serious ...

jak dasz .h6, .test to każdy element który posiada class="h6" lub class="test" będzie miał dany styl.
Zapewne chcesz uzyskać:
Kod
h6 .test {
...
}

co da odwołanie do <h6 class="test"></h6>
Neeew
Cytat(buliq @ 2.07.2013, 10:34:48 ) *
Przeczytaj jeszcze raz co napisałem ...

Kod
.h6, test{
text-shadow: 3px 3px 3px blue;
}

zadziała dla
Kod
<span class="h6"></span>

oraz

Kod
<test></test>


pod span mi cos nie wyszlo ale pod <test></test> jest dokladnie tak jak chcialem - nawet lepiej bo nie bede musial pisac co chwile calej nazwy. dzieki || temat mozna zamknac.
buliq
Cytat(Neeew @ 2.07.2013, 10:41:33 ) *
pod span mi cos nie wyszlo ale pod <test></test> jest dokladnie tak jak chcialem - nawet lepiej bo nie bede musial pisac co chwile calej nazwy. dzieki || temat mozna zamknac.


Na nowo internetu nie wymyślisz, zmień swój kod i użyj span bo jak będziesz tworzył nowe tagi żaden validator ci nie przepuści ...
Damonsson
Przykładowo:

  1. <b>tekst czerwony</b>
  2. <b class="blue">tekst niebieski</b>
  3. <b class="blue green">tekst niebieski ramka zielona</b>

  1. b {
  2. color: red;}
  3.  
  4. b.blue {
  5. color: blue
  6. }
  7.  
  8. lub po prostu
  9.  
  10. .blue {
  11. color: blue
  12. }
  13.  
  14.  
  15. .green {
  16. border: 1px solid green
  17. }


Żadna filozofia, nie komplikuj sobie życia.

Edit: a jak chcesz mieć 2 klasy dla jednego elementu to oddzielasz je spacją, nie używasz przecinka w HTML, przecinki używasz, jeśli już to w CSS.
Neeew
Cytat(Damonsson @ 2.07.2013, 10:50:31 ) *
Przykładowo:

  1. <b>tekst czerwony</b>
  2. <b class="blue">tekst niebieski</b>
  3. <b class="blue green">tekst niebieski ramka zielona</b>

  1. b {
  2. color: red;}
  3.  
  4. b.blue {
  5. color: blue
  6. }
  7.  
  8. lub po prostu
  9.  
  10. .blue {
  11. color: blue
  12. }
  13.  
  14.  
  15. .green {
  16. border: 1px solid green
  17. }


Żadna filozofia, nie komplikuj sobie życia.

Edit: a jak chcesz mieć 2 klasy dla jednego elementu to oddzielasz je spacją, nie używasz przecinka w HTML, przecinki używasz, jeśli już to w CSS.


też działa, dzięki ph34r.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.