Outline ·
[ Standard ] ·
Linear+
Coding for websites
TS_ChAoS_
|
Feb 24 2006, 09:39 AM, updated 19y ago
|
New Member
|
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
|
Feb 24 2006, 10:03 AM
|
New Member
|
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
|
Feb 24 2006, 10:18 AM
|
I'm Positively Lustrous
|
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 ReferenceCSS reference
|
|
|
|
TS_ChAoS_
|
Feb 24 2006, 10:18 AM
|
New Member
|
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
|
|
|
|