Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
button nie chce klikać na całości siebie - 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: button nie chce klikać na całości siebie (/thread-button-nie-chce-klikac-na-calo%C5%9Bci-siebie)



button nie chce klikać na całości siebie - gayos1 - 16-02-2012

Witam - nie wiem o co chodzi link do strony:
http://matplast.pl/gallall.html
Przycisk "budownictwo inwestycyjne" oraz "konstrukcje nietypowe"
nie chcą właściwie klikać - zauważyłem że jest to wina divów - ale są one wszędzie takie same. Jak przycisk "budownictwo inwestycyjne" jest sam na stronie to działa - jak dojdzie przycisk po lewej stronie "budownictwo indywidualne" to problem się zaczyna. Powiedzcie proszę dlaczego.
Poniżej css dla butonów i divów w których są one umieszczone oraz kawałek www
(strona)
Kod:
<div class="news7a-content-kon">  
                <a href="dth.html" class="butt-m8"></a>    
            </div>
        <<div class="news5a-content-kon">  
            <a href="dth.html" class="butt-m9"></a>
        </div>
css
Kod:
news7a-content-kon{      
        z-index:111;
    position:relative;
        top:-47px;     
        left: 390px;                
}
butt-m8
{
    display:inline-block;
        height:100px;
        width:280px;
    background:url(../images/butt-m8-13.gif) no-repeat;     
        background-position: 0 0;
    margin-top:60px;        
}

butt-m8:hover
{
    background:url(../images/butt-m8-13.gif) no-repeat;
    background-position: 0 -150px;    
}

news5a-content-kon{      
        z-index:111;
    position:relative;
        top:-157px;    
        left: 50px;                
}

butt-m9
{
    display:inline-block;
        height: 100px;
        width:280px;
    background:url(../images/butt-m8-m14.gif) no-repeat;     
        background-position:0 -300px;
        margin-top:-7px;
}

.butt-m9:hover
{
    background:url(../images/butt-m8-m14.gif) no-repeat;
    background-position: 0 -450px;    
}



RE: button nie chce klikać na całości siebie - Kartofelek - 16-02-2012

Daj tym divom szerokość np width:300px

.news5a-content-kon{width:300px; .......reszta styli....}

Ogólnie bardzo kiepsko pocięte.


RE: button nie chce klikać na całości siebie - gayos1 - 16-02-2012

(16-02-2012, 17:26)Kartofelek napisał(a): Daj tym divom szerokość np width:300px

.news5a-content-kon{width:300px; .......reszta styli....}

Ogólnie bardzo kiepsko pocięte.

dzięki - pomogło - co do pocięcia to moja pierwsza strona na div
jak znasz dobrą tutkę to podeślij chętnie poprawie stronę. Cool


RE: button nie chce klikać na całości siebie - Kartofelek - 16-02-2012

lata praktyki.
Jeżeli do cięcia używasz position:relative to znaczy że źle tniesz. Używaj float, margin, padding i gdzie niegdzie absolute. Reszty nie potrzeba Smile


RE: button nie chce klikać na całości siebie - gayos1 - 17-02-2012

(16-02-2012, 19:59)Kartofelek napisał(a): lata praktyki.
Jeżeli do cięcia używasz position:relative to znaczy że źle tniesz. Używaj float, margin, padding i gdzie niegdzie absolute. Reszty nie potrzeba Smile
Zacząłem korzystać z float ale potrzebowałem wykorzystać border - a przy float nie działał mi.


RE: button nie chce klikać na całości siebie - Kartofelek - 17-02-2012

To coś mieszałeś bo border do float nijak się nie ma