HTML - Easy Html/css But Hard For Me >_<
Can you please help me with this problem. The HTML you are already given (has 2 unordered lists and both of them are in seperate divs) and I have to style them up with CSS with what the assignment wants. So far what I have is this:
ul#menu { float: left; width: 6em; list-style-type: none; margin: 0; padding: 0; background-color: #aac; border-right: thick solid #44a; border-left: thick solid #ccf; } div#main { margin-left: 7em; } Now the thing is, it's looking alright so far, but there are some problems and things I don't know how to fix. Firstly with the border right and border left things and background color on my unordered list, the left and right borders aren't big enough and the middle part is too big. I want to change this but keep my list items (the middle and 2 borders) the same overall length as I have them now, just to switch proportions. Also, in the example of the finished product, the list items have a small white space between eachother as to seperate them.. kind of like they are in their own seperate rectangular boxes with borders each on top of eachother, how can I do this? Thanks for your time! Hope you can help! Similar TutorialsI would like to build this type of widget but without the trulia logos and taking them to the trulia site, i would like to be able to use my idx system to search properties http://www.trulia.com/tools/searchbox/#code_block I know a lot of the normies here are probably getting tired of my posts. If so, let me know. This just seems to be the one stop place for most of the questions I have that dal with web page design. Anyways, if anyone read past the first paragraph, I have yet another question. Is the transition from HTML to CSS hard? The HTML book I am studying (which I just NOW found out is from 2003... ) teaches me a lot that I didn't know before and has really got me going with HTML more than any other book. It's teaching me HTML 4 and I realize there is now an HTML 5. The author even mentions that some of the tags it uses are deprecated (the book will later go on into CSS to replace those tags). Is it confusing to switch out tags like that when moving to CSS? I'm the kind of person who likes to stay up-to-date with stuff and HTML & CSS I want to be up to par on for sure. Am I going to have to learn HTML 4, then HTML5, then CSS since I'm pretty much just starting out? Sorry for all the questions. Just really curious and need to know ahead of time. Not that I would quit learning if it was a long process, it's just how I am . Any responses would be appreciated! HI, Can anybody recommend a gadget for Previewing / Thumbnailing HTML templates on my hard drive. I have lots of index.html pages in different folders and I'm looking for a way to flick through them, rather than having to go in and open the files individually. All I want is to have my image placed in the center of my web page... Every code I try doesn't work. The image is either at the top of the page or it doesn't stay in the center at different resolutions. Can someone help me? I'd like someone to make an outline for my page. I've made a rough sketch: The left menu and the title place are meant to be "connected" and they should both be 44FFFFF. The body place is just meant to be white. Hello I am new to HTMLforum and joined because I am having trouble viewing a page correctly in IE...just like most cases, it views perfectly fine in Firefox, Safari, etc. The problem I am having is in the backround image section. You see, I have a background pattern/img on the whole page itself (ex. the wood pattern). But in the TABLE section where all my content will be, i ALSO have another background img/pattern (ex. wrinkled paper) The problem I am having is, in Firefox(etc) the page views perfectly fine. But in IE (7) the page only views the wood pattern and not the wrinkled paper pattern inside my table. here is a temporary link to the site http://www.realtourproductions.com/newtrail/index.html I would greatly appreciate any help. could you guys help me answer these questions ... i am just a begginer and dont know a lot of answers...cheers guys and thanks for advance just give your best shot at these questions thank you in advanced 1. Someone wants to load some interview videos on the webpage for the customers to view and download What should he include when linking to them a) type of video b) size of video c)tips for viewing d) all of the above 2. f that is a direct child of an element e a) e-f b) e < f c) e + f d) e>f 3. to accent the division between snowboard types ..use which of the following a) whitespace b)horizontal line c) two sided align d)style 4. to position an element at a specific spot while the rest of the page scrools you use _________ positioning a)relative b) fixed c)static d) absolute 5. what happens when the co-ords of your <ara> tag in an image overlap a) the last tag is used b)the tag used is selected arbitrarily c)the first tag is used d)overlaping tags are ignored 6.by convention if the path and file name are left off the url the browser searches for the file named "index.htm" or "index.html" in the root folder of the web server this file is often the __________page for the Web site a)catalog b)home c)main d)link 7. which style can be used to define a rectangular region througgh which the elements content can be viewed a)region b) clip c)overflow d) rect 8. _______ browsers were incapable of displaying images. a) markup b)text-based c) pda d) graphical First I like to thank you for reading this. Iam a complete rookie here. First post. I sure hope that I posted this in the correct forum. I have no clue on HTML codes. I have copied and pasted these codes in. I did do one item myself and that was inserted a table format. My problems is I have one little (">") showing up and I have no idea how to fixed it. The following code: HTML Code: <HTML> <HEAD> <TITLE>SCHEDULE OF EVENTS</TITLE> </HEAD> <BODY> <TABLE BORDER=10> <CAPTION>UPCOMMING EVENTS</CAPTION> <TR> <TH><H1>><div><embed src="http://widget-37.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=3170534137675390263&site=widget-37.slide.com" style="width:426px;height:320px" name="flashticker" align="middle"/><div style="width:426px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=1" target="_blank"><img src="http://widget-37.slide.com/p1/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=2" target="_blank"><img src="http://widget-37.slide.com/p2/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=F" target="_blank"><img src="http://widget-37.slide.com/p4/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide42.gif" border="0" ismap="ismap" /></a></div></div </LEFT></H1> </TH> <TH><div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;"> <object type="application/x-shockwave-flash" width="435" height="170" data="http://www.profileplaylist.net/mc/mp3player_new.swf?config=http%3A%2F%2Fwww.profileplaylist.net%2Fext%2Fpc%2Fconfig_black_noautostart.xml&mywidth=435&myheight=270&playlist_url=http%3A%2F%2Fwww.profileplaylist.net%2Floadplaylist.php%3Fplaylist%3D58484656%26t%3D1233933569"> <param name="bgcolor" value="#e8e8e8"/> <param name="movie" value="http://www.profileplaylist.net/mc/mp3player_new.swf?config=http%3A%2F%2Fwww.profileplaylist.net%2Fext%2Fpc%2Fconfig_black_noautostart.xml&mywidth=435&myheight=270&playlist_url=http%3A%2F%2Fwww.profileplaylist.net%2Floadplaylist.php%3Fplaylist%3D58484656%26t%3D1233933569"/> </object> <br/> <a href="http://www.profileplaylist.net"><img src="http://www.profileplaylist.net/mc/images/create_black.jpg" border="0" alt="Get a playlist!"/></a> <a href="http://www.mysocialgroup.com/standalone/58484656" target="_blank"><img src="http://www.profileplaylist.net/mc/images/launch_black.jpg" border="0" alt="Standalone player"/></a> <a href="http://www.mysocialgroup.com/download/58484656"><img src="http://www.profileplaylist.net/mc/images/get_black.jpg" border="0" alt="Get Ringtones!"/></a> </div> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="416" height="312" id="mbox_player_309edbb41214e3c3be"><param name="movie" value="http://www.motionbox.com/external/hd_player/type=sd,video_uid=309edbb41214e3c3be" /><param name="allowScriptAccess" value="always" /><param name="allowFullscreen" value="true" /><embed src="http://www.motionbox.com/external/hd_player/type=sd,video_uid=309edbb41214e3c3be" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" width="416" height="312" allowFullscreen="true" allowScriptAccess="always" name="mbox_player_309edbb41214e3c3be"></embed></object> <div><embed src="http://widget-75.slide.com/widgets/slidemap.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=3170534137675403893&site=widget-75.slide.com" style="width:450px;height:425px" name="flashticker" align="middle"/><div style="width:450px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=5" target="_blank"><img src="http://widget-75.slide.com/c1/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide11.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=6" target="_blank"><img src="http://widget-75.slide.com/c2/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide6.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=H" target="_blank"><img src="http://widget-75.slide.com/c4/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide42.gif" border="0"</TH> </TR> <TR> </BODY> </HTML> I want to learn HTML.I want to know the best site for HTML.can u help me. Hello All member, How to create easy HTML sitemap ??? Please share your suggestion here ........ Hi guys, just a quick question about positioning objects in HTML. Sorry if the is a noobish question, im new to html and dreamweaver. Basically, for a school assignments we nhave to create a webpage. There is one aspect though that i cant figure out. What is the best way to position pictures, divs etc in HTML? If I use absolute positioning with pixels, it changes where it is on different screen sizes (obviously). The best way i have found so far is by using percentages (eg top 40%) but this is slow and hard. Any better way? Too long didnt read- how to position things so it looks the same on any resolution Thanks in advance I just need to write an html page (or asp) or whatever, that takes a varialble from a form and opens/makes an http call to another page using the variable the user input. For example, the user enters there name (Bob)on a page and hit submit. I need Bob at the end of the call. I then need the following opened/called or whatever. http://www.somesite.com/script/Bob I am very new to programming and just need this for a quick work project. Hey, thanks ahead of time for any amazing answers, Anyway, i am hosting my website on Tumblr, which is a blogging thing @ quickcache.org And you can customize your theme in HTML. I want to add a 150 by 150 or less picture to the left of the blog title. You can view to code here and view the sample website here If you could give me a updated copy with fill in the blank code that would be epic! I assume it should be easy for anyone with any knowledge of HTML. And yes i know i need a image host. Also if you add to the code, could you give me a recommended picture size to fit it to the left of the title? Thanks so much! i want to make my text go from left to right inside my html box. for some reason its only going in the center of the page. ive tried editing the code but to no avail. please help me! heres the address, thanks dale. http://stores.ebay.co.uk/My-Memory-U...WITH-HTML.html and here's the code............... <div align="center"><table border="0" cellpadding="0" cellspacing="0" width="819"> <tbody><tr><td><img src="http://www.use.com/images/templates/bynum/6411/pintop.jpg" width="819"></td></tr> <tr><td align="center" background="http://www.use.com/images/templates/bynum/6411/topbar.jpg" height="80" valign="middle"><font color="#000000" face="arial, helvetica, verdana, sans serif" size="4"><b></b></font></td></tr> <tr><td background="http://www.use.com/images/templates/bynum/6411/midbar.jpg"><div align="center"> <table align="top" border="0" cellspacing="0" width="720"><tbody><tr><td style="background-repeat: no-repeat" width="720"><div align="center"><table style="width: 1px; height: 52px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr> <td><br></td></tr><tr><td> <b>NOTE :</b> why is the text centered i want it from green to green inside the box?.<p> <br><strong><br></strong><strong></strong><br></p></td></tr></tbody></table> <img src="http://www.use.com/images/tran60h.gif" height="60" width="1"></div></td></tr></tbody></table></div></td></tr> <tr><td><img src="http://www.use.com/images/templates/bynum/6411/botbar.jpg" width="819"></td></tr> <tr><td><img src="http://www.use.com/images/templates/bynum/6411/footer.jpg" width="819"></td></tr> </tbody></table> </div> Hey, I would really appreciate it if someone can help me with this. I have an ebay store and I want to use HTML to link my items to my store. "Click Here to View my Store" Can someone help me out with this. I dont want to put the link to my store cause that might be against the rules or something so in the store part of the HTML just put something like (storelinkhere) Thanks everyone I know its a really dumb question but im just not getting this HTML stuff. I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! Its sort of a personal issue but i'll explain it as best i can... I'm not a nice person, I'm the type of person who wont back off and cant stand being told what i am. I feel like such a ......, If someone does something against me, they are going to regret it... i want to know how i can deal with things in a better way, and how i can stop being a total A$$hole. I need to get over the lone wolf crap as well, i automatically reject new places and people that i have to adapt to...I've already made myself out to be the biggest f@g in school...I don't totally disagree with myself here though, because most of the fools just follow each other around like sheep and i don't want to be like that. I don't want to hear anything about Councillors or Psychiatrists because i want to turn the other cheek on my own...I just need a little pointer to get started. ========== Hello! I just want some help to figure out how to get a picture to appear next to another picture, by changing the html code. Can someone help me? Guess it goes really fast for someone who knows these things. A quick response is highly appreciated! Thanks! / Hedvig Here's the code: <!-- Facebook Badge START --><a href="http://www.facebook.com/hedvig.lindahl" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Hedvig Lindahl">Hedvig Lindahl</a><br /><a href="http://www.facebook.com/hedvig.lindahl" target="_TOP" title="Hedvig Lindahl"><img src="http://badge.facebook.com/badge/86010192783.4320.1327210997.png" width="120" height="180" style="border: 0px;" /></a><a href="http://www.facebook.com/keepitandplayit" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Keep It and Play It">Keep It and Play It</a><br /><a href="http://www.facebook.com/keepitandplayit" target="_TOP" title="Keep It and Play It"><img src="http://badge.facebook.com/badge/164904078384.4257.46510960.png" width="120" height="155" style="border: 0px;" /></a><br /><!-- Facebook Badge END --> Hi there, I have just made a program that i need a register form on, so the hard part is.. When people download the program there are a Read me.txt file with the program, in that read me file i want to put a code, and that code i want to use for my security code in the register form. Like: If the Read me.txt Code is: 44456 then i need to make a textbox then i want them to write that code online on the register form. and if the Read me.txt code is wrong when they try to register, then they need to try again. Can anyone help me?? i need the script... PLEASE HELP ME! Here is an example: I'm looking for a way to have a link to a hard drive - that works both with a Windows machine (not running Resin), and a Unix (Macintosh) machine. Obviously I can't hard code file:///C:/htmldocs/home_page.html and have it work on a system without a C: drive. |