Forum PHP.pl > [SOLVED][CSS] Wstawianie buttona w divie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [SOLVED][CSS] Wstawianie buttona w divie

Forum PHP.pl > Forum > Po stronie przeglądarki

mlawnik

26.04.2011, 11:18:55

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

gecior

26.04.2011, 12:41:46

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;
}

mlawnik

26.04.2011, 13:30:39

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

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.