Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations sizbut on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Div help?

Status
Not open for further replies.
Have you tried viewing the source?


Try this...

Code:
<div id="middle" style="width:520px;">
    <div id="logo" style="text-align:right;padding:0 0 100px 0;margin:0;">
        <a href="linktohomepage" title="Home page"><img src="yourlogohere.jpg" alt=""></a>
    </div>
    <ul style="list-style:none;margin:0;padding:0;">
        <li><a href="#" title="">Link...</a></li>
        <li><a href="#" title="">Link...</a></li>
        <li><a href="#" title="">Link...</a></li>
        <li><a href="#" title="">Link...</a></li>
    </ul>
</div>

That's one way to do it. Not necessarily the best way.. but I've got to leave something for you to work out ;-)

Foamcow Heavy Industries - Web design and ranting
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
I wonder what possesses people to make those animated gifs. Do you just get up in the morning and think, "You know what web design r
 
I didn't mean the links, i meant the big line in the middle
 
Am I going blind? I cannot see any big lines in the middle div.
 
Yes, but how do i create a border but not just border-right.
Can you help me create a border like that?
 
I am getting more and more confused. On the page, it is done like this:
Code:
border-right: 1px solid #E0E1E1;
border-left: 1px solid #E0E1E1;
To me, that is just a border. I don't know what it is to you.
 
They used a background tile that was the width of the div, with a couple of dots left and right.(or a dotted border in CSS on the left and right)
Then there is another div below that one with the curved bottom (ahem) in it.


Foamcow Heavy Industries - Web design and ranting
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
I wonder what possesses people to make those animated gifs. Do you just get up in the morning and think, "You know what web design r
 
What would you do create an exactly as they has done.
I have to do it with CSS right?
I suck at css so thought maybe someone could help with this.
 
Like this...

View Source,
download files,
look at them,
adapt them.

Really, try it. Use their code as a starting point.

I, and I hope nobody else here, is going to write it for you. Tek tips is not a code repository or code writing service.

We'll help you fix it if you run into trouble but you just seem to want an easy solution.... and there is one right in your browser.

Foamcow Heavy Industries - Web design and ranting
Target Marketing Communications - Advertising, Direct Marketing and Public Relations
I wonder what possesses people to make those animated gifs. Do you just get up in the morning and think, "You know what web design r
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top