navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

Parenting is so hard

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Parenting is so hard
Page: [1]
 
SteveWR

 

Posts: 277
Joined: 3/27/2002
From: Essex, UK
Status: offline

 
Parenting is so hard - 11/20/2003 18:04:33   
Well only because I am new to this.

How can I make the text div the parent of the pictureblock. I don't want it to move over the pictureblock on re-size. I assume I have to fix its position to the parent and not the background as I have it at the moment. Because it was drifting over I have fixed it but of course that means it stays put on re-size as its fixed to background.

Sorry this must be very basic.

I have a simple holding page in tables I am just trying recreate in css as a basic learning exercise.
www.thegoodshepherd.co.uk tables
www.thegoodshepherd.co.uk/index2.html

#pictureblock {
height: 100px;
left: 21.4%;
overflow: visible;
position: absolute;
top: 30.00%;
width: 175px;
z-index: 1
}

#text {
height: 100px;
left: 420px;
overflow: visible;
position: absolute;
top: 30.00%;
width: 300px;
z-index: 2
}

Thank you

< Message edited by SteveWR -- 11/21/2003 11:23:48 AM >


_____________________________

Steve
-----------------------
Life isn’t a rehearsal … it's an audition

www.esprit-internet.co.uk
gorilla

 

Posts: 2974
From: Denmark
Status: offline

 
RE: Parenting is so hard - 11/21/2003 12:40:29   
<edit>
EEK!

I've taken out my original suggestion, float and absolute don't mix. - Sorry I skipped over that when looking at you code. If you put your pic inside the text div that'll work fine.

I'm curious 'though why have you made it an id rather than a class?

Also why use z index on that page as it's so small?

Not criticising - just wondering
</edit>

BTW Here:

http://codepunk.hardwar.org.uk/acss.htm

Has a VERY good set of tutorials on css positioning.

< Message edited by gorilla -- 11/22/2003 7:34:14 AM >


_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to SteveWR)
SteveWR

 

Posts: 277
Joined: 3/27/2002
From: Essex, UK
Status: offline

 
RE: Parenting is so hard - 11/22/2003 15:59:08   
Oooooh er well I am so green on this, the zindex stuff was just created by layout master when I created the two "areas"/blocks/divs. Yes two bocks next to each other would not need a z index would they?

I suppose where I am coming from is recreating a simple layout held in place by tables and perhaps I am thinking to much like a tables person. ie I have a cell locating the image and an adjacent cell with text. So just thinking along those lines one div for the image and one for the text. www.thegoodshepherd.co.uk is the tabled version. Its simple stuff.

I am really just looking at how layout master is doing things and trying to learn the coding from what it does; and maybe one day be a text pad css guru :)

So thinking on resize I want the text block to follow the image over to the left (coming from 1024 to 800 say) but not overlap it I was thinking the text div should be a child of the image div and not the background.

However I may be going about the whole thing the wrong way anyway so criticize away my friend. I am going to put my light at the end of the tunnel avatar back up :)

_____________________________

Steve
-----------------------
Life isn’t a rehearsal … it's an audition

www.esprit-internet.co.uk

(in reply to gorilla)
gorilla

 

Posts: 2974
From: Denmark
Status: offline

 
RE: Parenting is so hard - 11/23/2003 10:03:18   
Let me have a think about it and I will post a couple of different ways you might want to tackle it late next week.

I'm preparing for my posting abroad so it won't be until the end of the week I am afraid.

Some questions if you permit:

I presume you don't mind if I "steal" your image and text to mess around with?

How many pages do you think this site will be?

Will you be using other images? If so dimensions in width and height would be helpful.

Do you plan on styling the form as well?

Oh and yes while I think of it I am less than expert on old fashioned English - If you could post what the book, chapter, and verse of the biblical quotation is I can then look it up in the Bible in my own language.

(I have a small idea that you might like for how that could be styled.)

MVH

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to SteveWR)
SteveWR

 

Posts: 277
Joined: 3/27/2002
From: Essex, UK
Status: offline

 
RE: Parenting is so hard - 11/23/2003 17:22:25   
quote:

I presume you don't mind if I "steal" your image and text to mess around with?


NO not at all go ahead

quote:

How many pages do you think this site will be?


er maybe up to 50+ as we add resources.

quote:

Will you be using other images? If so dimensions in width and height would be helpful.


Yes but I have not sourced them yet. Sorry bit vague. They will be people, events, building shots. i would keep then to the size of the photo you have or smaller.

quote:

Do you plan on styling the form as well?

yes

quote:

book, chapter, and verse of the biblical quotation

Phillipians 4:6-7 thats the NIV version. www.biblegateway.com is cool you can word search and its in quite a few languages.

-----------------

This now sounds like you are going to a heck of a lot of trouble. Thanks anyway I much appreciate it. The layout and design as it is, is just a holding page and the eventual look is, well haven't got their yet, but I do want a css base for it. Does that make sense.

No problems on the time-scale at all.

Thanks again

Steve

_____________________________

Steve
-----------------------
Life isn’t a rehearsal … it's an audition

www.esprit-internet.co.uk

(in reply to gorilla)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Parenting is so hard
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts