Solved

Page setup

Posted on 2007-11-15
2
667 Views
Last Modified: 2008-02-01
Hi,

I am looking for the best css setup for the following page:

http://www.dieselnewavejournal.com/sample.jpg

It is an image with some text around it...the text needs to be in css except the words "logo here" and "leave" those will be images.

Could someone please advice and if possible for some samples/tutorials I could follow

Thank you.

Regards.
0
Comment
Question by:Charlesfx9
2 Comments
 
LVL 30

Accepted Solution

by:
Steggs earned 500 total points
ID: 20293092
Hello,

You will want the graphics as one big background image and then position the two text elements over that background image. This is a rough example

<div style="background:url(images/bg.jpg) no-repeat left top;width:600px;height:600px;position:relative;">
<h1 style="position:absolute;top:300px;left:300px;">logo here</h1>
<div style="height:100px;position:absolute;left:100px;overflow:auto;top:450px;width:200px;">lots of text</div>
</div>
0
 

Author Comment

by:Charlesfx9
ID: 20293124
Works great that way...thank you Steggs,

Warm Regards,

charles
0

Featured Post

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

785 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question