Pytanie - menu z odnośnikami

[Kejmikadzee]

Witam!

Mam pytanie. Jak dodać żeby zamiast całej strony była po prostu obrazek na którym są przyciski które przenoszą i dodać na tym tekst. Jeżeli ktoś nie rozumie (a na pewno ktoś nie rozumie) to piszcie w komentarzach a postaram się to wytłumaczyć.

[SeikS™]

Opisz to dokładnie i w miarę normalnie bo mój mózg albo się uwstecznia albo tego się nie da zrozumieć.

[3nichilat0]

Ty chcesz aby wszystko na stronie było 1 obrazkiem? Tekst / przyciski / tło to jeden obrazek?
Jak tak to robisz 1 div-a z tłem (twój obrazek)

<div style="background-image:url(xxxx.jpg);">
   ///zawartość
</div>

i w środku dodajesz bezwzględne pozycje po najechaniu na które i przyciśnięciu przenosi cię do innej strony: 

<a style="left:96px;top:8px;width:208px;height:72px;" title="test" alt="test" href="xxx.html"></a>
<a style="left:383px;top:0px;width:146px;height:51px;" title="test2" alt="test2" href="xxx.html"></a>
...itp...

[Writen]

 

Ty chcesz aby wszystko na stronie było 1 obrazkiem? Tekst / przyciski / tło to jeden obrazek?

Jak tak to robisz 1 div-a z tłem (twój obrazek)

<div style="background-image:url(xxxx.jpg);">
   ///zawartość
</div>

i w środku dodajesz bezwzględne pozycje po najechaniu na które i przyciśnięciu przenosi cię do innej strony: 

<a style="left:96px;top:8px;width:208px;height:72px;" title="test" alt="test" href="xxx.html"></a>
<a style="left:383px;top:0px;width:146px;height:51px;" title="test2" alt="test2" href="xxx.html"></a>
...itp...

 

Nie wiesz, że do tego używa się mapy? http://www.w3schools.com/tags/tag_map.asp

 

I taka uwaga do twojego kodu. W taki sposób nie ustawisz wysokości (height) elementowi liniowemu (tutaj a). Należy zmienić jego sposób wyświetlania na blokowy lub liniowo-blokowy.

[3nichilat0]

Nie wiesz, że do tego używa się mapy? http://www.w3schools.com/tags/tag_map.asp

 

Może tak może nie. Ja robię tak.

 

I taka uwaga do twojego kodu. W taki sposób nie ustawisz wysokości (height) elementowi liniowemu (tutaj a). Należy zmienić jego sposób wyświetlania na blokowy lub liniowo-blokowy.

 

I tu jesteś w wielkim błędzie bo wszystko działa prawidłowo.

[Writen]

 

I tu jesteś w wielkim błędzie bo wszystko działa prawidłowo.

Nie, nie działa prawidłowo. Żeby coś takiego zrobić musisz nadać elementowi a display: inline-block; oraz pozycjonowanie absolutne. Może w twoim małym umyśle działa, ale wiedz, że ja się nie zajmuje tworzeniem stron od wczoraj. I ewidentnie bez testowania tego twojego kodu mogę stwierdzić w jaki sposób te elementy się zachowają.

Ale żebyś nie mówił, sprawdziłem ten twój kod i stwierdzam: nie działa.

[Gość]

I tu jesteś w wielkim błędzie bo wszystko działa prawidłowo.

 

Chyba sobie żartujesz. Element a jest domyślnie elementem liniowym, więc dyrektywa height jest ignorowana. Tak jak powiedział @Writen, trzeba zmienić sposób wyświetlania na block lub inline-block.

 

@edit: dowód działania: http://codepen.io/anon/pen/QwKYrY