Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [css] Jak odwołać się w stylu do danego div'a o okreslonym id
adiscan
post
Post #1





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 12.04.2007

Ostrzeżenie: (0%)
-----

Jak odwołać sie w css do diva o określonej nazwie? już zgłupiałem do konca...

mam np:
Kod
<div id="COŚ1">
</div>

lub

<div class="COŚ2">
</div>



a i podczepiając sie jeszcze pod pytanie...
jak oszukać IE albo Pozostałem przegladarki w sprawie marginesow? IE nie ma domyślnych a np Opera albo FF mają! I gdy poustawiałem marginesy w stylu to pod IE było ok a pod pozostałymi troche sie roznilu te odleglości...

Ten post edytował adiscan 4.03.2008, 17:02:56
Go to the top of the page
+Quote Post
Jarod
post
Post #2





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

Ostrzeżenie: (0%)
-----

Cytat(adiscan @ 4.03.2008, 16:59:22 ) *
Jak odwołać sie w css do diva o określonej nazwie? już zgłupiałem do konca...

mam np:
Kod
<div id="COŚ1">
</div>

lub

<div class="COŚ2">
</div>


div#COŚ1 {} lub #COŚ1{}
div.COŚ2 {} lub .COŚ2{}

EDIT: IE ogólnie ma problemy z marginesami. Masz dwa sposoby:
a) osobne style dla IE
(IMG:http://forum.php.pl/style_emoticons/default/cool.gif) coś tyakiego:
[HTML] pobierz, plaintext 
  1. .cos
  2. {
  3. margin: 2px 0 6px 10px !important; /*to dla przeglądarek oprócz IE*/
  4. margin: 2px 0 6px 10px; /*IE oleje important i uwzględni ten zapis*/
  5. }
[HTML] pobierz, plaintext


Ten post edytował Jarod 4.03.2008, 17:05:49
Go to the top of the page
+Quote Post
PawelC
post
Post #3





Grupa: Zarejestrowani
Postów: 1 173
Pomógł: 121
Dołączył: 24.09.2007
Skąd: Toruń

Ostrzeżenie: (0%)
-----

przykładowy kod diva w css:
[HTML] pobierz, plaintext 
  1. .cos1{
  2. width:800px;
  3. height:600px;
  4. border:1px black solid;
  5. margin:auto;
  6. }
[HTML] pobierz, plaintext

I odwołanie się do diva czyli
[HTML] pobierz, plaintext 
  1. <div id="cos1">
  2. </div>
[HTML] pobierz, plaintext

Co do marginesów to daj im parametr auto, jeżeli chodzi Ci o ustawienie strony po środku okna przeglądarki.

Ten post edytował ExPlOiT 4.03.2008, 17:07:38
Go to the top of the page
+Quote Post
Jarod
post
Post #4





Grupa: Zarejestrowani
Postów: 1 190
Pomógł: 27
Dołączył: 23.04.2005

Ostrzeżenie: (0%)
-----

Cytat(ExPlOiT @ 4.03.2008, 17:05:51 ) *
I odwołanie się do diva czyli
[HTML] pobierz, plaintext 
  1. <div id="coś1">
  2. </div>
[HTML] pobierz, plaintext

Co do marginesów to daj im parametr auto, jeżeli chodzi Ci o ustawienie strony po środku okna przeglądarki.


Chyba <div class="coś1">. Poza tym kolega nie napisał o środkowaniu tylko ogólnie o marginesach a wszyscy wiemy, że IE inaczej interpretuje marginesy.
Go to the top of the page
+Quote Post
adiscan
post
Post #5





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 12.04.2007

Ostrzeżenie: (0%)
-----

nie sprecyzowałem dokladnie...
mam cos takiego do zmiany podswietlenia po najechaniu na napis:

Kod
a:hover {                  
font-family: comic sans MS;
font-size: 16px;
color: #999000;
text-decoration: none
}


a normalnie mam już opisanego dokladnie diva i chciałbym podpiąć pod tego konkretnego to podświetlenie

Kod
<div id="COŚ1">
......
</div>



a co do marginesow to nie chodzi mi o środkowanie strony! Tylko że strona narazie wyglada ciut inaczej w IE i np OPERZE a chce to ujednolicić !



Jarod - Dzieki pomogles :-) o to mi chodziło z tymi marginesami :-)

Ten post edytował adiscan 4.03.2008, 17:15:53
Go to the top of the page
+Quote Post
PawelC
post
Post #6





Grupa: Zarejestrowani
Postów: 1 173
Pomógł: 121
Dołączył: 24.09.2007
Skąd: Toruń

Ostrzeżenie: (0%)
-----

Zrób tak:
[HTML] pobierz, plaintext 
  1. <div id="COŚ1" class="plik">
  2. ......
  3. </div>
[HTML] pobierz, plaintext

Kod css
[HTML] pobierz, plaintext 
  1. #plik a:hover {                  
  2. font-family: comic sans MS;
  3. font-size: 16px;
  4. color: green;
  5. text-decoration: none
  6. }
[HTML] pobierz, plaintext

Działa bez problemu (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
I tak możesz do każdego diva podpiąć konkretne podświetlenie.

Ten post edytował ExPlOiT 4.03.2008, 17:18:57
Go to the top of the page
+Quote Post
adiscan
post
Post #7





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 12.04.2007

Ostrzeżenie: (0%)
-----

Chodzi mi tez o zapis?


#plik a:hover


czy on jest poprawny?

czy# nie stosuje sie przy id? a . przy class?



Teraz działa :-)


a gdy mam:


<div id="COS3">
<p><a href=" "></a></p>
i jeszcze jakis <IMG scr="">
</div>

to jak sie odwołać np do konkretnego IMG ?

Ten post edytował adiscan 4.03.2008, 17:29:39
Go to the top of the page
+Quote Post
PawelC
post
Post #8





Grupa: Zarejestrowani
Postów: 1 173
Pomógł: 121
Dołączył: 24.09.2007
Skąd: Toruń

Ostrzeżenie: (0%)
-----

Wklej to do pliku html:
[HTML] pobierz, plaintext 
  1. <head>
  2. <link rel="stylesheet" type="text/css" href="style.css" />
  3. </head>
  4. <body xml:lang="pl" lang="pl">
  5. <div class="testowy" id="plik">
  6. <a href="#">link testowy</a>
  7. </div>
  8. <a href="#">kora</a>
[HTML] pobierz, plaintext

I plik style.css z kodem
[HTML] pobierz, plaintext 
  1. .testowy{
  2. width:500px;
  3. height:200px;
  4. margin:auto;
  5. border:1px black solid;
  6. }
  7. #plik a:hover {                  
  8. font-family: comic sans MS;
  9. font-size: 16px;
  10. color: green;
  11. text-decoration: none
  12. }
[HTML] pobierz, plaintext

Działa to tak:
http://exploitek.info/test/
ten w obramowaniu to jest link z id #plik a ten na dole bez jakiejkolwiek id. Co do zapisu to jest poprawny. Kropkę stosuje się przy class, a # przy id.

Co do obrazka to jaki chcesz uzyskać dokładnie efekt? Jeżeli chodzi ci o to aby konkretny div miał określony obrazek który chcesz jako tło to w kodzie css tego diva robisz:
[HTML] pobierz, plaintext 
  1. background:url(obrazkek.jpg);
[HTML] pobierz, plaintext


Ten post edytował ExPlOiT 4.03.2008, 17:37:42
Go to the top of the page
+Quote Post
adiscan
post
Post #9





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 12.04.2007

Ostrzeżenie: (0%)
-----

np jakie powydziwiane obramowanie lub zmiana alpha po najechaniu na niego myszką! ale dla tego konkretnego obrazka. gdybym miał w tym divie jeszcze kilka obrazkow to reszte chciałbym zeby pozostałwy niektnięte (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) tylko ten jeden :]
Go to the top of the page
+Quote Post
PawelC
post
Post #10





Grupa: Zarejestrowani
Postów: 1 173
Pomógł: 121
Dołączył: 24.09.2007
Skąd: Toruń

Ostrzeżenie: (0%)
-----

Jeżeli jako tło linka masz np obrazek to w tym #plik a:hover dodajesz parametr
[HTML] pobierz, plaintext 
  1. background:url(obrazek_na_który_ma_zamienic_obrazek_linka.gif);
[HTML] pobierz, plaintext

Po najechaniu myszką na link możesz zrobić dekoracje tekstu co też ładnie wygląda.

Ten post edytował ExPlOiT 4.03.2008, 17:49:31
Go to the top of the page
+Quote Post
adiscan
post
Post #11





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 12.04.2007

Ostrzeżenie: (0%)
-----

Ok dzieki za pomoc ! w 80% mi pomogles :-) ale nie do konca mnie rozumiesz :-)
Go to the top of the page
+Quote Post
PawelC
post
Post #12





Grupa: Zarejestrowani
Postów: 1 173
Pomógł: 121
Dołączył: 24.09.2007
Skąd: Toruń

Ostrzeżenie: (0%)
-----

To fakt że nie do końca Ciebie zrozumiałem z tym wszystkim (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Wiesz co innego pisać i testować kod na szybko, co innego gdy jest na to więcej czasu (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 17:08
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn