Forum PHP.pl > [HTML][CSS]Div jako hiperłącze, bez tekstu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Div jako hiperłącze, bez tekstu

banite

9.04.2009, 18:00:27

Witam, chodzi mi o to żeby w wierszu
<a href="index.html">link</a>
nie musiał wpisywać tego "Link". Jak go nie wpisuje to wtedy nie mam hiperłącza, a potrzebuje żeby w tym miejscu nie było żadnego tekstu :/

hondek

9.04.2009, 18:06:24

To co w takim razie ma byc hiperlaczem?

[HTML] pobierz, plaintext 
<a class="div" href="index.html">link</a>
[HTML] pobierz, plaintext

a w css

[HTML] pobierz, plaintext 
.div { display: block; width: x; height: y; }
[HTML] pobierz, plaintext

banite

9.04.2009, 18:09:55

chcę zrobić menu złożone wyłącznie z gifów

hondek

9.04.2009, 18:16:09

więc zrób tak jak napisalem, w css daj display: block, bedzie wtedy znacznik a traktowany jak div

bedziesz mogl mu nadac szerokosc i wysokosc i rowniez podac background-image

ew. mozesz zrobic:

[HTML] pobierz, plaintext 
<a href="link"><imr src="jakis.gif" alt="" /></a>
[HTML] pobierz, plaintext

banite

9.04.2009, 18:21:44

w tym cały problem że nie mogę, bo wtedy ten img jest traktowany jako główny i nie chce się na nic zmienić :/

no widzisz.
<a class="div" href="index.html">link</a>
i ja nie chcę żeby był ten "link".
Zrobiłem tak jak napisałeś, niestety nadal nie działa.

hondek

9.04.2009, 18:26:25

Musisz ustawic szerokosc i wysokosc.

[HTML] pobierz, plaintext 
<a href="dupa" style="display:block; width: 100px; height: 100px; background-image: url(menu_01.png);"></a>
[HTML] pobierz, plaintext

banite

9.04.2009, 18:36:32

ale jak najadę myszką wtedy na tego buttona to się nie zmienia gif;/

cześć zmienna css
.menu1 a:link,a:visited,a:hover,a:active{
text-decoration:none;
display:inline;
float:left;
line-height:50px;
width:82px;
color:green;
text-align:center;
background: url("button1.gif") no-repeat right top;}

.menu1 a:hover{
color:orange;
background: url("button2.gif") no-repeat right top;}

a:active{
color:black;
background: url("button3.gif") no-repeat right top;}

xhtml

<div class="menu">
<div id="menu1">
<a href="twor.html" style="display:block; width: 82px; height: 50px; background-image: url(button1.gif);"></a>
</div>
</div>

Spawnm

9.04.2009, 18:40:56

no to albo daj w css :hover
albo w js rollower czyli
onMouseOver , onMouseOut

banite

9.04.2009, 18:45:18

przecież dałem hover i dalej nic.
Czy to jest możliwe do zrobienia? najlepiej by było zrobić hiperłącze z diva ale nie umiem

hondek

9.04.2009, 19:00:02

a dlaczego dajesz najpierw .menu1 a:link,a:visited,a:hover,a:active
a potem .a:hover {
nie wiem jak to interpretuje przegladarka ale moze w tym jest problem?
i po co w html'u ustawiasz style, skoro juz ustawione masz w cssie, powywalaj to

banite

9.04.2009, 19:16:06

zaraz zwariuje dosłownie, nic mi nie wychodzi

hondek

9.04.2009, 19:31:19

daj tak
index.html:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
 
<body>
	<a href="dupa" class="a"></a>
</body>
</html>
[HTML] pobierz, plaintext

plik style.css :

[HTML] pobierz, plaintext 
.a {
	display:block; width: 100px; height: 100px; background-image: url(menu1.gif);
}
.a:hover {
	background-image: url(menu2.gif);
}
[HTML] pobierz, plaintext

banite

9.04.2009, 19:49:34

dzięki wszystkim za pomoc, udało się.
pomógł dla hondek

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.