Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [SOLVED][CSS] Wstawianie buttona w divie
mlawnik
post 26.04.2011, 11:18:55
Post #1





Grupa: Zarejestrowani
Postów: 455
Pomógł: 49
Dołączył: 12.04.2010

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


Witam,

Mam następujący problem:

Z pomocą użytkowników tego forum zrobiłem sobie kiedyś takiego diva:
Obrazek

I teraz chciałbym wstawić na niego przycisk w następujący sposób:
Obrazek

Kod diva z buttonem pod spodem:

--Nikt mi już nie miesza w kodzie--

Czy ktoś mógłby mi w miare prosty sposób opisać jak to zrobić?

Pozdrawiam,
mlawnik

Ten post edytował mlawnik 26.04.2011, 13:31:43


--------------------
Pozdrawiam,
mlawnik

Cytat(nospor)
Jedzmy gówno.... miliony much nie może się przecież mylić
Go to the top of the page
+Quote Post
gecior
post 26.04.2011, 12:41:46
Post #2





Grupa: Zarejestrowani
Postów: 63
Pomógł: 1
Dołączył: 16.08.2007

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


Powinieneś pobawić się z-index oraz position. Nie jestem pewien czy to śmiga pod IE6, możesz potestować.

Gotowy kod:

Kod
#greenbox {
    background: #99FF99;
    border: 1px solid #336600;
    -moz-border-radius: 5px;
    display: block;
    margin-top: 1em;
    margin-right: 0px;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    height: 38px;
    width: 500px;
    position:relative;
    z-index:1;
}
#greenbox p {
    font-size: 12px;
    color: #336600;
    font-family: "Trebuchet MS";
    font-weight: bold;
    margin-bottom: 11px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    text-indent: 8px;
    height: 16px;
    background: url(http://upload.wikimedia.org/wikipedia/commons/2/22/Accept.png) no-repeat;
    background-position: 10px;
    padding-left: 22px;
    position:relative;
    z-index:10;
}

#greenbox button {
   position:absolute;
    right:0px;
    top:5px;
    z-index:20;
}
Go to the top of the page
+Quote Post
mlawnik
post 26.04.2011, 13:30:39
Post #3





Grupa: Zarejestrowani
Postów: 455
Pomógł: 49
Dołączył: 12.04.2010

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


Wielkie dzięki, o to chodziło.
Pomógł leci.


--------------------
Pozdrawiam,
mlawnik

Cytat(nospor)
Jedzmy gówno.... miliony much nie może się przecież mylić
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 10.07.2025 - 04:41