Toon posts:

[Photoshop CS] Probleem met exporteren van gesliced bestand

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ten eerste, sorry voor de onduidelijke topic titel, ik wist niet echt hoe ik het moest omschrijven.
Ik heb het volgende plaatje gemaakt met Photoshop CS, het wordt een header voor een website:

Afbeeldingslocatie: http://img122.echo.cx/img122/9067/nieuweheader20ek.th.jpg

Ik heb alles gesliced, het mededelingenvakje en de navigatiebalk zijn ook allebei aparte slices. Als ik de boel nu via "Save for web" als "HTML and images (*.html)" opsla, wordt elke slice een aparte afbeelding die gewoon via een <img> tag tussen de <td>'tjes gezet wordt. Dit moet ik nu net niet hebben, omdat ik in het mededelingenvakje stukken tekst wil hebben die uit een MySQL database worden gehaald (mededelingen dus). Dit is alleen mogelijk als de hele header als één afbeelding geëxporteerd wordt, en vervolgens als achtergrond gebruikt wordt voor een tabel die aan de hand van de slices gemaakt wordt. Het moet dus zeg maar zo worden:
code:
1
2
3
<table style="background-image: url(completeheader.jpg)">
<--! hier komt de hele opmaak van de tabel die aan de hand van de slices gemaakt wordt -->
</table>

Ik hoop dat ik het zo goed heb uitgelegd, het is een beetje lastig om uit te leggen :)

[ Voor 5% gewijzigd door Verwijderd op 12-05-2005 21:45 ]


  • genosis
  • Registratie: September 2003
  • Laatst online: 26-04 16:45
Slice dat ding gewoon... ? en dan per TD een aparte background instellen (met style... en vervolgens ook een no repeat.)

Dat werkt nagenoeg overal ;) zorg wel dat je een spacer hebt bij tables zonder inhoud.

En gebruik een
<div style=" overflow: auto; width:100%; height:100%;">
// je inhoud
</div> bij de content vakjes ;)

[ Voor 24% gewijzigd door genosis op 12-05-2005 21:50 ]


Verwijderd

Topicstarter
Genosis schreef op donderdag 12 mei 2005 @ 21:48:
Slice dat ding gewoon... ? en dan per TD een aparte background instellen (met style... en vervolgens ook een no repeat.)

Dat werkt nagenoeg overal ;) zorg wel dat je een spacer hebt bij tables zonder inhoud.

En gebruik een
<div style=" overflow: auto; width:100%; height:100%;">
// je inhoud
</div> bij de content vakjes ;)
Jij bedoelt dus dat ik het moet exporteren en dan naderhand handmatig in de HTML moet aanpassen? Dat zou op zich een goed idee zijn, alleen een "style="background-image: url(afbeelding.jpg)"" in een <td> werkt bij mij niet, het werkt alleen als ik het tussen <table> zet....

  • genosis
  • Registratie: September 2003
  • Laatst online: 26-04 16:45
.header {
background-image: url(images/def5_01.gif);
background-position: left top;
background-repeat: no-repeat;
}
.links {
background-image: url(images/def5_02.gif);
background-repeat: no-repeat;
background-position: left top;
}

De mooiste manier is om je Css zo te maken..

en dan in je td geef je een class="header" of "links".