Menu bol.com hebben!

Status
Niet open voor verdere reacties.
Heb je wel eens gehoord van element inspecteren?
Ik denk dat je daar ver mee komt ;)
Over de opzet zelf.
Ik denk dat het makkelijkste is 7 divjes te maken. 1 mainblock waar de categorieën inkomen.
en dan per catogerie een div waar je dan de image in plaatst + tekst en die float je left.
Ik denk dat je er zo wel uit komt hoop ik?

succes
 
heb op dit moment dit :
HTML: 
                    <td align="center"  bgcolor="#FFFFFF" >
                        <a href="?cat=producten&sub=Wifo&taal=<?=$taal;?>"><img src="images/producten/groot/wifo1.jpg" onmouseover="this.src='images/producten/groot/wifo2.jpg'" onmouseout="this.src='images/producten/groot/wifo1.jpg'" /></a><a href="?cat=producten&sub=Wifo&taal=<?=$taal;?>" class="producten_kop"><br>&nbsp;<?=$producten_wifo_n;?>&nbsp;</a><br><br>
                    </td>   
                </tr>
            </table>

dit 1x per product


Screenshot :

menu2.jpg

Nu is de vraag hoe krijg ik die tekst in dat groene vlak ?
 
Laatst bewerkt:
HTML: 
<a href="?cat=producten&sub=Wifo&taal=<?=$taal;?>"><img src="images/producten/groot/wifo1.jpg" onmouseover="this.src='images/producten/groot/wifo2.jpg'" onmouseout="this.src='images/producten/groot/wifo1.jpg'" /></a>
<a style="margin-top:-40px;" href="?cat=producten&sub=Wifo&taal=<?=$taal;?>"><?=$producten_wifo_n;?></a>

Beetje met de margin spelen en dan moet het als het goed is wel op de juiste plek komen.
Succes ;)

style="margin-top:-40px;"
 
Dit werkt wanneer ik dit in een div zet

<a href="?cat=producten&sub=Wifo&taal=<?=$taal;?>" class="producten_kop"><div style="margin-top: -55pt;"><br>&nbsp;<?=$producten_wifo_n;?>&nbsp;</a>

Maar wanneer ik naar de russische pagina ga bijvoorbeeld word de tekst vertaal naar RU en dan worden het 2 regels en word alles verschoven en lijkt het nergens meer naar.
 
je catergorie blok is toch neem ik aan in elke taal hetzelfde?
je kan eventueel ook met position:absolute; en dan een top:...px en een left:..px bijvoorbeeld meegeven.

dus dan je bovenstaande div (categorievlak / imageblok) een position:relative; geven.
En dan je tekst position:absolute; (of precies andersom de relative en absolute ik haal ze zelf ook altijd door elkaar :p)

maar normaal zou je het ook werkend moeten krijgen met margin-top.

Hopen dat het nu lukt dan
 
Klopt de categorie is wel het zelfde maar wanneer iets vertaald word kan het woord langer of korter worden.. en heb te maken met 9 talen

ps zou je die code eens willen toepassen? Mij lukt het niet
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan