•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the Site Layout and Usability section within the Web Development category of DaniWeb, a massive community of 425,818 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,048 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our Site Layout and Usability advertiser: Programming Forums
Views: 1807 | Replies: 13
 |
•
•
Join Date: May 2008
Posts: 6
Reputation: 
Rep Power: 0
Solved Threads: 0
Newbie Poster
Right,
Designed a website in Photoshop for the first time and have sliced it, saved it as html and images and opened it in Dreamweaver.
When i try to add a link to one of the image slices with a simple bit of html it makes the rest of the images around it move and then there are white gaps in the layout.
This is what i mean,
[IMG]http://img31.picoodle.com/img/img31/4/5/26/f_example1m_acea983.jpg[/IMG]
I didn't put that blue box around home either by the way.
Any ideas on how to make it not do that?
Thanks in advance
Will
Designed a website in Photoshop for the first time and have sliced it, saved it as html and images and opened it in Dreamweaver.
When i try to add a link to one of the image slices with a simple bit of html
<a href="index.html">
This is what i mean,
[IMG]http://img31.picoodle.com/img/img31/4/5/26/f_example1m_acea983.jpg[/IMG]
I didn't put that blue box around home either by the way.
Any ideas on how to make it not do that?
Thanks in advance
Will
•
•
Join Date: Oct 2006
Location: India
Posts: 1,289
Reputation:
Rep Power: 5
Solved Threads: 32
Could you post link to the page or a bit of with which you have problem so that we could help better.
Well you may try this. Use following CSS properties and see if it works.
Well you may try this. Use following CSS properties and see if it works.
css Syntax (Toggle Plain Text)
•
•
Join Date: May 2008
Posts: 6
Reputation:
Rep Power: 0
Solved Threads: 0
Newbie Poster
http://www.boonbox.co.uk/boonbox.html
That is the page.
I have never done this before so i dont know what to do with that css Syntax
That is the page.
I have never done this before so i dont know what to do with that css Syntax
•
•
Join Date: Oct 2006
Location: India
Posts: 1,289
Reputation:
Rep Power: 5
Solved Threads: 32
> I have never done this before so i dont know what to do with that css Syntax
Well, its simple. Just add following lines anywhere between the
And your page uses some non standard things like
You also haven't put up a doctype. I encourage you to validate your web page at http://validator.w3.org/ and find other errors.
Well, its simple. Just add following lines anywhere between the
<head></head> tags. css Syntax (Toggle Plain Text)
And your page uses some non standard things like
leftmargin, topmargin, marginwidth, marginheight . For setting margin at 0 from every side, add this attribute style="margin: 0;" to body tag. So it will look like this: html Syntax (Toggle Plain Text)
You also haven't put up a doctype. I encourage you to validate your web page at http://validator.w3.org/ and find other errors.
Last edited by vishesh : May 27th, 2008 at 8:44 am.
•
•
Join Date: Dec 2004
Location: London or Slovakia
Posts: 2,453
Reputation:
Rep Power: 11
Solved Threads: 296
•
•
•
•
Originally Posted by Will1722 
[IMG]http://img31.picoodle.com/img/img31/4/5/26/f_example1m_acea983.jpg[/IMG]
Kindly please use daniweb facilities for attacments as images placed on external servers may get removed over time. To attach image you either have to be creating new post or be in Advance options for thread reply (Go Advanced). Bellow thread text area the are Aditional Options and one of them is Manage Attacments. By clicking on the button you open new window in pop-up and you can then add certain type of documents to your post
Learn to see in another's calamity the ills which you should avoid.
Publilius Syrus
(~100 BC)
If we helped you to solve your problem, answered your question please mark your post as SOLVED.
Publilius Syrus
(~100 BC)
If we helped you to solve your problem, answered your question please mark your post as SOLVED.
•
•
Join Date: May 2008
Posts: 6
Reputation:
Rep Power: 0
Solved Threads: 0
Newbie Poster
Erm, that didn't get rid of the problem with the layout having big gaps when i try to get the home image to open a url. Once i sort out that problem i will probably be able to figure the rest out but i have tried for days to sort this..
•
•
Join Date: Oct 2006
Location: India
Posts: 1,289
Reputation:
Rep Power: 5
Solved Threads: 32
> that didn't get rid of the problem with the layout having big gaps
Have you followed instructions exactly as what I said, cause my solution works well with Firefox2, Opera9, and IE7. Try again, and submit te changed webpage so that I could look into.
Have you followed instructions exactly as what I said, cause my solution works well with Firefox2, Opera9, and IE7. Try again, and submit te changed webpage so that I could look into.
Last edited by vishesh : May 27th, 2008 at 10:47 am.
•
•
Join Date: May 2008
Posts: 6
Reputation:
Rep Power: 0
Solved Threads: 0
Newbie Poster
OMG! It worked this time i went through your instructions again and it worked! Cracking!
One more question though please
How do i make the site fit to all resolution screens because i made it fit mine but its a 24 inch screen so i checked on my friends and it isn't centered and stuff so wondering if that was possible?
Thanks!!
One more question though please
How do i make the site fit to all resolution screens because i made it fit mine but its a 24 inch screen so i checked on my friends and it isn't centered and stuff so wondering if that was possible?
Thanks!!
•
•
Join Date: Oct 2006
Location: India
Posts: 1,289
Reputation:
Rep Power: 5
Solved Threads: 32
> How do i make the site fit to all resolution screens
It wont fit in all resolutions because, you have specified absolute dimensions to every image and table, the everything is constant. Also if you use relative sizing i.e. percentage, it will deteriorate image quality. You must rather use images for background which are able to repeat itself and give complete effect without looking awkward.
It wont fit in all resolutions because, you have specified absolute dimensions to every image and table, the everything is constant. Also if you use relative sizing i.e. percentage, it will deteriorate image quality. You must rather use images for background which are able to repeat itself and give complete effect without looking awkward.
|
•
•
•
•
•
•
•
•
DaniWeb Site Layout and Usability Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Linear Mode
- tiny Css Problem with layout (HTML and CSS)
- Dreamweaver CS3 problem (Site Layout and Usability)
- dreamweaver question (Graphics and Multimedia)
- Small problem (Graphics and Multimedia)
- Dreamweaver backslash problem (Community Introductions)
- web photo help (Graphics and Multimedia)
- Layout help and DW (Site Layout and Usability)
- DreamweaverMX 2004 Pro- Plague of Layout Problems (Site Layout and Usability)
Other Threads in the Site Layout and Usability Forum
- Previous Thread: form page to send an email
- Next Thread: Add forum to page
