|
HTML - Website Alignment / Show Elements From Css File
Dear members!
Im currently a learner in cSS with HTML, and i'm having a hard time understanding some simple rules and aligment options. I currently have theese two files set up; Index.html (LINK) style1.css (LINK) And what i'm having a hard time to get right is to include the different #elements from the CSS file, (So that they will be shown in the HTML documents, could someone please tell me how that is done properly?) Also, i followed THIS GUIDE to try to understand how to center-align my website, but it doesent seem to be right, as the box is not centered, at the same time as if i try to edit the values (how many pixels the box should be, nothing happens) Could someone please tell me the proper way to center-align a webpage or correct the documents so it center-aligns, as well as tell me how to construct elements / boxes in CSS so that i could start to make a basic site-design in CSS and how to code this in the HTML file so that the elements that i've constructed in the CSS file will be shown on the HTML page properly? If you guys have some good guides to start me off, that would be great to.. thanks! Thank you, sorry if this is allready answered. - InZeL Similar TutorialsHi all! http://aksjefinans.com/ this is my page. I have set up some google web elements http://www.google.com/webelements/#!/news but these web elements will not show when i display the website in IE, but it works fine in firefox, safari, opera and chrome. What could this be? Do you see the web elements from google when checking the page in IE? Really hope to get some answers! My new website test pages are at: http://www.monkeygambling.com/new%20pages/index.shtml I have a small probelm with the menu on the left side. It is not vertically aligned. The reason why is that I have an empty table inserted above it. This table is quite important as it makes the search engine spider miss the left menu out and move to the central section. My question is, is there a way to make this table exisit with no size (e.g. height =0), or just be there without affecting anything else? thanks Hey, I'm making a website about a television show. I want to show the broadcast times of the TV show, the times can be found on the website of the television company. http://www.zappelin.nl/pororo Under the bit where it says: ''Volgende Aflevering'' it shows the date of the next episode. Whenever the episode is over it automatically changes to the next broadcast time. I want to just show this information on my website too, how would I go about this? Thanks! I'm not very good at HTML and such so if someone could give a step-by-step explanation I'd very much appreciate it. I had this problem before with the Firefox coding incompatibility.. On my website, I post updates for all of the changes I make about each month. I tried to post an update today and I noticed that it wasn't showing up in Firefox. I brought my page up on Internet Explorer and it shows up just fine. Point and case, there's something wonky with my coding again that is angering Firefox and its refusing to show my updates. Here's the code. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Natalie's Cosplay</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> </head> <body> <div id="wrapper"> <h1></h1> <div id="head-1" style="WIDTH: 401px; HEIGHT: 386px"></div> <div id="nav"> <ul> <li><a href="http://www.geocities.com/lnyworikkukenm//index.htm"><font size="1">HOME</font></a></li> <li><font color="#000000" size="1"><a href="http://www.geocities.com/lnyworikkukenm/Aboutme.html">ABOUT ME</font></a></li> <li><font color="#000000" size="1"><a href="http://www.geocities.com/lnyworikkukenm/completed.html">COMPLETED COSTUMES</font></a></li> <li><a href="http://www.geocities.com/lnyworikkukenm/inprogress.html"><font color="#000000" size="1">IN</font><font color="#000000" size=1>-PROGRESS COSTUMES</a></font> </li> <li><font color="#000000" size="1"><a href="http://www.ultraguest.com/view/1180720057">GUESTBOOK</font></a></li> <li><font color="#000000" size="1"><a href="http://www.geocities.com/lnyworikkukenm/links.html">RECOMMENDED SITES</font></a></li> <li class="last"><a href="MAILTO:Chinesefightinyo@aol.com"><font color="#000000" size="1">CONTACT ME</font></a></li> </ul> </div> <div id="body-left"> <h2><font color="#000000"><em><font color=#000000>G</font></em>al</font>lery</h2><br> Newest Costume: Songmage Rikku! <div id="gallery"> <div class="gal" id="gzero"><a href="http://geocities.com/lnyworikkukenm/songmage.html"><img height="163" alt="Latest Costume: Songmage Rikku from Final Fantasy X-2/Original Artist Concept" src="bigsong.jpg" width="221" ></a></div> <div class="gal" id="gone"><img height="41" src="song1.jpg" width =57 ></a></div> <div class="gal" id="gtwo"><img height="41" src="song2.jpg" width =57 ></a></div> <div class="gal" id="gthree"><img height="41" src="song3.jpg" width =57 ></a></div> <div class="clear"></div> </div> <table width="133" border="0" cellspacing="0" cellpadding="3" align="center"><tr><td align="middle"><a href="http://www.website-hit-counters.com/" target="_blank"><img src="http://www.website-hit-counters.com/cgi-bin/image.pl?URL=8421-4416" alt="free website hit counters service" border="0" ></a></td></tr><tr><td align="middle"><font style="FONT-SIZE: 9px; COLOR: #24092c; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none">Get a <a href="http://www.website-hit-counters.com" target="_blank" style="FONT-SIZE: 9px; COLOR: #444444; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none" title="free website hit counter">free website hit counter</a> .</font></td></tr></table> </div> <div id="body-right"> <h2 align="left"><font color=#000000>W</font>elcome!</h2> <p align="center"> <br><font color="#000000" size="1">Please don't use any of my photos without asking! If you have any questions or comments, please send me an e-mail! <br>Thanks! ~Natalie</font></p> <h2></h2> <div style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 300px"> <table cellpadding="0" cellspacing="0" style="WIDTH: 350px"> <tr> <td><font size="1" color="#000000"> (THIS IS WHAT IS NOT SHOWING UP!)~<u>July 3, 8:19 PM:</u><br><br>The coding problem was fixed awhile ago, and now I'm just messing around with some new graphics.. lol... Some of the stuff may be a little weird, but I'm having fun trying out new things with the look of the site still. <br><br>I'm leaving for AnimeNEXT on Thursday, and I couldn't be more excited. I have 2 new costumes, and I know I will have yet another awesome time in Secaucus!<br><br>(NOT SHOWING UP END) ~<u>June 1, 3:35 PM:</u><br><br>I'm aware that I'm having some coding issues with the main page, I appologize, and I'm working on fixing it. I posted my guestbook again onto a new server (so I had to add all of the old entries again.. >.<), I merged my in-progress and planned costume pages, and uploaded all of the photos I needed to for Caterina, Phoenix, and my new cosplay "Songmage Rikku".<br><br> ~<u>May 23, 2:41 PM:</u><br><br>I finally got my website hit counter back up (exciting I know), and I know that I still need to update the "About Me" page. I am working on 2 new costumes right now, as well as slowly getting some photos of my 2 latest costumes that obviously aren't up yet. So there will be lots and lots of photos posted in the next month or so!</font> </font> <p></p> <p align="left"><font color="#000000"><font size="1">~<u>May 3, 10:47 PM:</u></font></p> <p align="left"><font size="1">Anime Boston was <em>amaaaazing.</em> I have so many new photos that I need to post as soon as I get them all organized. I did wear my new Rikku costume, but I barely had anytime to wear it long enough for a good set of photos. I still need to get photos of that and Princess Venus, so that will be a separate update sometime during the summer.<br><br> I plan on making at least 3 costumes this summer (one being an original design.. FINALLY), so I'm super excited about that! More updates soon! </font> </p> </font></p></font></font></td> </tr> </table></div> </div> <div class="clear spacer"></div> </div> <div id="footer" align="center"> </div></a> <div></div> <div></div> <p align="center"> c 2007 Natalie's Cosplay<br> Template from <a href="freewebsitetemplates.com">Free Website Templates</a><br><br></p> <div></div> </body> </html> One thing I'm noticing is the large amount of (font)(p) tags all over.. Are they necessary? I'm afraid that if I delete a few of them where I don't think they are needed I'll have some more problems. ugh. Hi, can anyone help me with this? My site shows in firefox but when it is viewed using internet explorer, parts are missing and everything is everywhere. I really hope someone can teach me how to correct it. Site is www.agraphix.com.sg Thanks! ps: i know my html is a mess, i'm not really good at it. =/ Robbie. Could you have multiple http-equiv meta elements in one index.htm file, such as: Code: HTML Code: See what I am trying to do here is keep the charset the same, but also have search engines expire the current cache for this site as I have made many changes to my website. It is currently still under construction and I was wondering if this is the best way to "re-cache" the new content. Specifically, the title, description and keywords meta elements. Any assistance with this would be greatly appreciated. Oye, I am trying to complete this teeny photo album I've been working on ... and I just about completed .. when I tested the Site in various browsers (mozilla, Explorer 8, Safari, Google Chrome) ... i noticed one of the frames is not showing in Google Chrome. How odd? here is the site: xxx There are three teeny shaded squares in a frame that is designated a height of 70 pixels and a width of i believe 100% ... it is visible on Mozilla, Explorer, Safari ... any ideas? is my source code screwy? Thanks! Hi, Could anyone explain to me why the Flash file won't show up when played in Safari? It comes in super small and can't be seen... It contains an image and sound and should be in the first top black bar... Any help would be greatly appreciated! http://www.curiousclothing.com/new/index_test.htm Hello, I have a small business with a website (http://www.232john.com). I created the website with Microsoft Publisher 2003. We produced a commercial about 1.5 years ago and would like to put it on the website. The problem is I don't know how, and really, if its at all possible. Also, the file may be too large, about 3 minutes long. I am thinking I would have to resize, or change the format somehow, but since I am quite new to this, I have no idea how to do that either. lol SO, anything anyone could do to help would be greatly appreciated. Thank you very much matthew Hello EveryBody! I Have Some Reports In PDF Format I Am Going To Offer On My Site. My Question Is, How Can I Set It Up To Have The File Instantly Download To The Customer Once Payment Has Been Confirmed? I Do Have A PayPal Payment Button. Do I Have To Somehow Edit That Code? I Greatly Appreciate Any Feedback I Can Get On This. Thanks Alot. hello, all i just start learning how to build my own website. One purpose of my website is: I want to embed a macro enabled excel file (i.e., an excel file like "***.xlsm]") into my website so that visitors can use the excel file to do some calculation. (visitors do not have to download the excel file) Before I spend more time building my website, I want to ask: is it technically doable to embed excel file (especially excel file .xlsm)to my website? Thank you. I have like over 5 thousand mp3's on my web server I want to install a search box on the MP3 home page that can search for mp3's based on your search input The only search engines I can find only search text and html files. Any help would be awesome Thanks ahead of time This mp3 server is for my personal use only. Dan I have like over 5 thousand mp3's on my web server I want to install a search box on the MP3 home page that can search for mp3's based on your search input The only search engines I can find only search text and html files. Any help would be awesome Thanks ahead of time Dan hey guys, I don't know if this is the right place to post. my company has existing websites, and I come to fix the errors.(I don't know the status about those website on Cpanel) After I did some change on File Manager, but the web site stay the same no matter how I do the code ( even delete all codes).... anyone know why that happen? Do I need to refresh or something? Any things I need to check on Cpanel for the settings??? thanks guys!! I'm writing my web site in Notepad++, using XHTML (source: w3schools tutorial) , and also getting into XML. This is my website. What I want to do is like this: 1) Move all the text content of my website to mywebsite.xml, organized in text blocks corresponding to each web page E.g.: I cut the text content from the HMTL of the "my profile" web page and paste it to the XML file as a text block under a suitable heading. By text content I mean all the text that is viewable, like "Autodidact. Freelance English-Spanish translator and style proofreader..." 2) Mark each text block in the XML E.g.: I mark the above mentioned text block with an id, "profile" 3) Place a link in the page's HTML to the corresponding text block in mywebsite.xml, so it calls the text when the page is loaded E.g.: where the original text content of the "my profile" page was, I place a link to the corresponding text block marked "profile", so the text is called and viewable when the page is loaded That way I'd manage text content more easily. For example, the text of my menu entries is the same in all pages. I want that when I need to modify the text of a menu entry (e.g. replacing "graphic design" by "visual art"), I can just do it in the XML file and that's all, instead of making the change in every web page. Also having all of my website's text content stored in a single file makes it easier to locate and modify strings. How can this be done? I have no clue. Thanks in advance. God bless you. Hi guys, I'm currently trying to sort out the background for a website. What I'd like is to have a silhouette of a few people on a gradient background. I'd like to keep the quality high, but it also makes the file size large. If there were no silhouette then I would have a one pixel strip of the gradient set to repeat. Is it possible to add two background pictures, or is there another way I can reduce the file size that I hadn't thought of? I want to play streaming songs on my website. can anybody give me the html code so that I can play the songs randomly automatically.My two URL of asx files are http://www.playlist.com/playlist/17180213515/asx and http://www.playlist.com/playlist/17174690571/asx Each link is a playlist contains more than 200 mp3 songs. I want to play them such that songs in each link as well as links can shuffle automatically.please reply as soon as possible. hi this is reddy i want to update the text box values in my website by using any note pad r some other with out updating the whole code in the server every time to change the value help me I don't know if this even belongs in HTML, but my question is whether or not there is any way I can include text seamlessly within a webpage from a remote location, i.e., a text file... I guess... so that it works like an iframe. Or should I just give it up and use an iframe? The website I'm creating is located he freshsession.net23.net Please take a minute to look through it. I know like half the nav links aren't working; that's because I don't know what I want to do for them yet. I haven't done this in years and I've never been that advanced so I'm really rusty. How should I lay this out? The top is going to be a picture that I'm still working on, so ignore that part (obviously the easiest to ignore). I'm just using divs right now, but what I don't like is having to have the same page for every page. I only want the content to change, but for some reason I'm not feeling iframes. But if that's my only option, I'll sure go with it. For the drawings page, I was going to use a gallery script and have them all right there. I want it to be very minimal and simple. Then for the blog I don't really know what to do, and for the guestbook I don't know what to do. Like I said, I want everything to be really nice and simple and preferably integrated. Any suggestions would be greatly appreciated (regarding the layout set up in general, a gallery script, blog, or guestbook, for example). Thanks a lot! Please throw me your tips and ideas! |
|||||||