Quantcast

Forums | MacLife

You are not logged in.

#1 2005-07-02 11:11 pm

DBR_Death
Lieutenant
From: USEast Realm
Registered: 2004-07-11
Posts: 290
Website

Some simple, some more for the looks

Hey, I made a page using CSS a while ago, and posted it before the crash, so now that link is gone, but this is my first REAL attempt at it.

I need some help, because on my computer it looks fine:
http://www.phdrama.com/ppd/ppd.png

But to everyone else the text overlaps.

Here's the homepage,
http://www.phdrama.com/ppd/home.html

Also, is there anything in CSS that I would use to make the page look cooler? I can do code, but my creative side needs work. So I'm in need of design assistance if at all possible.

Thank you,
Matt Blahut

Offline

 

#2 2005-07-03 1:46 am

mostlyharmless
From: San Diego
Registered: 2003-07-29
Posts: 503
Website

Re: Some simple, some more for the looks

Looks fine here (Safari 2.0).

I would suggest getting rid of the background music.

Offline

 

#3 2005-07-03 2:15 am

DBR_Death
Lieutenant
From: USEast Realm
Registered: 2004-07-11
Posts: 290
Website

Re: Some simple, some more for the looks

When I'm done I'm going to, but I just threw that in for fun right now. Or I'll just make 2 pages that are identical, one with music, one without.

Offline

 

#4 2005-07-03 2:48 am

mahakali
anti-razor
From: easter egg
Registered: 2002-11-06
Posts: 5584

Re: Some simple, some more for the looks

The texts overlap when you embiggen the fonts. It's probably because you have this thing.

Code:

.exp
    {
    position: absolute;
    top: 510px;
    left: 150px;
    right: 32px;
    }

I'm pretty sure you actually can make the image float (with text wrapping) without breaking them down.


1. Instill fear.
2. ???????? (use your imagination)
3. Profit!

Offline

 

#5 2005-07-03 2:52 am

DBR_Death
Lieutenant
From: USEast Realm
Registered: 2004-07-11
Posts: 290
Website

Re: Some simple, some more for the looks

Okay. *thinks*.

Any idea how? Or should I just go and try different stuff till it works?

Oh, and sorry if it's acting kinda weird right now, I'm trying to work on it a bit.

But since I gotta go to work in the morning, I'll probably stop in a bit and wont start up till around night time tomorrow.

Offline

 

#6 2005-07-03 8:07 am

reh
shroom goon
Registered: 2002-04-19
Posts: 2311
Website

Re: Some simple, some more for the looks

I'm trying to be positive here, I really am... I would offer my input on your website but I didn't even get a chance to look at it. No website with music is going to get much display time in my browser. I'm sure there's at least a few others that feel the same as well, so you'd do good to consider your audience.

Offline

 

#7 2005-07-03 10:13 am

DBR_Death
Lieutenant
From: USEast Realm
Registered: 2004-07-11
Posts: 290
Website

Re: Some simple, some more for the looks

Musics gone.

Offline

 

#8 2005-07-03 10:24 am

reh
shroom goon
Registered: 2002-04-19
Posts: 2311
Website

Re: Some simple, some more for the looks

I kind of like the somewhat simple look you're going for. However, I'd make it more fluid. When I resize my browser, nothing moves and the default width is much too wide.

I'd also spiffy up those links a bit. Maybe a simple rollover or something. Anything to give the user a good visual clue what link their mouse is over.

Offline

 

#9 2005-07-03 3:37 pm

BadMrMojo
Member
Registered: 2002-04-03
Posts: 171

Re: Some simple, some more for the looks

DBR_Death wrote:

Okay. *thinks*.
Any idea how?...

Right now, you've got:

[code]<!-- Body -->
<a class="whatever"><img src=images/pd2.gif></a>
<a class="a">The Police Explorer ... at various community events.<br><br>
Currently the program ... They provide insurance coverage, and helpful information on fund raising opportunities for various posts.<br><br>
The Explorer program ... that will enhance their resum

Offline

 

#10 2005-07-03 6:49 pm

DBR_Death
Lieutenant
From: USEast Realm
Registered: 2004-07-11
Posts: 290
Website

Re: Some simple, some more for the looks

Thanks for the long post, it's helped quite a bit.

I'm trying to implement the changes you've suggested and am having a little trouble getting the text to stop when it hits the picture... anyone know what I'm doing wrong?

Might it have something to do with this...?

Code:

div
    {
    float: right;
    margin:0 0 15px 20px;
    padding:15px;
    align: left;

Dunno why I put it there, this was something I was working on a while ago and now I'm actually starting to do something with it.

Edit: Fixed it. I put some code in the wrong place.

Last edited by DBR_Death (2005-07-03 6:52 pm)

Offline

 

#11 2005-07-03 6:53 pm

reh
shroom goon
Registered: 2002-04-19
Posts: 2311
Website

Re: Some simple, some more for the looks

Your text is really being scrunched by that pic. I'd either make the pic smaller or move those links on the left side to the top to allow more room for the text. Or maybe just put the pic above the main body text.

Offline

 

#12 2005-07-03 6:55 pm

DBR_Death
Lieutenant
From: USEast Realm
Registered: 2004-07-11
Posts: 290
Website

Re: Some simple, some more for the looks

I have no problem messing with the picture, as of right now it's a place holder for another picture I'm going to put there.

I'll make it smaller.


Edit: Does that look any better?

Last edited by DBR_Death (2005-07-03 7:03 pm)

Offline

 

#13 2005-07-03 7:12 pm

reh
shroom goon
Registered: 2002-04-19
Posts: 2311
Website

Re: Some simple, some more for the looks

Another thing... it'd be nice to have that black box at the top resize with the browser window. (hope i don't sound nitpicky)

Offline

 

#14 2005-07-03 7:15 pm

DBR_Death
Lieutenant
From: USEast Realm
Registered: 2004-07-11
Posts: 290
Website

Re: Some simple, some more for the looks

The way I see it, to get the best page possible, you gotta nitpick everything.

I'll get right on it.

Edit: it's an image...

Last edited by DBR_Death (2005-07-03 7:18 pm)

Offline

 

#15 2005-07-03 8:23 pm

DBR_Death
Lieutenant
From: USEast Realm
Registered: 2004-07-11
Posts: 290
Website

Re: Some simple, some more for the looks

I just added a menu type thing, and I was wondering if anyone would happen to know how I would go about making the links closer to the left side of the page?

Offline

 

#16 2005-07-05 4:19 am

Redstone
Member
From: The Blue planet , Belgium
Registered: 2000-12-22
Posts: 697
Website

Re: Some simple, some more for the looks

remove the padding on the Links div?


New project : Goddess Of Destruction CD available online
Jingles writers
Check out http://www.darlingnikkie.com to discover the sonic world of Darling Nikkie (aka Jade4U)

Offline

 

Board footer

Powered by PunBB 1.2.6
© Copyright 2002–2005 Rickard Andersson