div obok div

Wszystko o HTML, XHTML, XML, CSS.
vademecum
Posty: 40
Rejestracja: 18 sty 2014, 17:26:26
Strona na CBA.pl: localhost :]
Płeć: Niewybrana
User Agent: Opera Windows 1366x768

Re: div obok div

Post autor: vademecum »

SKai , jeśli myślisz że problem jest ze ścieżką obrazka to przenieś grafikę banner_skkit.png do katalogu strony głównej i wtedy daj w
CSS

Kod: Zaznacz cały

background-image: url('banner_skkit.png'); 
I tak przy okazji, w pliku HTML zamiast

Kod: Zaznacz cały

<div id="banner_skkit"> </div> 
możesz dać po prostu

Kod: Zaznacz cały

<div id="banner_skkit" /> 
@EDIT: I JESZCZE COŚ :
W pliku CSS nie zamykasz diva banner_skitt, tzn nie dałeś na końcu bloku znaku
Programuję w PHP.
Tworzę strony www.

Zainteresowanych proszę o kontakt na PW.
Awatar użytkownika
SKai
Posty: 18
Rejestracja: 20 sty 2014, 14:36:31
Płeć: Niewybrana
User Agent: Firefox Windows 1680x1050

Re: div obok div

Post autor: SKai »

@EDIT: I JESZCZE COŚ :
W pliku CSS nie zamykasz diva banner_skitt, tzn nie dałeś na końcu bloku znaku
Kod:
}
nie skopiowało mi się ;P

poprawione, ale dalej go nie widać...
powinien się pokazywać nawet nie w tym miejscu co trzeba ale byłby widoczny
vademecum
Posty: 40
Rejestracja: 18 sty 2014, 17:26:26
Strona na CBA.pl: localhost :]
Płeć: Niewybrana
User Agent: Opera Windows 1366x768

Re: div obok div

Post autor: vademecum »

SKai , ale skopiowałeś ten obrazek do głównego katalogu i zmieniłeś ścieżke na url('banner_skitt'); ?
Programuję w PHP.
Tworzę strony www.

Zainteresowanych proszę o kontakt na PW.
Awatar użytkownika
SKai
Posty: 18
Rejestracja: 20 sty 2014, 14:36:31
Płeć: Niewybrana
User Agent: Firefox Windows 1680x1050

Re: div obok div

Post autor: SKai »

o to się nie martw :) wsadziłem i do głównego i do images i do images w templatcei nic :P

dobra, po prostu dodałem obrazek na hosting...

jak wy linkować teraz?

Kod: Zaznacz cały

<div id="banner_skkit"><a href="http://www.cba.pl/"</a> </div> 
Nepomucen1337
Posty: 17
Rejestracja: 17 lis 2013, 15:41:22
Płeć: Niewybrana
User Agent: Chrome Windows

Re: div obok div

Post autor: Nepomucen1337 »

Jeśli chciałeś mieć dwa divy obok siebie w jakimś kontenerze, to mogłeś zrobić tak:

Kod: Zaznacz cały

<!DOCTYPE html>
<html>
    <head>
        <title>szatan</title>
        <style>
            div.banner
            {
                display: table;
                width: 100%;
            }
            div.banner_contact
            {
                background: #CCCCCC;
                
                display: table-cell;
            }
            div.banner_whatever
            {
                background: #EEEEEE;
                
                display: table-cell;
            }
        </style>
    </head>
    <body>
        
        <div class="banner">
            <div class="banner_contact">
                test contact
            </div>
            <div class="banner_whatever">
                test whatever
            </div>
        </div>
        
    </body>
</html> 
A jeśli chcesz, żeby ten drugi div stanowił link, to po prostu zamień ten tag z "div" na "a" i poczyń to samo w CSSie. I dodaj atrybut href.
Awatar użytkownika
SKai
Posty: 18
Rejestracja: 20 sty 2014, 14:36:31
Płeć: Niewybrana
User Agent: Firefox Windows 1680x1050

Re: div obok div

Post autor: SKai »

Wielkie dzięki. "Div" zamieniłem na "a" w drugim bannerze dodałem "blank" i jest gitara
ODPOWIEDZ