-
Data: 2011-02-12 11:52:06
Temat: Re: zmiana wygladu DIV poprzez link
Od: Andre <a...@a...pl> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]Mirosław Zalewski napisał(a):
> Znaczy:
>
> p {display: none;}
> div1 a:hover p {display: block;}
Dziala wysmienicie. Pod Firefoxem 3.6...
A co zrobic, zeby to ruszylo pod IE8 (standard w Win7)?
Pozwole sobie wkleic caly kod, ktorego uzywam:
----------html----------------------
<div class="pad_rama">
<a>
<div class="pad_up">
<p class="pad_header">Kasia</p>
</div>
</a>
<div class="pad_mid">
<p class="pad_opis">Absolwentka Turystyki i Rekreacji na krakowskim AWF-
ie. Całe życie związana z ruchem narciarstwo, trekking górski, rolki,
rower, salsa, taniec towarzyski, trenowała również karate kyokushin itp.
</p>
</div>
<div class="pad_down">
</div>
----------/html----------------------
----------css------------------------
</div>
body
{
background-color: black;
}
div.pad_rama {
width: 500px;
margin: 0 auto;
padding: 0px;
}
div.pad_up {
width: 100%;
height: 20px;
margin: 0px;
padding: 0px;
-moz-border-radius: 10px 10px 0px 0px;
opacity: 0.5;
background-color: red;
display: block;
}
div.pad_mid {
width: 100%;
margin: 0px;
padding: 0px;
/*-moz-opacity: 0.5;*/
background-color: green;
}
div.pad_down {
width: 100%;
height: 20px;
margin: 0px;
padding: 0px;
-moz-border-radius: 0px 0px 10px 10px;
/*-moz-opacity: 0.5;*/
background-color: red;
}
p.pad_header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 16px;
font-weight: bold;
color: white;
text-align: center;
}
p.pad_opis {
margin: 0px 0px 0px 0px;
padding: 5px;
display: block;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
font-weight: normal;
color: white;
text-align: left;
display: none;
}
a:hover .pad_up {
width: 100%;
margin: 0px;
padding: 0px;
background-color: aqua;
outline: none;
-moz-border-radius: 10px 10px 0px 0px;
/*opacity: 0.5;*/
display: block;
}
a:hover + .pad_mid p.pad_opis {
background-color: blue;
display: block;
color: red;
display: block;
}
----------/css------------------------
Prosze nie zwracac uwagi na atrybuty tylko dla Mozilli. Rozszerzanie DIVa
powinno dzialac niezaleznie. Border-radius to tylko dodatki kosmetyczne.
Specjalnie zastosowalem rozne kolory, zeby bylo dokladnie widac, czy
dziala.
Z gory dziekuje za pomoc.
--
Pozdrawiam,
Andre
Następne wpisy z tego wątku
- 12.02.11 13:07 Peter May
- 12.02.11 13:12 Mirosław Zalewski
- 12.02.11 13:20 Mirosław Zalewski
- 12.02.11 14:49 porneL
- 12.02.11 16:25 Mirosław Zalewski
- 12.02.11 17:08 Peter May
- 12.02.11 19:47 Andre
- 12.02.11 21:43 Andre
- 12.02.11 22:05 Mirosław Zalewski
- 13.02.11 23:10 Paweł Piskorz
- 15.02.11 08:24 NKAB -
- 15.02.11 08:32 Michał Gancarski
- 15.02.11 17:27 Andre
- 15.02.11 22:17 Mirosław Zalewski
- 16.02.11 07:22 NKAB -
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-11-08 Warszawa => Head of International Freight Forwarding Department <=
- 2024-11-08 Warszawa => Key Account Manager <=
- 2024-11-08 Szczecin => Key Account Manager (ERP) <=
- 2024-11-08 Białystok => Full Stack web developer (obszar .Net Core, Angular6+) <
- 2024-11-08 Wrocław => Senior PHP Symfony Developer <=
- 2024-11-08 Warszawa => QA Engineer <=
- 2024-11-08 Warszawa => QA Inżynier <=
- 2024-11-08 Warszawa => Key Account Manager <=
- 2024-11-08 Gdańsk => Software .Net Developer <=
- 2024-11-08 Akumulator Hyundai
- 2024-11-08 Warszawa => Manager/Specialist e-commerce (B2C) <=
- 2024-11-08 Gdańsk => Specjalista ds. Sprzedaży <=
- 2024-11-08 Gdańsk => Kierownik Działu Spedycji Międzynarodowej <=
- 2024-11-08 znaj podstawe
- 2024-11-08 Chrzanów => Specjalista ds. public relations <=