plaatje naarstelkaar met <li></li> tags.

Status
Niet open voor verdere reacties.
djeric

djeric

Gebruiker
Lid geworden
22 nov 2006
Berichten
955
ik ben bezig voor mijn website om het volgende html code te plaatsen:

<IMG SRC="drankjes/cocktail/1.JPG" WIDTH=155 HEIGHT=191 BORDER=O ALIGN=left></A>
<h4><FONT COLOR="#990000">purple rain</h4></font>
<h4><FONT COLOR="#0000ff">
<li>20 ml Blue Curacao</li>
<li>1 flesje Flügel</li>
<li>7-Up</li>
<li>ijsblokjes</li></h4></font>

<IMG SRC="drankjes/cocktail/2.JPG" WIDTH=196 HEIGHT=157 BORDER=O ALIGN=left></A>
<h4><FONT COLOR="#990000">tequila sunrise</h4><font>
<h4><FONT COLOR="#0000ff">
<li>40 ml Tequila</li>
<li>jus d'orange</li>
<li>scheutje grenadine</li>
<li>ijsblokjes</li></h4></font>

<IMG SRC="drankjes/cocktail/3.JPG" WIDTH=196 HEIGHT=157 BORDER=O ALIGN=left></A>
<h4><FONT COLOR="#990000">Sex On The Beach</h4><font>
<h4><FONT COLOR="#0000ff">
<li>30 ml Wodka</li>
<li>30 ml Peach tree</li>
<li>jus d'orange</li>
<li>grapefruitsap</li>
<li>cranberrysap</li>
<li>ijsblokjes</li></h4></font>

<IMG SRC="drankjes/cocktail/4.JPG" WIDTH=196 HEIGHT=157 BORDER=O ALIGN=left></A>
<h4><FONT COLOR="#990000">Kauwgombal</h4><font>
<h4><FONT COLOR="#0000ff">
<li>20 ml Pisang Ambon</li>
<li>20 ml Blue Curacao</li>
<li>1 flesje Feigling</li>
<li>jus d'orange</li>
<li>ijsblokjes</li></h4></font>


Zoals je ziet het er niet goed uit.

als ik meerdere <br> tags gebruikt komen de plaatjes onder elkaar te staan. Dit wil ik ook niet.

Hoe krijg ik de plaatjes naarst elkaar samen met de <li> tags ???????

Plaatjes naarst elkaar dat is simpel! maar naarst ieder plaatje <li></li> tags gebruiken en dan naarst elkaar lukt mij niet.

ik zit denken iets met die "ALIGN=" atribuut te doen.

iemand een sugestie???
 
Ik ben zelf geen expert, maar je moet het met divs doen ( doe ik tenminste ) en dan met css afmaken
 
ofwel werken met <table>...</table>
dat vind ik zelf iets eenvoudiger en je kan de layout perfect bepalen
 
Ik heb alles in een tabel geplaatst en nog een paar kleine foutjes verbeterd:
HTML: 
<html>
  <body>
    <table>
      <tr>
        <td align="right" valign='top'>
          <img src="drankjes/cocktail/1.JPG" width="155" height="191" border="0">
        </td>
        <td valign='top'>
          <h4>
            <font color="#990000">
              purple rain
            </font>
          </h4>
          <h4>
            <font color="#0000ff">
              <li>20 ml Blue Curacao</li>
              <li>1 flesje Flügel</li>
              <li>7-Up</li>
              <li>ijsblokjes</li>
            </font>
          </h4>
        </td>
      </tr>
      <tr>
        <td align="right" valign='top'>
          <img src="drankjes/cocktail/2.JPG" width="196" height="157" border="0">
        </td>
        <td valign='top'>
          <h4>
            <font color="#990000">
              tequila sunrise
            <font>
          </h4>
          <h4>
            <font color="#0000ff">
              <li>40 ml Tequila</li>
              <li>jus d'orange</li>
              <li>scheutje grenadine</li>
              <li>ijsblokjes</li>
            </font>
          </h4>
        </td>
      </tr>
      <tr>
        <td align="right" valign='top'>
          <img src="drankjes/cocktail/3.JPG" width="196" height="157" border="0">
        </td>
        <td valign='top'>
          <h4>
            <font color="#990000">
              Sex On The Beach
            <font>
          </h4>
          <h4>
            <font color="#0000ff">
              <li>30 ml Wodka</li>
              <li>30 ml Peach tree</li>
              <li>jus d'orange</li>
              <li>grapefruitsap</li>
              <li>cranberrysap</li>
              <li>ijsblokjes</li>
            </h4>
          </font>
        </td>
      </tr>
      <tr>
        <td align="right" valign='top'>
          <img src="drankjes/cocktail/4.JPG" width="196" height="157" border="0">
        </td>
        <td valign='top'>
          <h4>
            <font color="#990000">
              Kauwgombal
            <font>
          </h4>
          <h4>
            <font color="#0000ff">
              <li>20 ml Pisang Ambon</li>
              <li>20 ml Blue Curacao</li>
              <li>1 flesje Feigling</li>
              <li>jus d'orange</li>
              <li>ijsblokjes</li>
            </font>
          </h4>
        </td>
      </tr>
  </body>
</html>
 
JHx zei:
ofwel werken met <table>...</table>
Klik om te vergroten...



Ik heb daar ook veel evaring mee.
Ik zal zoiets wel gaan doen.

met div... weet ik nog niet...

omdat ik me website alleen uit html bestaat zonder css.

ik dacht een simpele code te plaatsen ofzo... die ik dus niet weet.

kan het niet d.m.v. een "align" atribuut ???
 
JHx zei:
Ik heb alles in een tabel geplaatst en nog een paar kleine foutjes verbeterd:
Klik om te vergroten...

Maar dit lukt mij ook wel. dat is het nu net.

ik wil ze niet onderelkaar. maar naarstelkaar hebben staan.

links midden rechts (per 3)

<br> (volgende regel)
<br>

links midden rechts

alleen plaatjes kun je naarst elkaar zetten maar <li></li> tags niet.
 
Dan kan het misschien zo:
(maar dan ga je wel horizontaal moeten scrollen)
HTML: 
<html>
  <body>
    <table width="1600">
      <tr>
        <td align="right" valign="top" width="200">
          <img src="drankjes/cocktail/1.JPG" width="155" height="191" border="0">
        </td>
        <td valign="top" width="200">
          <h4>
            <font color="#990000">
              purple rain
            </font>
          </h4>
          <h4>
            <font color="#0000ff">
              <li>20 ml Blue Curacao</li>
              <li>1 flesje Flügel</li>
              <li>7-Up</li>
              <li>ijsblokjes</li>
            </font>
          </h4>
        </td>
        <td align="right" valign="top" width="200">
          <img src="drankjes/cocktail/2.JPG" width="196" height="157" border="0">
        </td>
        <td valign="top" width="200">
          <h4>
            <font color="#990000">
              tequila sunrise
            <font>
          </h4>
          <h4>
            <font color="#0000ff">
              <li>40 ml Tequila</li>
              <li>jus d'orange</li>
              <li>scheutje grenadine</li>
              <li>ijsblokjes</li>
            </font>
          </h4>
        </td>
        <td align="right" valign="top" width="200">
          <img src="drankjes/cocktail/3.JPG" width="196" height="157" border="0">
        </td>
        <td valign="top" width="200">
          <h4>
            <font color="#990000">
              Sex On The Beach
            <font>
          </h4>
          <h4>
            <font color="#0000ff">
              <li>30 ml Wodka</li>
              <li>30 ml Peach tree</li>
              <li>jus d'orange</li>
              <li>grapefruitsap</li>
              <li>cranberrysap</li>
              <li>ijsblokjes</li>
            </h4>
          </font>
        </td>
        <td align="right" valign="top" width="200">
          <img src="drankjes/cocktail/4.JPG" width="196" height="157" border="0">
        </td>
        <td valign="top" width="200">
          <h4>
            <font color="#990000">
              Kauwgombal
            <font>
          </h4>
          <h4>
            <font color="#0000ff">
              <li>20 ml Pisang Ambon</li>
              <li>20 ml Blue Curacao</li>
              <li>1 flesje Feigling</li>
              <li>jus d'orange</li>
              <li>ijsblokjes</li>
            </font>
          </h4>
        </td>
      </tr>
  </body>
</html>
 
Laatst bewerkt:
div

<div style="position: absolute; top: ..px; left: ..px;">

kan je zelf instellen waar het plaatje komt
 
JHx zei:
Dan kan het misschien zo:
(maar dan ga je wel horizontaal moeten scrollen)
HTML: 
<html>
        </td>
        <td align="right" valign="top" width="200">
          <img src="drankjes/cocktail/3.JPG" width="196" height="157" border="0">
        </td>
[/QUOTE]

maar als ik een percentage geef in de "width" dan heb je toch geen scrolling ?????? 

dus: 


        </td>
        <td align="right" valign="top" [COLOR="Red"]width="50%[/COLOR]">
          <img src="drankjes/cocktail/3.JPG" width="196" height="157" border="0">
        </td> 

en dan na de 3e plaatje met <li></li> 

de 

<br>
<br> 

tags gebruiken???


awel....

ik doe het toch maar in een tabel
Klik om te vergroten...
 
Laatst bewerkt:
hoe transparant maken van me achtergrond ???

hallo.

ik heb uiteidelijk gekozen voor werken met tabellen.

aangezien ik dit toch makelijker vind. maar toch ondervind ik 1 probleem.

kijk hier maar op mijn website en vervolgens naar de bron code in de browser:

http://members.home.nl/ebosmannetjes/drankjes.htm

zoals je ziet een zwarte achtergrond in het tabel (moet transparant zijn)

dit lukt me dus niet.

enige idee wat nog aan de code toe te voegen voor transparante achtergrond?

een kleur in de tabel lukt me weer wel.

Ik heb al eerder een vraag gesteld op een andere forum over die zwarte achtergrond en het geen wat ik toen wou bij een andere pagina.

maar daar als ook een zwarte achtergrond in me tabel.

http://www.webmastercity.nl/forum/viewtopic.php?t=37443

de oplossing op die forum werkt ook niet.
Hoe krijg ik hem transparant dan????????????

p.s. bericht voor de moderators.

Deze vraag hoort hier wel thuis aangezien ik problemen hebt met plaatjes en <li> tags. en als oplossing tabellen gebruikt.
Klik om te vergroten...
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan