Jump to content
php.lv forumi

Menu


Prova1ver

Recommended Posts

Sāku likt kopā majas lapu, bet man radās problēma.

Menu es taisiju uz ps, sagriezu pa dalam tagad kad bildei pieskiru linku vinai iezimejas "lilaa stripas" un vinas nesaiet ciesi kopā.

Ceru ka sapratāt :O

 

Kods:

<a href="sakums.html"target="vidus"</a> /*pieskiru html dokumentu kuru jaatver, un kuraa vieta vins ir jaatver

<img src="images/menu_02.jpg"/> /*bilde

Link to comment
Share on other sites

yep, violeto border no "linkbildēm" vislabāk noņemt ar css

a img {border: 0}

un ja nepatīk, ka firefoxā ap linkiem ir punktais outline, tad to arī var easy aizvākt ar

:focus {outline: 0}

taču attiecībā uz atstarpēm sākumā jautājums: vai menu ir vertikāls vai horizontāls?

 

ja vertikāls, tad atstarpes var rasties pie strict doctype, jo tad img ļoti strikti tiek uztverts kā inline elements, un kā tādam tam tiek rezervēta vieta priekš potenciālo burtu apakšējās daļas (g j q). tā arī rodas tā atstarpe. to var atrisināt divos veidos:

1) nomaini doctype uz transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2) ja tomēr par katru cenu vajag strict doctype, tad attiecīgām bildēm uzstādi display:block

#menu img {display: block}

ja menu ir horizontāls, tad atstarpes rodas, ja tu katru linka tagu raksti jaunā rindiņā, jo newline visuāli attēlojas kā space. nākamie potenciālie vainīgie varētu būt padding/margin. skaties firebugā...

Edited by 2easy
Link to comment
Share on other sites

+2easy

 

ja ir šitā:

 

<td>
<img .../>
</td>

 

..bet rodas kaut kur tukšumi, bet gribās saglabāt kaut kādu sintakses stilu, tad var izlēdzēties ar komentāru tagiem..

<td><!--
--><img .../><!--
--></td>

Edited by briedis
Link to comment
Share on other sites

rodas kaut kur tukšumi, bet gribās saglabāt kaut kādu sintakses stilu, tad var izlēdzēties ar komentāru tagiem

njā, bet izskatās gan tas baigi fancy :D horizontāli inline jau tāpat nekas daudz nevar būt, savukārt blokus un floatus space neietekmē, tāpēc komentu izmantošana html stilošanai, manuprāt, ir kkas extreme :P

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...