menubalk met plaatjes omzetten in tekst

[Verwijderd]

Wij zijn een site aan het maken.
We hebben een template gedownload.
En die zijn we nu aan het bewerken, alles lukt tot nu toe behalve het veranderen van de menubalk
die is opgebouwd uit meerdere plaatjes. De teksten die daar op staan moeten veranderd worden, (in ieder geval Our Cars, Hot Offers en Support) maar als ik dat met Jasc Paint Shop Pro doe dan komen de teksten niet recht onder elkaar te staan. Hebben jullie daar een oplossing voor?
De menubalk is 194 x 229 pixels in totaal en is opgebouwd uit 6 verschillende plaatjes.
Nu wil ik die plaatjes in tekst veranderen zonder dat de grootte van de menubalk verandert, omdat het plaatje ernaast (een Porsche) precies overloopt.

Site link: http://nielslennard.110mb.com

Stukje code van menubalk:

<tr>
<td width="10" rowspan="15"><img height="500" alt="" width="10" src="images/spacer.gif" /></td>
<td colspan="3"><a href="#"><img height="53" alt="home page" width="194" border="0" name="home_page" src="images/home-page.jpg" /></a></td>
<td colspan="5" rowspan="6"><img height="229" alt="" width="461" src="images/m4 (aangepast - porsche).jpg" /></td>
<td width="10" rowspan="15"><img height="500" alt="" width="10" src="images/spacer.gif" /></td>
<td><img height="53" alt="" width="1" src="images/spacer.gif" /></td>
</tr>
<tr>
<td colspan="3"><a href="#"><img height="30" alt="about us" width="194" border="0" name="about_us" src="images/about-us.jpg" /></a></td>
<td><img height="30" alt="" width="1" src="images/spacer.gif" /></td>
</tr>
<tr>

[ Voor 43% gewijzigd door Verwijderd op 31-07-2007 17:12 ]

[TERW_DAN]

Waarom maak je er niet gewoon tekst van ipv een plaatje (dat je dmv css opmaakt) en een background image erachter? Als je wilt kun je dan ook de grootte van het menu definieren, zodat je je niet druk hoeft te maken voor de teksten.
Waarom heb je dat ding eigenlijk in tabellen en niet in divs? divs zijn nog wat makkelijk om te positioneren namelijk.

[DUX]

Of een imagemap gebruiken: één groot plaatje in plaats van zes en dan de positie van de cursor uit laten maken waar je heen navigeert.

[Verwijderd]

Terw_Dan schreef op dinsdag 31 juli 2007 @ 17:16:
Waarom maak je er niet gewoon tekst van ipv een plaatje (dat je dmv css opmaakt) en een background image erachter? Als je wilt kun je dan ook de grootte van het menu definieren, zodat je je niet druk hoeft te maken voor de teksten.
Waarom heb je dat ding eigenlijk in tabellen en niet in divs? divs zijn nog wat makkelijk om te positioneren namelijk.

tekst zou dan ong. lettertype 20 - 24 worden. maar het probleem is de porsche die ernaast staat moet wel precies overlopen zoals het nu is. Een ander probleem is dat ik al een tijd niet meer met css heb gewerkt. Maar kan je daar precies een plaatje mee maken van 194 x 229 pixels die als achtergrond dient daar overheen de tekst die linkt en daarnaast de porsche.
Gaat dat lukken?

[Verwijderd]

DUX schreef op dinsdag 31 juli 2007 @ 17:22:
Of een imagemap gebruiken: één groot plaatje in plaats van zes en dan de positie van de cursor uit laten maken waar je heen navigeert.

Imagemap vind ik niks wel is mee gewerkt maar dat was geen succes

[Ramon]

Ga maar een cursus CSS doen dan. Kijk op www.w3schools.com ofzo.

[DUX]

Verwijderd schreef op dinsdag 31 juli 2007 @ 17:28:
tekst zou dan ong. lettertype 20 - 24 worden. maar het probleem is de porsche die ernaast staat moet wel precies overlopen zoals het nu is. Een ander probleem is dat ik al een tijd niet meer met css heb gewerkt. Maar kan je daar precies een plaatje mee maken van 194 x 229 pixels die als achtergrond dient daar overheen de tekst die linkt en daarnaast de porsche.
Gaat dat lukken?

Ja dat werkt, maar je moet in dit geval dan even afstappen van het idee dat je groene achtergrond een plaatje is: meer dan een groen vierkant is het niet (waar dan voor ieder item een bolletje en wat tekst staat) en dát is uitstekend te realiseren met CSS op eenvoudige wijze.

Verwijderd schreef op dinsdag 31 juli 2007 @ 17:29:
Imagemap vind ik niks wel is mee gewerkt maar dat was geen succes

Hoef je in ieder geval niet te gaan snijden wat op zich eenvoudiger is. Maar goed, ik prefereer zelf ook CSS.