Benötigen, um text in Bildern in einer Tabelle

Machte ich eine Webseite in Photoshop CS4 geschnitten es auf, warf es in eine Tabelle in Dreamweaver CS4. http://www.themegan.info/lab4/index.htm (rough start, ich weiß) Nun, wie gehe ich über das setzen von text die Bilder? Verwende ich CSS? Ich bin nur verwirrt an dieser Stelle.

  • So ich hoffe Ihr habt richtig geraten, es ist ein wenig mehr auf die Erstellung von websites als mit Photoshop-slices. Sie müssen lernen, wie man richtige HTML/CSS, von Anfang an.
InformationsquelleAutor Megan Kammermeier | 2011-02-12
  1. 3
    <td style="position:relative;">
    <img src="..." style="position:absolute;z-index:1;" />
    <div style="z-index:2;position:relative;">your text goes here</div>
</td>
    • Ja, sollte noch mehr geforscht vorher. Ich verwendet die absolute Positionierung. Nicht sicher, wie ich wusste nicht, dass der es bevor. Danke.
    • wenn dies Ihre Frage beantwortet, bitte klicken Sie auf das Häkchen neben der Frage. Wenn dies deine Frage nicht beantwortet, klicken Sie auf das Häkchen in der Nähe der, Tat! Cheers.
    InformationsquelleAutor demas
  2. 0

    Könnten Sie die Bilder als Hintergründe für Ihr layout "Teile" durch css. I. e.

    html:

    <div id="content">...text...</div>

    css:

    #content{
    background:url(..imgurl..) no-repeat top left;
}
    InformationsquelleAutor stecb
  3. 0

    Es sei denn, Sie möchten, dass Ihre Benutzer die Interaktion mit dem Bild (dh das Navigations-Menü Bilder) sollten Sie mit der css-Eigenschaft background-image zu machen, Ihre design-Elemente gehen in den hintergrund. Beispiel:

    td#sidebar { background-image:sidebarimg.jpg no-repeat; }

    Dann, was text Sie in Ihrem td-element wird automatisch auf das Bild. Dies ist besonders wichtig, weil es bedeutet, dass viel weniger Unterhalt erforderlich wird, ist die Pflege Ihrer Website.

    InformationsquelleAutor Moses
  4. -1

    Wenn Sie wurden mit Hilfe von DIV-element, dann könnte es erreicht werden, wie

    <div>
<div>image</div>
<div id="textDiv">text</div>
</div>

    Und diese CSS -

    div.textDiv {
position:absolute;
top:220px; left:450px;
width:242px; height:366px;
z-index:7;
}

    Alternative ist die Verwendung von Ebenen

    <LAYER LEFT=220 TOP=450>Text</LAYER>
    InformationsquelleAutor Ismail
Schreibe einen Kommentar