Rehdarh Posted December 1, 2006 Share Posted December 1, 2006 Hello Everyone.I am creating a website right now which will be used to record my school studies such as notes and assignments. I am creating it not only for my own benefit, of referring to the website when wanting to review my lessons, but also so that my fellow colleagues can use them as well to suit their needs. I admit to being a very big noob on the subject of web programming and I lack the knowledge of the very basics. Fortunately, the website I am creating is the simplest of all websites and not that detailed at all. Therefore, this website should most likely be the simplest of challenges.Nonetheless, I have barely started to create my website, it has already taken a grueling time span of three hours, and I only implemented a picture and three links that I finnally was able to centre on my page.My next task for my website is to make two links that I want structured in a certain way. I want them placed so that they are centered in the middle of my page in both width and length. In other words, they are right smack in the centre of my page. Once I have them nicely centered in the middle of my page, I want one to be below the other, much like a column, or a list consisting of two links. I also desire the two links to substantially be spaced apart, as opposed to them separate from each other by only a millimeter – such as the words in this paragraph. Moreover, I want the two links to be bulleted. However, in my case, I want them to be bulleted not with a plain circle or arrow, but an image or picture of my own which substitutes the standard bullet point. Of course, lastly, I want the links to actually be directed to another page. This step is one that seems that it may take hours and hours to get to. At this moment, I am still trying to figure out how to position the two links in the exact centre of my page.I hope I was able to explain my problem well enough that you can get a sense of what I want the finishing page to look like. Help or suggestions would be much appreciated because the creation of this website is seeming to me to be a set back to my studies rather than a helpful learning tool for me and my peers. To recap:The two words in the exact centre of my page. Meaning in both width and length.Be made into a list, or column, where one is below the other.The two words are separated from each other and not as close as they would normally be to each other The two words should have picture bullets.Words should be linked to another page. Link to comment Share on other sites More sharing options...
real_illusions Posted December 1, 2006 Share Posted December 1, 2006 so you basically after a list in the middle of the page with a nice picture instead of a circle?http://www.w3schools.com/html/html_lists.asp for your basic listhttp://css.maxdesign.com.au/listamatic/vertical05.htm for some customised arrows for the list.work around them, and see what you can come up with:) Link to comment Share on other sites More sharing options...
holmedwa04 Posted December 1, 2006 Share Posted December 1, 2006 To add spacing use this code:<br><br>Every <br> is like pressing enter, so if you actually want a space between text use two. If the spacing is too big then set the font like this: Your Link<BR><font size="1"><BR><font size="3">Your Next link Note, set your second font code to your normal text size.Or you could use tables: <table><tr><td height="40">Your Link</td><td height="40"></tr></table> Note, you need to play with the heights to get what height you want. Link to comment Share on other sites More sharing options...
jlhaslip Posted December 1, 2006 Share Posted December 1, 2006 Margins and padding would be the 'correct' way to space the items. If you are going to use <br />'s, then why not use a 'spacer.gif'? Link to comment Share on other sites More sharing options...
holmedwa04 Posted December 2, 2006 Share Posted December 2, 2006 Oh, why didn't I realise, you could have just set the cell padding of the table, use this in your table code...cellpadding="??"Just change it to whatever you want to. Link to comment Share on other sites More sharing options...
Rehdarh Posted December 3, 2006 Author Share Posted December 3, 2006 Thanks a lot for your help guys I really appreciate it. I don't know too much about "padding" and I didn't apply it to my website but using <br> tags seemed to work fine for me.However, some problems remain.It occurs on the subject of bullets. First, when I make a bulleted list (a normal default bullet of a circle) the text is not even with the other text below it. Meaning, when the word(s) are either bigger or smaller then the ones(s) below it they are not inline with each other. For example: 0 Weekly assignments 0 Other Science WorkI would rather have it like this:0 Weekly Assignments0 Other Science work( 0=bullet)Secondly, I am also unable to add a picture to substitute a normal default bullet. I am aware of the page that real_illusions provided me and I have studied it and attempted to make another image to substitute a normal bullet. Yet, I cannot seem to get it right, whenever I try to make a picture-bullet it messes up the whole page. Does anyone know what tags I should use and where in my other HTML tags should I insert them? Also, I am going to be using a picture icon of my own (one that won’t be found on the page that real_illusions provided), therefore, will that be another problem? For example, will it be hard for the image to line up with the text?Once again, many thanks for your help!Regards,Rehdarh. Link to comment Share on other sites More sharing options...
holmedwa04 Posted December 6, 2006 Share Posted December 6, 2006 I think what you are getting at is that your bullets dont line up, even though your text is centered.So what you need to do is make a table that is centered but have your text inside the table not centered. Do you get me? Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now