|
HTML - Sublist Start In A Wrong Place Horizontally
Here's my CSS-code for an item in a list:
li { margin: 0em 0em 0em 4em; padding: 2px 0px 0px 2px; font-size: 9pt; } Now when I try to make a sublist, the problem is that the items in the sublist start from the same horizontal position than the items in the "main" list. Anyway to fix this? Should a make a new CSS item but with different margins and padding? How is that going to work since there's only one "li" available? How should I name it then? Similar TutorialsCan someone please tell me why my border on my navigation bar onthis site is cutting through the text in IE? I looks fine in firefox. The top border is styled in exactly the same way but displays fine in IE, the bottom does not. Hi Experts, I have attached the code along with the current and desired snap shots of left navigation panel of my website. I want the ticket Status as a sublist item below Alerting with a round Bullet. how do I do that? Code: <ul class="nav-list"> <ul class="submenu"> <li ><a href="index.jsp">Home</a></li> <li ><a href="ExeSum.jsp?page=summary">Executive Summary</a></li> <li class="submenu-current"><a href="l">Alerting</a></li> <li id="alertSubmenu1"><a href="">Ticket Status</a></li> <li ><a href="contact.jsp?page=contact">Contact Us</a></li> </ul> </ul> Problem: When ever i place the image the menu messes up. Please look at the first picture below to see the problem Now look at the second picture below to see how i want it to be source code: <html> <head> </head> <body> <img src="Home.jpg" width="190" height="30"><br/> <img src="Downloads.jpg" width="190" height="30"><br/> <img src="Hacks.jpg" width="190" height="30"><br/> <img src="Media.jpg" width="190" height="30"></br> <img src="Information.jpg" width="190" height="30"> <img src="Linux-logo.jpg" width="200" height="200"> <br/> <img src="Disclamier.jpg" width="190" height="30"><br/> <img src="Links.jpg" width="190" height="30"> <br/> </body> </html> Ok folks, new dilemma .... I finally got the Flickr code set up inside one of my content boxes, but now the group of images is uneven and for the life of me I can't get them to align in the center of the box. Here is the code (and you can view it on my blog).... <style type="text/css"> /* ------ FLICKR ------ */ .container_flickr { width:225px; height:46px; background-image:url(http://dougcloud.net/show/headflickr.png); } .container_flickr { overflow:hidden; } .sidebar_flickr { width:203px; height:125px; background:#FEF6D2; font-family:Arial, Helvetica, sans-serif; border-width: 0px 1px 1px 1px; border-spacing: 0px; border-style: none solid solid solid; border-color: #4F3314; padding:10px; margin:0 0 20px 0; font-family: 'Trebuchet MS', sans-serif;color: #4F3314; font-size:11px; } div.flickrimg { width: 200px; padding: 3px 3px; } div.flickrimg a { float: left; padding: 0 0 5px 0; margin: 0 5px 0 0; border: none; } div.flickrimg a:hover { border: none; opacity: 1; } div.flickrimg a img { border: 1px solid #4F3314; height: 40px; width: 40px; } div.flickrimg a:hover img { border: 1px solid #ba742a; } #flickrmeta img { padding: 0px 5px 0px 2px; margin: 0; float: none; } </style> <div class="container_flickr"></div> <div class="sidebar_flickr"> <div class="flickrimg"> <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=8&display=random&size=s&layout=x&source=user&user=263327 75@N00"></script> </div> <div><span id="flickrmeta"><a href="http://api.flickr.com/services/feeds/photos_public.gne?id=26332775@N00&lang=en-us&format=rss_200" title="My Flickr RSS Feed"><img src="http://dougcloud.net/show/feed-icon-16x16.png" border="0"></a><a href="http://www.flickr.com/photos/26332775@N00/" title="My Flickr Photostream"><img src="http://dougcloud.net/show/morebuttonbrwn.png" border="0"></a></span></div> </div> Any help would be appreciated. Thanks how do i center the body of this page: www.discoveryfilmsuk.com/ i want to align to the middle of the page, vertically and horizontally I need to post images vertically spaced evenly apart. How do I make the images do that? http://i409.photobucket.com/albums/pp174/Keevu/egg.jpg this is whats wrong theres a bunch of wasted space. Below is my code: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>One Nice Day</title> </head> <body> <div style="margin:5% 15% 0 15%;border:1px solid black;"> <img style="border:1px solid green" src="http://www.oneniceday.com/Artwork/Notice.gif" alt="[One Nice Day] now contains nudity : photographs and drawings of nude men and women, of which I will be posting on this site solely for the purpose of learning figurative art, in which I am using them as learning references / aids. If you are offended by such images, please click the Back button on your browser." /> </div><br /><br /> <div style="margin:1% 15% 0 15%;font:14pt 'Trebuchet MS',Arial,sans-serif;text-align:center;"> <a href="http://www.oneniceday.com/wordpress/" style="font-weight:bold;">ENTER</a> </div> </body> </html> When I view my web page, the <div> doesn't shrink to fit the size of the image, and there's a huge gap next to the image. U can see the result at www.oneniceday.com How do I center my image horizontally on the page? Thanks! I have no idea why, but the pictures in the table at https://www.wagnermeters.com/california1.php are aligned vertically instead of horizontally as it seems they should be. Am I going crazy? What can I do about it? Hey, well i know alot of people put myspace questions here, and not to be another one of those myspaces i have a question... my myspace url is myspace.com/cherylishot haha dont ask. But on the bottom table i cannot get my links to align left to right, not vertical and in that scroll box. Any help would be appreciated thanks alot! Hi, my names Tyler, and i have recently been given the task of building a website for my family's new business (screen printing). Now i know next to nothing about HTML and CSS and all the things that go along with making a website so i googled html forums and this is where i landed. I am using Dreamweaver 5.5 but due to my lack of knowledge i am not using it to its full potential, and the web dev classes at college are full for the coming semester. SO i assuming i can start posting my questions under the HTML and CSS subforums right away? Thanks also this is my progress so far www.whatashirt.com (keep in mind ive got no clue what im doing) i guess you guys can view the HTML source code from your browser but idk about the CSS so if i need to post that info in my questions later on let me know Edit: when i click "thread tools" above my post it takes me back to the homepage. why is this? it would be nice if i could learn divs i am sick of everything being out of place! it doesn't let me expand my abilities of using all the cool features i want .. i cant do anything right these days! can someone please make my online users counter appear in the site information box anywhere instead of in the iframe somewhere on a 1024x768 resolution? www.anastaciadreams.com Hi, please tell me what should I start learning to create an interactive website like facebook.com and photobucket.com . I have good knowledge in HTML and CSS but I want a website where people could register, have profiles, upload pictures, post comments to others etc. Just don't know how to start and what to read Please help Thank you Hi, I'm not too sure if this is the right section for this, so forgive me if it's not... I am about to embark on designing a new site, I have some experience of HTML and general design, but not too much beyond that. The site I am aiming to develop is to be a lot more dynamic than anything I have done in the past. I am not too sure on the best methods for acheiving what I want, so I will list the desired features. It would be really helpful if someone could tell me which languages I need to look at. I am prepared to learn for this (already started looking into very basic xml and php), but the main goal is an easy to use, well presented site in a relatively short time. The features I require are as follows: 1. A news/post section for only selected members to log in and add content (including the odd graphic). It would be useful if each post could exist as an independent 'module' and, for instance, appear on its own embedded on another site. 2. A music player (probably flash, this on itself is not an issue) that can also be embedded in another site. 3. A user forum (I have a MySQL database, but have no real experience of using it) - possibly using PHPBB?. 4. A number of linear comments sections that can exist below posts and other items (that does not necessarily require login, but can include a name and comment). 5. A site design which remains the same page for page but where the content can be entirely different (so the title and links etc. remain the same). Once again, I am not looking for detailed instructions on how to acheive this, just what I need to start looking at and any tips or problems I am likely to run into. I would be extremely grateful if someone would take the time to indulge me. Thanks in advance! hi!!!! everybody i inserted an image but it placed on center so i want to place that image on top if anyone know please give me suggestions for this thank u. On this page: http://obama-net.org/bluelayout/index.html my absolute positioning is just not working. I've tried virtually everything to see what the problem could be, but I don't seem to find it? On my computer, the website looks fine when the window is maximized, but when it's minimized, the divs go all over the place. However, in other computers the divs are just never in place. Is there something wrong with my coding? I used dreamweaver. Thank you so much for your time! Hi guys, Im hoping someone can help me with me problem. I have a button on my website and its just sitting there in the middle of the site like a red thumb! How can I position it to the left in a nice orderly fashion underneath a div of external links? OK-I am making a Halloween Page and I would like it so that everytime someone CLICKS anywhere on the page (no matter where) it makes a Sound. I googled and all i keep finding is they have to click a small spot or mouse over a small spot in order to make it do this. can you place text anywhere on the screen, cuz what i wanted to do was load a image and have the users ip come up on the image in the right spot, any idea how to use x, y cords with html? Such is called 'x bar' in mathematics. everything else on my page is in the right place... all except my online users code... if i make it look in place with my 1280x1024 screen resulution, 1024x768 resolutions make it look too far up the page... what can i do to make sure it is in place whatever the resuluion? please help www.anastaciadreams.com right now its too low for me.. because im trying to make it fit with the 1024x768 users but i want it to be next to online guests, not on top of the other stuff or whatever thanks a lot if you help |
|||||||