Welcome Guest ( Log In | Register )

Outline · [ Standard ] · Linear+

 Coding for websites

views
     
TS_ChAoS_
post Feb 24 2006, 09:39 AM, updated 19y ago

New Member
*
Junior Member
29 posts

Joined: Mar 2005
I'm using notepad instead of a 3rd party softwares like frontpage to modify my site. Here's the question, i'm trying to post pictures side by side instead of horizontally which is the default way if you just type in the codes one line after another. I'm using the "img src" command to do it, having the pictures shown up vertically takes too much space and it won't look nice. So what should i type if i want to pictures to show up side by side? They there's another question, how do i get the picture shown as a background witht he words overlapping it? What are the codes needed? I'm still new in this, so there's still plenty i don't know about.
wannaberich
post Feb 24 2006, 10:03 AM

New Member
*
Junior Member
14 posts

Joined: Feb 2006
QUOTE(_ChAoS_ @ Feb 24 2006, 09:39 AM)
I'm using notepad instead of a 3rd party softwares like frontpage to modify my site. Here's the question, i'm trying to post pictures side by side instead of horizontally which is the default way if you just type in the codes one line after another. I'm using the "img src" command to do it, having the pictures shown up vertically takes too much space and it won't look nice. So what should i type if i want to pictures to show up side by side? They there's another question, how do i get the picture shown as a background witht he words overlapping it? What are the codes needed? I'm still new in this, so there's still plenty i don't know about.
*
Suggest u to do it Dreamweaver, use the UI and learn the html at the same time. In ur case u can use <img src="" align="left"> or use table with 2 cols and 1 row.
silverhawk
post Feb 24 2006, 10:18 AM

I'm Positively Lustrous
Group Icon
Elite
4,738 posts

Joined: Jan 2003


To put images side by side, just declare them together

CODE

<img src="picture1.jpg" alt="First picture" />
<img src="picture2.jpg" alt="Second picture" />


However, if the pictures placed together exceed the width of whatever is containing them (a table for example) it will be pushed down.

As for background, just use the css property. Example

.html file
CODE

<div class="test">
There is a picture behind this text
</div>


.css file
CODE

.test {
   background-image: url('background.jpg');
   text-align: center;
}


two links to help you
xHTML 1.0 Reference
CSS reference
TS_ChAoS_
post Feb 24 2006, 10:18 AM

New Member
*
Junior Member
29 posts

Joined: Mar 2005
QUOTE(wannaberich @ Feb 24 2006, 10:03 AM)
Suggest u to do it Dreamweaver, use the UI and learn the html at the same time. In ur case u can use <img src="" align="left"> or use table with 2 cols and 1 row.
*
thx for the reply, Now i have to play around to make it work... =D

This post has been edited by _ChAoS_: Feb 24 2006, 10:21 AM

 

Change to:
| Lo-Fi Version
0.0131sec    0.93    5 queries    GZIP Disabled
Time is now: 29th March 2024 - 07:48 AM