The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

7 Pages V < 1 2 3 4 5 > »   
Reply to this topicStart new topic
> Padding problem
pandy
post May 9 2020, 05:25 AM
Post #41


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,885
Joined: 9-August 06
Member No.: 6



I just realized something is wrong with the site. Our validator can't be accessed. I'll ask Darin to look into it.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 9 2020, 05:37 AM
Post #42


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,885
Joined: 9-August 06
Member No.: 6



One thing more. It depends on where you pick up your HTML knowledge if you need to know this or not, but in HTML 4 a lot of elements and attributes are deprecated. In HTML5 I think they are gone, at least most of them. Deprecated basically means they are allowed under some circumstances but shouldn't be used. One could say they all have to do with styling. Colors, sizes, fonts... We should use CSS for all of that now.

So let everything look as it wants. Don't use the FONT tag, change colors and so on. You fix that later when you add CSS to your page. Just think about what elements mean, what they should be used for. If you want a paragraph you use P and not a DIV followed by two BR tags for example.

You can find a list of deprecated elements here. It's the ones marked with a "D", the column labeled "Depr."
http://www.w3.org/TR/html401/index/elements.html
And attributes here.
http://www.w3.org/TR/html401/index/attributes.html

It's good to know them, even if you don't use them you will encounter them.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
deb1
post May 9 2020, 07:28 AM
Post #43


Member
***

Group: Members
Posts: 99
Joined: 7-May 20
Member No.: 27,330



can you explain to me what is iframe?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
deb1
post May 9 2020, 08:06 AM
Post #44


Member
***

Group: Members
Posts: 99
Joined: 7-May 20
Member No.: 27,330



after i create a basic web page on a topic which choose can you comment on it when i put it on here . Comment like how i can make it better etc.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 9 2020, 12:26 PM
Post #45


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,885
Joined: 9-August 06
Member No.: 6



I know I answered this. Must have forgotten to hit the submit button. Oh well.

Yeah, sure we can look at your page.

Iframe... Do you know what ordinary frames are? That's when the browser window is split in several smaller windows with individual scrollbars and different documents are loaded in each frame. Frames were popular once. Those of us that know better always frowned upon them though. tongue.gif
https://www.htmlhelp.com/design/frames/whatswrong.html

IFRAME is an embedded frame. IIRC the name stands for Inline Frame. You use it in an ordinary HTML page with HEAD and BODY and it can be mixed with other elements, like P and headings. Whereas "real" frames need sort of a master file that specifies the number of frames there will be, how they'll be placed and how they will be used.

Nowadays I think iframes are mostly used for ads. I don't think you want one on your page.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
deb1
post May 9 2020, 03:22 PM
Post #46


Member
***

Group: Members
Posts: 99
Joined: 7-May 20
Member No.: 27,330



Great I am doing my Web page on computers
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 9 2020, 11:44 PM
Post #47


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,885
Joined: 9-August 06
Member No.: 6



Good luck and have fun! smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
deb1
post May 10 2020, 12:17 AM
Post #48


Member
***

Group: Members
Posts: 99
Joined: 7-May 20
Member No.: 27,330



how can i send the file to you ? i am new on here so have i have no idea how to send files here sad.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 10 2020, 01:03 AM
Post #49


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,885
Joined: 9-August 06
Member No.: 6



You can attach the file to your post. It's a two step process.

Under the field you type your post in there's field labeled File Attachments with Browse button. Use the Browse button to find the file on your hard drive. Then click "Add This Attachment".

That makes the file name appear in a list below the Browse button. There are also two buttons, Remove and Add into Post. Click on the latter and the file will be added.

Or you can just paste the HTML into your post. Use the button above that has a hash sign (#) on it to insert CODE tags around it and it will display nice.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
deb1
post May 10 2020, 01:56 AM
Post #50


Member
***

Group: Members
Posts: 99
Joined: 7-May 20
Member No.: 27,330



Please check my coding and also see the output in your browser so that you can tell me if everything is OK or if i need to improve on anything . i have also attached the pictures which i have inserted in the coding . so hopefully you will see the pictures in your browser. let me know what you think and if i need to improve on anything.


Attached thumbnail(s)
Attached Image Attached Image

Attached image(s)
Attached Image

Attached File(s)
Attached File  computers.html ( 1.71k ) Number of downloads: 17
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
deb1
post May 10 2020, 02:00 AM
Post #51


Member
***

Group: Members
Posts: 99
Joined: 7-May 20
Member No.: 27,330



check this and let me know if need to improve on anything

This post has been edited by deb1: May 10 2020, 02:02 AM


Attached File(s)
Attached File  website___Copy.zip ( 118.3k ) Number of downloads: 17
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 10 2020, 02:23 AM
Post #52


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,885
Joined: 9-August 06
Member No.: 6



You've done good. Looks like you get it.

You have a few errors though. You can upload your file here and see for yourself.
https://validator.w3.org/#validate_by_upload

You have made three mistakes, some of them repeated, but basically three errors.

Images must have an alt attribute. The value of that replaces the image if the image for some reason can't be loaded (it's printed on the page), so most often a description of the image isn't the best choice. If the image is purely decorative you can use an empty alt attribute, alt="". That makes screen readers just skip the image.
You have a whole page about alt here: https://htmlhelp.com/feature/art3.htm .

Then you have spaces in a file name. That's fine, but URLs can't contain spaces. They must be replaced with %20. Like this.
CODE
<img src="desktop%20computer.jpg">

http://www.blooberry.com/indexdot/html/top...urlencoding.htm

It's easier and makes for more readable URLs to not use spaces in file names in the first place. You can separate words with hyphen or underscore, characters that are allowed in URLs. But don't forget to also rename the file.
CODE
<img src="desktop_computer.jpg">



Then you couldn't resist to try to make it look good and centered the images. CENTER is not allowed. Centering is for CSS. laugh.gif

All in all I think it looks good. You've used everything correctly and make good use of several levels of headings. Good work! wink.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 10 2020, 02:30 AM
Post #53


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,885
Joined: 9-August 06
Member No.: 6



Just a tip. I would use width and height attributes for the images. Yes, that can maybe be seen as presentational, but it helps browsers to draw the page. You've probably seen large, image heavy pages where the text rearrange itself as the page loads. It doesn't look nice. If you have width and height in the image tags the browser reserves space for the images and the page isn't redrawn, the images just fill in.

With just a few and not too large images and today's fast connections this won't be noticeable. But I think it still is a good habit to use width and height.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
deb1
post May 10 2020, 02:52 AM
Post #54


Member
***

Group: Members
Posts: 99
Joined: 7-May 20
Member No.: 27,330



so the only comment is put width and height in the images ?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 10 2020, 03:40 AM
Post #55


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,885
Joined: 9-August 06
Member No.: 6



Yup. And correct the errors.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
deb1
post May 10 2020, 04:37 AM
Post #56


Member
***

Group: Members
Posts: 99
Joined: 7-May 20
Member No.: 27,330



i didn't understand the errors . Can you please explain it to me
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 10 2020, 07:02 AM
Post #57


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,885
Joined: 9-August 06
Member No.: 6



I thought I already did above. What don't you understand specifically?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
deb1
post May 10 2020, 08:10 AM
Post #58


Member
***

Group: Members
Posts: 99
Joined: 7-May 20
Member No.: 27,330



You said i should fix the image and the errors. The image thing i understand . the part which you said that i should fix the errors also... that's the part which i don't understand . i also put it in that link which you suggested but didn't understand their explanation. sad.gif

This post has been edited by deb1: May 10 2020, 08:12 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 10 2020, 11:02 AM
Post #59


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,885
Joined: 9-August 06
Member No.: 6



But I told you about the three errors above. That you shouldn't use CENTER, that you can't have spaces in URLs and that images must have an alt attribute.

The CENTER tags - just delete them or replace them with DIV.

The alt attributes, well, add them. There's a bit about that here.
https://htmlhelp.com/reference/html40/special/img.html

Spaces in URLs, I don't think I can say it differently than I did above. sad.gif

The validator complains about a few things more, but you can leave that for now.


User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
deb1
post May 10 2020, 11:33 AM
Post #60


Member
***

Group: Members
Posts: 99
Joined: 7-May 20
Member No.: 27,330



Can you please be specific which url you are referring to?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

7 Pages V < 1 2 3 4 5 > » 
Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 7th July 2020 - 11:27 PM