Forums | MacLife
You are not logged in.
#1 2005-07-02 11:11 pm
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
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
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
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
Re: Some simple, some more for the looks
Musics gone.
Offline
#8 2005-07-03 10:24 am
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
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
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
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
#14 2005-07-03 7:15 pm
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
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
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
