En boks i en boks og tekst over billedet

<ole>

Du må være lidt mere konkret, hvis vi skal undgå en længere quiz  :)

/mvh
</bole>

Spørgsmål 1:
Hvis jeg laver en boks:
.boks1
{
    border-style: ridge;
    border: groove;
    width: 800px;
    border-color: Silver;
    background-color: White;
    height: 400px;
    text-align: center;
    padding: 5px;
}

og gerne vil placere bokse inden i - 3 stk. i to rækker hvordan gør jeg så det? - og hvordan ser koden ud?

Spørgsmål 2:
Desuden ville jeg høre hvordan man placerer en tekst over et billede? - også i css

1)

Brug tables, de er rigtig gode til lige netop dit formål.

2)

Tekst<br />
<img src="billede.jpg" alt="" />

Der er ingen kommando til det lol :)

Kan du ikke give et eksempel på tables?

nej, men jeg kan give et link til hvor du kan læse en masse om tables, og HTML genneralt.

http://www.w3schools.com/tags/tag_table.asp

Hvis nu jeg gerne vil indsætte en flydende tekst over dette:

<a href="http://www.xxxxx.dk/vareOversigt.php?category=12&ucategory=12" target="Main"><img src="forside/babysko.jpg" width="140" alt="Babysko til de mindste"></a>

<ole>

Tekst ovenpå billeder kan godt lade sig gøre med CSS, men ikke så pokkers dynamisk:

<span style="position:relative">
    <img src="test.gif" width="49" height="30" alt="" border="0">
    <span style="position:absolute;left:10px;top:5px;z-index:2">Hej</span>
</span>

/mvh
</bole>

Har du et andet forslag?

Hvis jeg havde billederne, kendte teksten og vidste præcis, hvordan det skulle sættes op, ja  :)

olebole / anetteogjesper

Ville det ikke være nemmere at sætte billedet som background, og så tilpasse position med padding ?

Jo, det kunne netop være en mulighed ... det kommer anpå, hvordan det mere præcist skal bruges, men f.eks. noget à la dette er da en mulighed:

<style type="text/css">
.picTbl td {
    width: 140px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
}
.picTbl a, .picTbl a:visited {
    display: block;
    text-decoration: none;
    color: red;
    font-weight: bold;
}
.picTbl a:hover {
    text-decoration: underline;
}
</style>
<table class="picTbl" cellspacing="0" cellpadding="0" border="1">
<tr>
    <td style="background-image:url('pic1.gif')">
        <a href="bla1.html">En tekst 1</a></td>
    <td style="background-image:url('pic2.gif')">
        <a href="bla2.html">En tekst 2</a></td>
    <td style="background-image:url('pic3.gif')">
        <a href="bla3.html">En tekst 3</a></td>
</tr>
<tr>
    <td style="background-image:url('pic4.gif')">
        <a href="bla4.html">En tekst 4</a></td>
    <td style="background-image:url('pic5.gif')">
        <a href="bla5.html">En tekst 5</a></td>
    <td style="background-image:url('pic6.gif')">
        <a href="bla6.html">En tekst 6</a></td>
</tr>
</table>

Billederne er fra min forside: www.xxxxx.dk
Det er billeder med links...

Eks: http://www.xxxxx.dk/forside/hummer.jpg (Jeg fjerne så den tekst der står der nu...)
Og dette er linket den skal henvise til: http://www.xxxxx.dk/vareOversigt.php?category=13&ucategory=57

Teksten er: Priser fra kun 300 kr.