Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[CSS][HTML] Tablica informacyjna jako menu - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS][HTML] Tablica informacyjna jako menu (/thread-css-html-tablica-informacyjna-jako-menu)

[CSS][HTML] Tablica informacyjna jako menu - asta - 21-11-2011

Muszę tą tablice [Obrazek: Adqge.jpg] przerobić na menu w css/html
chodzi mi dokladnie o to, że deska odpowiada linkowi dodanemu np. Nowości
Zrobiłem takie coś [Obrazek: n4fzT.png] lecz jak sam widzisz krzywo na grande

Zamieszczam kod css i html
Kod:
#znak {
        width: 293px;
        height: 69px;
        background: url(images/znak/znak-gora.png) no-repeat left top;
    }
    
    #znak-tlo {
        width: 266px;
        height: 56px;
        margin-left: 7px;
        background: url(images/znak/tlo.png) no-repeat left top;
    }
    
    #znak-tlo .text {
        width: 200px;
        padding: 10px 0 0px 50px;
        overflow: hidden;
        font-size: 13px;
    }
    #nogi {
        width: 159px;
        height: 53px;
        margin-left: 60px;
        background: url(images/znak/nogi.png) no-repeat left top;
    }

<div id="znak"></div>
            
                <div id="znak-tlo">
                    <div class="text">
                        Wróbelek :>
                    </div>
                </div>
                <div id="znak-tlo">
                    <div class="text">
                        Wróbelek :>
                    </div>
                </div>
                <div id="znak-tlo">
                    <div class="text">
                        Wróbelek :>
                    </div>
                </div>
                <div id="znak-tlo">
                    <div class="text">
                        Wróbelek :>
                    </div>
                </div>
                

            <div id="nogi"></div>

Dacie rade pomoc mi?

RE: [CSS][HTML] Tablica informacyjna jako menu - Kartofelek - 21-11-2011

A co tu można pomóc. Grafika tła brzydka i nie przystosowana do tła (belka pod kątem, przez co nie można jej powtarzać). Zmień grafikę Smile

RE: [CSS][HTML] Tablica informacyjna jako menu - sunpietro - 22-11-2011

musisz przygotować własną grafikę, która będzie odwzorowywała ten drewniany "słup" tak aby pale były prosto. Ewentualnie zawsze możesz zrobić menu na sztywno, z ograniczoną ilością elementów.