+- 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ł: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [HTML] wyrównanie tekstu w elemencie będącym odnośnikiem (/thread-html-wyrownanie-tekstu-w-elemencie-bedacym-odno%C5%9Bnikiem)
[HTML] wyrównanie tekstu w elemencie będącym odnośnikiem - sioux - 01-05-2011
Witam
Na stronie chcę umieścić duże okrągłe butony (podgląd), na których ma znajdować się wyśrodkowany w pionie i poziomie tekst (o różnych stylach - wielkość, odstęp między liniami).
Kolor guzika zmienia się po najechaniu - cały obszar jest podlinkowany.
Jak mogę rozmieszczać na tym obszarze tekst?
Pierwotnie zrobiłem tak:
Kod:
<div class="but3">
<a href="info.html" class="men">
<div class="inbut">INFO</div>
<div class="inb">o firmie,</div>
<div>o projektach</div>
</a>
</div>no ale wiadomo - że wewnątrz <a> nie mogą to być div'y
klasa but3 to tylko rozmieszczenie na stronie, a "men" zrobiłem na zasadzie wyrównywania obrazka do góry i w dół (jeśli najedziemy myszką) żeby nie musiał się ładować po raz drugi:
Kod:
a.men{
background:url('puzle/button.png') top;
width:198px;
height:198px;
display:block;
border: none;
text-decoration:none;
outline: none;
color: black;
}
a.men:hover{
background:url('puzle/button.png') bottom;
color: black;
}Wszystko fajnie działa no ale się nie waliduje
Nie chce dać tekstu jako obrazek (jako tło) więc jak to rozegrać ?
Z góry dzięki za odpowiedź. Proszę o łopatologiczne opisy bo jestem jak dziecko we mgle
RE: [HTML] wyrównanie tekstu w elemencie będącym odnośnikiem - hieroshima - 01-05-2011
menu zrób w listach <ul><li>LINK</li><li>LINK</li></ul> i w cssie możesz dać np. każdemu elementowi li background z tych twoich przycisków ustawić szerokość i wysokość i odrazu w li będzie nazwa linka
RE: [HTML] wyrównanie tekstu w elemencie będącym odnośnikiem - sioux - 01-05-2011
ja chcę to mieć tak - że cały obrazek jest linkiem (nie poszczególne napisy), który po najechaniu zmienia kolor
te guziczki są wyrównane na stronie po okręgu
na tym obrazku muszę wyrównać tekst w pionie i poziomie - pierwsza linijka tekstu jest większa, kolejne dwie mniejsze i oddalone od pierwszej... Cały tekst razem z obrazkiem stanowi link.
Chyba nie da się tego zrobić tak jak napisałeś
RE: [HTML] wyrównanie tekstu w elemencie będącym odnośnikiem - Kartofelek - 02-05-2011
zamiast divów dajesz spany, stylujesz je identycznie + display:block.
Poza tym jak zaczniesz stosować html5 to będziesz mógł stosować divy wewnątrz linków.
RE: [HTML] wyrównanie tekstu w elemencie będącym odnośnikiem - sioux - 03-05-2011
no właśnie tak to zrobiłem - ale dzięki za odpowiedź