2 afbeeldingen naast elkaar plaatsten

Status
Niet open voor verdere reacties.
J

jacking

Gebruiker
Lid geworden
8 feb 2008
Berichten
174
ik ben beginner met html, ik wil 2 afbeeldingen op 1 regel plaatsen, eentje links en eentje rechts, alleen mijn menu balk, die op 1 lijn hoort) wordt op de volgende regel geplaatst.

ik wil het sportshop bouwes logo links iets van de kant en de banner op de zelfde regel maar dan rechts (gelijk eindigend met de grijze menu balk)
http://shop.voordelighandballen.nl/contact/

dit is de code die ik gebruik:
<HTML>
<BODY>
<P STYLE="padding-left: 15px;">
<IMG SRC="http://hollandia-t.nl/files/sponsor_22.png"></P>
<IMG SRC="http://www.vdwerff.com/Banner_03.jpg" WIDTH="220" HEIGHT="52" ALIGN="right">

<BR>
<BR>
</BODY>
</HTML>
 
Als ik jou was zou ik geen <P> gebruiken, de P staat voor Paragraph.
Wat je misschien beter kan doen is gebruik maken van Divisions, ofwel de <div>-tag van HTML

Bijvoorbeeld:
HTML: 
<html>
<head>
     <title>Een title</title>
</head>
<body>
<div style="padding-left:15px;">
     <img src="http://hollandia-t.nl/files/sponsor_22.png">
</div>
<div>
     <img src="http://www.vdwerff.com/Banner_03.jpg" width="220" height="52" align="right">
</div>
</body>
</html>

Maar als je het echt goed wilt doen kan ge beter gebruik maken van een Cascading Style Sheet, ofwel een CSS bestand. Hiermee kan je alle opmaak voor je website definieren en lekker globaal houden. Een voorbeeld hiervan is als volgt:

HTML: 
<html>
<head>
     <title>Een title</title>
     <link href="content.css" type="text/css" rel="stylesheet">
</head>
<body>
<img class="img_left" src="http://hollandia-t.nl/files/sponsor_22.png" />
<img class="img_right" src="http://www.vdwerff.com/Banner_03.jpg" align="right" />
</body>
</html>

Deze pagina maakt gebruik van "content.css", het betreffende CSS bestand. Deze kan er als volgt uit zien:
Code: 
.img_left {
     padding-left:15px;
}

.img_right {
     width:220px;
     height:52px;
}


hoop dat dit je helpt
groeten vreugde
 
klein vraagie nog

bedankt voor het antwoord, ik ga het testen.

alleen de onderste en wat jou betreft beste optie.

waar moet ik dat css gedeelte dan plaatsen.

moet ik er 1 code van maken?
 
Het CSS gedeelte te dus een bestand met .css op het einde. Het zelfde principe als een textbestand .txt op het einde heeft.

En waar je dit bestand dan plaatst maakt niet zoveel uit, zolang je HTML pagina hem maar kan vinden. Een voorbeeld hiervan waarin je CSS bestand content.css heet (dit kan elke naam hebben maar voor nu om alles duidelijk te houden):

- Je index.html (openingspagina) staat in de map 'Home' en je content.css staat in de map 'Home/CSS'. Nu zal je moeten linken naar deze map en je bestand door de volgende regel aan te passen:
HTML: 
<html>
<head>
...
     <link href="CSS/content.css" type="text/css" rel="stylesheet">
...
</head>
...
</html>

Maar staat je content.css in de zelfde map als die van index.html moet de volgende regel gebruiken:
HTML: 
<html>
<head>
...
     <link href="content.css" type="text/css" rel="stylesheet">
...
</head>
...
</html>

En dan is er nog de optie dat je index.html in de map 'Website/Home' staat en je content.css in de map 'Website' staat. Hiervoor moet je het volgende gebruiken:
HTML: 
<html>
<head>
...
     <link href="../content.css" type="text/css" rel="stylesheet">
...
</head>
...
</html>

hoop dat dit je antwoord op je vraag is
groeten vreugde
 
Je hebt jou menu DIV buiten de DIV waar jou afbeeldingen in staat. Hierdoor komt het nooit op 1 lijn te staan
Jou situatie:
Code: 
...
// DIV-tag gedeelte van jou afbeeldingen
<div class="myshp_block ">
...
</div>
/// DIV-tag gedeelte van jou menu-bar
<div class="myshp_block ">
...
</div>
...

Mogelijke oplossing:
Code: 
...
// DIV-tag gedeelte van jou afbeeldingen
<div class="myshp_block ">
...
     // DIV-tag gedeelte van jou menu-bar
     <div class="myshp_block ">
     ...
     </div>
...
</div>
...

Daarnaast als ik op jou link klik, zie ik heel veel DIV-tags. Mijn vraag is, maak je gebruik van een website builder oid? Want vaak is het editten in code gemaakt door een website builder vervelend, omdat deze veel onnodige code plaatst.
Misschien is het dan verstandiger om een andere omgeving te kiezen, eentje waar je zelf de gehele code moet invoeren
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan