Computing.Net > Forums > Web Development > CSS positioning & dimensions (?)

Computer Problems? Computing.Net has over 1,000,000 posts about all things technology related! Over 90% answered within 24 hours! Click here to start participating now! Also, be sure to check out the New User Guide.

CSS positioning & dimensions (?)

Reply to Message Icon

Name: Kthrn
Date: July 7, 2006 at 21:07:26 Pacific
OS: Windows XP Home SP2; Ubun
CPU/Ram: 2.21 GHz Athlon 64 3500+
Product: Custom
Comment:

Hi,

Let me start off by saying that I don't have a really firm grasp on using HTML, CSS, or Javascript to create webpages; everything I've learned has been self-taught and is consequently haphazard. I'm sure I'm missing a lot.

That said, I've run into some problems while creating my mom's photography site: imagesbyjas.com. I know what I've written there could at best be called "spaghetti code," so please don't be too harsh, but do be honest about any faults you find. I just want to learn.

My first problem has to do with the positioning of the picture on the index page. How can I move it over more to the right, and how can I make a border around it?

Second problem: how can I make the navigation box at the top be wider, so that when you rollover "artist biography" it doesn't spill over into the next line and stretch the whole page?

Third problem: why doesn't the link to the artist biography display the bottom navigation correctly, with the top and bottom borders?

Other problems I know I need to work on: it probably doesn't validate, and I need to find a better way to create space than a bunch of breaks.

If you could please view the source for these two pages and let me know what I'm doing wrong, I would really appreciate it. I'm sorry if I'm not using the correct terminology for these problems, but I hope you can still understand what I'm saying. There's probably really simple solutions, too.

Thanks for any and all help.



Sponsored Link
Ads by Google

Response Number 1
Name: Michael J (by mjdamato)
Date: July 7, 2006 at 21:47:09 Pacific
Reply:

Replace [] with <>. Add the code in blue where shown and change the red values as desired:

1) Put a left margin on the image and put a border around it:
[img src="regional001.gif" align="left" width="210px" height="300px" style="margin-left:10px,border:1px solid #000000;">

2) Increase the width of the "Menu" box:
[div class="menuitem" style="width:150px;white-space:nowrap;"]

3) The bottom menu on the home page is included within a div with the class of "footer" - need to do the same on the bio page.

Michael J


0

Response Number 2
Name: Kthrn
Date: July 7, 2006 at 22:30:37 Pacific
Reply:

Thanks for your help. I knew they would be painfully obvious things.

I'm still stuck on that index photo for some reason. This is what's there: [img src="regional001.gif" align="left" width="210px" height="300px" style="margin-left:10px,border:1px solid #660000;"]

What am I doing wrong?


0

Response Number 3
Name: Michael J (by mjdamato)
Date: July 8, 2006 at 01:06:12 Pacific
Reply:

My fault. There needs to be a semicolon between the two properties in the stylve value - not a comma. Like this:

[img src="regional001.gif" align="left" width="210px" height="300px" style="margin-left:10px;border:1px solid #660000;"]

Michael J


0

Sponsored Link
Ads by Google
Reply to Message Icon

Related Posts

See More







Post Locked

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.


Go to Web Development Forum Home


Sponsored links

Ads by Google


Results for: CSS positioning & dimensions (?)

CSS positioning, help im newb! www.computing.net/answers/webdevel/css-positioning-help-im-newb/847.html

Frame - Page Title www.computing.net/answers/webdevel/frame-page-title/215.html

CSS Relative Positioning www.computing.net/answers/webdevel/css-relative-positioning/2265.html