Problēma ar image/link noformējumu.

[Sugarfree]

Nesaprotu, kas par lietu. Savā uzņ. "info web" lapā izdomāju uztaisīt tādu kā reklāmu uz web lapas iekšējo resursu, piemēram, par izdevīgu piedāvājumu uz doto brīdi. Viss it kā ok, bet ir viena maza problēma, kas mani, varētu pat teikt, kaitina.

Uzklikšķinot uz jebkura attēla parasti tam apkārt rodas tāds kā "border" (nosauksim to tā). Manā gadījumā pēc uzklikšķināšanas šis "border" arī, protams, parādās, bet attēla apakšā tas nav savā vietā. Starp attēlu un "border" radusies nevajadzīga atstarpe...

 

Lūk grafisks piemērs, lai būtu saprotamāk, ko es ar to domāju:

 

 

Ko tik es neizmēģināju, bet rezultātu kā nav tā nav. Varbūt vismaz kāds no Jums spēs man palīdzēt.

 

HTML:

<div class="adv">
<div class="adv180x150"><a href="http://www.kautkur.lv"><img src="images/mans_ipasums.gif" alt="reklāma" /></a></div>
</div>
</div>

 

CSS

.adv
{
width:200px;
height: 170px;
margin-top: 10px;
border: 1px solid #e4e4e4;
}

.adv180x150
{
width: 180px;
height: 150px;
margin: 10px 10px 10px 10px;
}

Edited December 13, 2007 by Sugarfree

[andrisp]

Vispār man jau liekas, ka tā nav īpaši problēma, par ko būtu jāuztraucas :)..

 

Bet pamēģini :

 

.adv180x150 a {
 display: block;
 width: 180px;
 width: 150px;
}

Edited December 13, 2007 by andrisp

[Sugarfree]

Paldies!

 

Mazliet pielaboju, jo biji ātrumā nokļūdījies un tagad viss ok :)

 

.adv180x150 a img
{
display: block;
width: 180px;
height: 150px;
}

 

Vienmēr cenšos, lai viss būtu ideāli... Zinu, ka citi noteikti to nemaz neievērotu, ir tur atstarpe vai nav, bet nu vienkārši pašam patīk, lai viss ir ok. Galu galā cenšos jau priekš sevis :) Tāds kā hobijs...

Edited December 13, 2007 by Sugarfree

[Evi]

lai buutu pavisam perfekti, perfektam cilveekam, a tagam noraadi outline:none;

 

a{

outline:none;

text-decoration:underline}

 

tad tev nebuus taa dashed bordera ap img (tas border ir nesmuki).

 

Mozillai, lai tas darbotos, ir shaada rindinja:

 

:focus{

-moz-outline-style:none}