Solved

Page setup

Posted on 2007-11-15
2
647 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

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Remove the padding on hover of sub menu 4 45
Adding a menu section 13 36
Safari SVG Image Problem 1 21
CSS Divs in Safari 3 20
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…

747 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now