[CSS][HTML] Tablica informacyjna jako menu

[asta]

Muszę tą tablice przerobić na menu w css/html
chodzi mi dokladnie o to, że deska odpowiada linkowi dodanemu np. Nowości
Zrobiłem takie coś 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?

[Kartofelek]

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ę

[sunpietro]

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.