CSS - 图像/链接问题

我正在尝试为这些行创建一个CSS，但它们没有按照我想要的方式工作。会有几条类似的线条（约60）。CSS - 图像/链接问题

首先：所有行将使用img src =“staticimage.png”。是否可以将此图像设置为CSS中的默认图像（它将处理链接，之前在“a”标记中设置）？

二：我怎么能删除尺寸代码（WIDTH = “50” ALIGN =“右）这个图像，并把它放在CSS

这里是我的代码：？

HTML代码：

<div id="whiteborder"><img src="image1.png">Text 1<a href="linkone.html"><img src="staticimage.png" width="50" align="right"></a></div> 
<div id="whiteborder"><img src="image2.png">Text 2<a href="linktwo.html"><img src="staticimage.png" width="50" align="right"></a></div> 
<div id="whiteborder"><img src="image3.png">Text 3<a href="linkthree.html"><img src="staticimage.png" align="right"></a></div>

CSS代码：

#whiteborder 
{ 
    background: white; 
    margin: 2px 10px 0px 10px; 
    box-sizing: border-box; 
    padding: 20px; 
    text-align: left; 
    font-weight: bold; 
    font-size:10px; 
}

PS：用数字的所有文本将是不同的我不知道W上。蚂蚁任何Javascript来设置这些行。

在此先感谢！

来源

2011-05-09 Claudio

你应该能够将您的影像对准了这样的排序：

#whiteborder a img 
{ 
    width: 50px; 
    float: right; 
}

但是，如果你改变你的a标签display: block; float: right和设置就可以了background-image，那么你可以与分配img并将所有这些a标签的样式设置在一个位置。

Working Demo

来源

2011-05-09 13:25:46 Town

我刚刚将有关图像的问题作为背景消除。现在有没有解决方案？ – Claudio 2011-05-09 13:34:59

@Claudio：如果这样容易起飞，那为什么要把它放在首位？ ;）在我的答案中查看演示 - 是否符合你的需求？ – Town 2011-05-09 13:40:30

男士非常感谢。它工作完美。 – Claudio 2011-05-09 13:57:58

我不是你想在这里建立，但解决您的个人查询什么完全清楚：

不能以任何其他方式设置“staticimage.png”作为默认值，但作为使用CSS的背景图像
要从图像HTML中删除“尺寸标注代码”，您可以设置宽度：50px;在你的CSS，并与右边对齐：float; right;

来源

2011-05-09 13:22:20 Steph

好吧，我把图片背景问题关闭了，它可以设置为背景。现在有没有解决方案？ – Claudio 2011-05-09 13:26:10

HTML：

<div id="whiteborder"> 
    <img src="image1.png">Text 1 <a href="linkone.html"></a> 
    <img src="image2.png">Text 2 <a href="linktwo.html"></a> 
    <img src="image3.png">Text 3 <a href="linkthree.html"></a> 
</div>

CSS：

#whiteborder a{ 
    background: repeat-x url("staticimage.png"); 
    width: 50px; 
    height: 10px; 
    ... 
}

附：你不应该多次使用同一个id，但是如果你需要的话，你可以使用class而不是

来源

2011-05-09 15:04:32 tsds

CSS - 图像/链接问题

回答

相关问题