[HTML/IMG] Div over plaatje - Softwareontwikkeling

zondag 21 augustus 2005 12:52

Acties:

Verwijderd

Topicstarter

Hallo,

Ik zit met een probleem. Op dit moment ben ik met een layout bezig.
De header bestaat uit 1 groot plaatje met een groot stuk wit eronder.

Daar op dat witte stuk wil ik graag een div plaatsen (op dat plaatje dus).
Is dit mogelijk d.m.v. position o.i.d.? Ik heb weinig tot geen ervaring met div's positioneren.

Wie kan me een eindje opweg helpen?

Alvast bedankt.

Met vriendelijke groet,
Matthias Trip

zondag 21 augustus 2005 13:11

Acties:

Surkow

$µr|{0w

Misschien heb je hier iets aan:

http://www.handleidinghtm...sheets/stylesheets07.html

Je kunt in stylesheets / met CSS een postie opgeven van de div.

Edit: Misschien kun je een stukje van de code posten. Dan kunnen mensen je makkelijker helpen
(gebruik de ["code"]jouw code["/code"] blokken - zonder aanhalingstekens).

[ Voor 56% gewijzigd door Surkow op 21-08-2005 13:19 ]

"Only two things are infinite, the universe and human stupidity, and I'm not sure about the former."

"Peace cannot be kept by force. It can only be achieved by understanding."

Albert Einstein

zondag 21 augustus 2005 13:13

Acties:

Verwijderd

Simpelste oplossing: het plaatje als background image gebruiken. Het is waarschijnlijk ook de beste oplossing, zeker als het plaatje alleen ter decoratie is.

zondag 21 augustus 2005 13:20

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op zondag 21 augustus 2005 @ 13:13:
Simpelste oplossing: het plaatje als background image gebruiken. Het is waarschijnlijk ook de beste oplossing, zeker als het plaatje alleen ter decoratie is.

Daar zat ik ook al aan te denken. Maar..

In dat plaatje zitten menu items (Contact, Winkelwagen etc..).
Deze zijn een link gemaakt d.m.v. een hotspot.

Als ik dat plaatje dus als achtergrond instel zijn de links ook weg.

Dit is de HTML van de bovenkant (header.tpl):

code:

<HTML>
<HEAD>
<meta http-equiv="Content-Language" content="nl">

<TITLE>{$_sitenaam}</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
</HEAD>

<link rel="stylesheet" href="{$_tpldir}images/stijl.css" type="text/css">

<map name="header">
   <area href="{$_url}index.php" shape="rect" coords="225, 52, 323, 99">
   <area href="{$_url}producten.php" shape="rect" coords="330, 54, 425, 101">
   <area href="{$_url}aanbiedingen.php" shape="rect" coords="437, 53, 532, 101">
   <area href="{$_url}winkelwagen.php" shape="rect" coords="539, 55, 636, 101">
   <area href="{$_url}contact.php" shape="rect" coords="650, 51, 740, 100"></map>
</map>

<TABLE WIDTH=900 BORDER=0 CELLPADDING=0 CELLSPACING=0 align="center">
        <TR>
          <TD COLSPAN=5 height="206" width="900">
          [img]"{$_tpldir}images/index_01.gif"[/img]</TD>
        </TR>
        <TR>
                <TD WIDTH=41 background="{$_tpldir}images/index_02.gif" height="23"></TD>
                <TD WIDTH=155 background="{$_tpldir}images/index_03.gif" height="23" valign="top">
                <div id="cat_top">Categorieën</div>
                <div id="cat_menu">
                  {$_products_menu}

                </div>

                </TD>
                <TD WIDTH=20 background="{$_tpldir}images/index_04.gif" height="23"></TD>
                <TD WIDTH=648 HEIGHT=23 bgcolor="#ffffff" valign="top">

zondag 21 augustus 2005 13:24

Acties:

Surkow

$µr|{0w

Doordat je waarschijnlijk gebruik maakt van php (o.i.d.) kan ik me niet helemaal voorstellen hoe de website eruit ziet. Er zijn namelijk duizend-en-één manieren om dit op te losseen. Misschien een link naar de online versie?

[ Voor 3% gewijzigd door Surkow op 21-08-2005 13:24 ]

"Only two things are infinite, the universe and human stupidity, and I'm not sure about the former."

"Peace cannot be kept by force. It can only be achieved by understanding."

Albert Einstein