Jump to content

Search the Community

Showing results for tags 'ul'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 17 results

  1. Here's my code: <nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar" id="myNavbar"> <a href="file:///home/chronos/u-1a42361665a19f7075d43134a693f5846d3835e8/MyFiles/home.htm">Home</a> <a
  2. I am not a fan of Internet Explorer but trying to get my html and css working well with it. #nav { font-family:"Arial Black", Gadget, sans-serif; text-align:left; display:inline-block; width:0px auto; /*width:100%; text-align:right;*/ margin:0px auto; padding:0; background:#5C5B5E; /* background color */ border-radius:10px; /*some css3*/ -moz-border-radius:10px; -webkit-border-radius:10px; /*box-shadow:0 2px 2px rgba(0,0,0, .5); -moz-box-shadow:0 2px 2px rgba(0,0,0, .5); -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);*/ } #nav li { margin:
  3. I placed a few orderd lists inside another orderd list to have a nested structure. On my screen, i have what i was going for and it works perfectly and works user friendly. However, HTML validator says I have a few errors (only on my nested list). I have cut down the code to sayd code. So how should i solve this problem? Is this an error inside the validator itself? Since it seems to be working perfectly. Kind regards =D Code:
  4. Hello W3Schools! Its been a while I am trying to help a friend setting up he's webshop. It is already online but trying to make it look more nice according to webdesign template - this is hes website shop (www.thai-online.dk) i have already changed A LOT on this design, now i mostly need the menu... as you see the menu navigation has a lot of categories, and he told me that he wanted to add a lot more in the future if this shop could run online, so i am trying to figure out a solution for this. I already like the design myself, except the menu, so i have come to a solution th
  5. Hey guys/gals, I am a bit of a coding dinosaur, and recently got back into html coding, and have slowly been developing my comedy groups website. I've been slowly working with "css", and the list functionality On my event page, I want to display rows of 3 events each, that will have a rounded rectangle background, and the information about each event (with a picture) enclosed within the rectangle. You can find what I am working on at www.standupseoul.com/test1.html My problem is that I need to: 1. Align the 3 events to the middle of the page, not to the right. 2.
  6. Hi, I'm making a menu script with several options. With ul and li. The script works but I cant find a way to have a start up page or so selected. What happens now is that the last chosen page is showing in the browser unless < a href "somepage"> is used and targeted in the obtained name attribute. <ul class="slideuptabs"> <li><a href="http://localhost/MyLocation/home.php" target="lcell"><span>Home</span></a></li> <li><a href="http://localhost/MyLocation/home2.php" target="lcell"><span>Home2</span><
  7. I have prepared Horizontal menu for my website, I have utilised css3 to prepare my menu. Following are the code <body> <ul> <li> <a href="http://www.spinfonet.com/jobs.html">Jobs</a> </li> <li> <a href="http://www.spinfonet.com/matrimony.html">Matrimony</a> </li> <li> <a href="http://mydomain.com/property.html">Property</a> </li> </ul><img alt="Splogo" src="Splogo.jpg"> <ul> <li> <a href="http://mydomain.com/aboutus.html">Aboutus</a> </li>
  8. The thing just stop working and i can't log into my database through my browsers by clicking the http://localhost/phpmyadmin/,Infact i can no longer execute my php files on my browsers as well because it will just output unable to connect
  9. Am designing a simple php forum platform with mysql database. But on redirecting from a page called main_forum.php to a page called view_topic.php, am stuck with this error message------> You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'WHERE id='4'' at line 1 What should i do, please am dieing //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  10. Am designing a simple php forum platform with mysql database. But on redirecting from a page called main_forum.php to a page called view_topic.php, am stuck with this error message------> You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'WHERE id='4'' at line 1 What should i do, please am dieing //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  11. I'm using the CSS below to turn a list of links into columns for the footer: [font='Helvetica Neue', Arial, Verdana, sans-serif]#footernav {[/font]width: 90%;padding: 20 20 20 20;}.footernavee ul {list-style-type: none;float: right;margin: 10px 0 0 0;padding: 0 10px 0 0;width:240px;}.footernavee {color: #999;text-align: right;text-transform: uppercase;}.footernavee a {color: #999;text-transform: uppercase;text-decoration: none;font-size: .7em;} It's working but the columns appear oddly staggered. How can I align the columns vertically to the top of the div they are in? Thanks in advance!
  12. Hi, I am having a lot of trouble trying to center the navigation on my site.Basically the tabs need to sit in the center of the div (960px) with a 2px gap between each tab.Can anyone see what I'm doing wrong? THANKYOU!! .row { margin: 0 auto; width: 960px;} #top-menu{ font-family: "LeagueGothicRegular",sans-serif; text-align: center; margin-top:240px; } #top-menu li{ display: block; float: left; line-height: 1; margin: 0 17px; text-align: center; } #top-menu a{ font-family: 'LeagueGothicRegular', sans-serif; background-color: #fff; border-top-left-radius
  13. Hey, I've added a screenshot to make it easier to for you guys to help me. I'm not sure why this is happening because I haven't changed a thing and it was al perfectly fine before. My web developer program shows my <ul>'s -webkit-padding-start: 40px;. So I've tried to change it to 0 pixels in my CSS file but nothing won't change.Does someone have an idea how I can make the space around the <ul> go away. Thanks in advance! Greets,Porkypie
  14. I have created a css sprite based navigation. The navigation looks fine if I order the navigation items in the same order as they are in the .gif file and the CSS definitions, but if I rearrange them, something strange is happening to the image, and I'm not sure what. Here are three examples: 1. All the LI items in the same order as the .gif and CSS definition. http://www.reneebull...navigation.html (Note the top link "One" is a different color becuase it is stled as "current") Everthing is fine here.2. LI items two and three are rearranged, notice how the image for two and three are distort
  15. I am trying to make a horizontal menu bar for a website. I am doing it the way they show on W3 with a <ul> list and css formatting. Every attempt looks horrible in IE 8.0. The usual bullets are still present and it is still vertical instead of floating horizontal.Can anyone take a look at this and tell me how to make this type of menu show up properly in the common versions of IE? Here is the site: http://cwarchitect.d....com/index.html
  16. Hello,I'm having an unusual problem with CSS. Here is a picture of a problem. I pointed the "arrows" to these unneeded spaces,there should be just an border together,not having a space. Here is a code: .h-wrapper ul { width: 97%; height: 60px; position: relative; float: left; left:18px; background-color: rgba(50,50,50,0.98); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; box-shadow: 0 0 10px rgba(201,150,48,0.75); -moz-box-shadow: 0 0 10px rgba(201,150,48,0.75); -webkit-box-shadow: 0 0 10px rgba(
  17. Hi forum, I've been struggling with an annoying bug in IE7. You can see in the pictures how the nav it's correctly displayed in any friendly browser and in that spooky thing called IE7. I've put a red border around the <li> elements so you can see what's the problem in IE7, hope you can find me to find the solution to it. Chrome IE7As you can see the <li> elements are being extended to the right and overlapping the <span> element in the right. Here's my HTML and CSS for reference HTML <div class="category-image"><img src="images/PipelineImage.jpg" alt="main-pic-deve
  • Create New...