Webmaster Forum

Go Back   Webmaster Forum > Web Development > Web Design Lobby

Web Design Lobby Forum for general web design issues not specific to scripting or graphics.


Closed Thread
 
Thread Tools Display Modes
Share |
  #1  
Old 07-20-2009, 03:10 PM
webmaster2b webmaster2b is offline
Junior Member
 
Join Date: 07-20-09
Posts: 16
iTrader: 0 / 0%
How to make drop down menu in Dreamweaver

Hello Folks,

I am spanking brand new here and a noob at web design itself. I've viewed Total Training and Lynda.com's tutorials on web design with Dreamweaver and tried building my first site with DW CS4.

In the tutorials for both DW CS3 and CS4, they didn't show how one would go about making a drop down menu. Lynda.com DW CS3 essential with Garick Chow came close, but he only showed how to link the button to an image that describes the button. That linked image looks like a good start, but how would one go about putting live links in that image?

I came across this one site that has a cool drop down menu of its main nav, which I would love to learn how to but have no idea how to start. The site is: http://shrdo.com/

Would someone here please help me out?


Thank you in advance,
wmstr2b
 

Advertisement

Advertisement

  #2  
Old 07-20-2009, 08:09 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
The best menus are plain text and manipulated with CSS.

You can do a CSS dropdown menu. CSSPlay is a good place to find menus.

Note about CSSPlay:
1. His menus require a donation if you are going to use them on a commercial site.
2. Last time a client picked a menu from there he hadn't updated the menu(s) to work in IE8. He had put a conditional comment in the head section to get them to work in IE8. So just double check how he has done things on the menu you select.

The problems with using menus created with your WYSWYG editor are:
-software takes time to create and update. Your version may not work with the latest browsers.
-some WYSWYG created menus use proprietory coding (GoLive was an example) specific to their editor or to a specific browser (usually IE in the past).
 
  #3  
Old 07-21-2009, 03:03 PM
webmaster2b webmaster2b is offline
Junior Member
 
Join Date: 07-20-09
Posts: 16
iTrader: 0 / 0%
htmlbasictutor,

Thank you very much for your thoughts and the link.

As far as WYSWYG editor not compatible with browser, would the latest WYSWYG version of the software guarantee compatibility?

I am looking at the CSSPlay, found a few drop down menu, but didn't see any link for download. I assume that these are downloadable, correct?

Additionally, the drop down menu found at shro.com has a long horizontal menu list vs the vertical menu list found at CSSPlay. Is there anyway we can find out whether the shro.com's drop down menu is a plain text menu styled by CSS or with the help of additional software?

Also, what good site(s) is/are there for learning to make drop down menus?

Thanks again,
wmstr2b
 
  #4  
Old 07-21-2009, 03:30 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
Quote:
Originally Posted by webmaster2b View Post
As far as WYSWYG editor not compatible with browser, would the latest WYSWYG version of the software guarantee compatibility?
No. As stated above software takes time to build and revise (years sometimes) so getting the latest version of any software does not guarantee it is up to the latest standards and/or is compatible with all browsers.

Quote:

I am looking at the CSSPlay, found a few drop down menu, but didn't see any link for download. I assume that these are downloadable, correct?
You view the page's source code and copy the applicable coding into Notepad (or any HTML editor) as the original. Then you copy and paste into your project and edit as needed. Don't forget his donation rule!

Quote:
Additionally, the drop down menu found at shro.com has a long horizontal menu list vs the vertical menu list found at CSSPlay. Is there anyway we can find out whether the shro.com's drop down menu is a plain text menu styled by CSS or with the help of additional software?
CSSPlay has vertical and horizontal menus available.

Where on shro do they use a drop down menu? Their home page appears to use text links that when clicked, you go to signup.

Quote:
Also, what good site(s) is/are there for learning to make drop down menus?
Practicing with the ones at CSSPlay is a good way to learn.

A lot of drop down menus (a.ka. dynamic menus) use scripts to apply the actions which creates a problem if the user has scripting turned off. Some menus are totally script driven which search engines can't see. Although Google is making progress on reading JS, the others haven't.
 
  #5  
Old 07-21-2009, 05:49 PM
webmaster2b webmaster2b is offline
Junior Member
 
Join Date: 07-20-09
Posts: 16
iTrader: 0 / 0%
Appreciate that. Now I understand about WYSWYG editor's challenge.

Quote:
Originally Posted by htmlbasictutor View Post
Where on shro do they use a drop down menu? Their home page appears to use text links that when clicked, you go to signup.
Here's the site's address again: shrdo.com

Sorry, if given you wrong url. SHRDO main nav has that dropline menu type with a dark background color, which is really nice. Please take a look at it and see if we can find out whether the shrdo.com's main nav's menu is a plain text menu styled by CSS or with the help of additional software?

As for the donation at CSSPlay, thanks for reminding. It should be well worth it if his are anywhere close to that of shrdo.com's.

Last edited by HTMLBasicTutor; 07-21-2009 at 07:21 PM.
 
  #6  
Old 07-21-2009, 07:26 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
CSSPlay has some like that. Look under the Multi-Level - Dropline section on his home page.

You can take any of Stu's menus and customize it to what you want.
 
  #7  
Old 07-21-2009, 11:16 PM
webmaster2b webmaster2b is offline
Junior Member
 
Join Date: 07-20-09
Posts: 16
iTrader: 0 / 0%
Quote:
Originally Posted by htmlbasictutor View Post
Practicing with the ones at CSSPlay is a good way to learn.
Wow, some of these can be complicated. For example, I tried dropline "centered" and "Center v2) from http://www.cssmenus.co.uk/ and got the top of the menus 1/4 down in my content area, not in the head div. For some thing like this, is it the CSS layout not properly styled or some thing else? I merely copied everything from both the css sheet and html sheet, then pasted them in their respective areas. What should I be looking for in these instances?

Quote:
Originally Posted by htmlbasictutor View Post
A lot of drop down menus (a.ka. dynamic menus) use scripts to apply the actions which creates a problem if the user has scripting turned off. Some menus are totally script driven which search engines can't see. Although Google is making progress on reading JS, the others haven't.
Would Stu's drlopline menus be using scripts as well? or are they pure CSS styled?

Thanks again for your prompt support.
 
  #8  
Old 07-21-2009, 11:26 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
The styles for his menus are usually in the head section of the page you are looking at, not in his stylesheet.

CSSPlay menus are CSS driven. Although he does have a separate section for JavaScript driven things.
 
  #9  
Old 07-22-2009, 10:49 AM
webmaster2b webmaster2b is offline
Junior Member
 
Join Date: 07-20-09
Posts: 16
iTrader: 0 / 0%
Quote:
Originally Posted by htmlbasictutor View Post
The styles for his menus are usually in the head section of the page you are looking at, not in his stylesheet.
In general, does it make any different where the styles are located/placed?

It is nice know that Stu's menus are CSS driven.

I just went through htmldog.com's tutorial on CSS and found little info on the selectors used in Stu's styling of his menu. I know you said to play with CSSPlay's menus to learn how to make great and pro menus, but with limited CSS knowledge, it is difficult to make adjustments where needed. For example, the out of place of the menus in the situations I mentioned in my previous post.

Where else is/are good CSS tutorials, esp intermediate and advance levels?
 
  #10  
Old 07-22-2009, 10:56 AM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
Quote:
Originally Posted by webmaster2b View Post
In general, does it make any different where the styles are located/placed?
No.

There is a hierarchy of how the styles are applied though.

It's better to put them in an external stylesheet so they are applied site wide.

Quote:
Originally Posted by webmaster2b View Post
Where else is/are good CSS tutorials, esp intermediate and advance levels
w3schools CSS Tutorials
 
  #11  
Old 07-22-2009, 12:51 PM
webmaster2b webmaster2b is offline
Junior Member
 
Join Date: 07-20-09
Posts: 16
iTrader: 0 / 0%
Thank you very much, htmlbasctutor,

Will be doing some reading and try again. Most likely will be back with more questions.

Best regards,
 
  #12  
Old 07-22-2009, 01:44 PM
webmaster2b webmaster2b is offline
Junior Member
 
Join Date: 07-20-09
Posts: 16
iTrader: 0 / 0%
Please take a look at what I've been trying to configure the main nav and having problem with its vertical alignment. I was able to bring the nav up a bit, but so far nothing else.

Here's the HTML:
Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="main.css" rel="stylesheet" type="text/css" /><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.thrColElsHdr #sidebar1, .thrColElsHdr #sidebar2 { padding-top: 30px; }
.thrColElsHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

</style>
<![endif]-->
</head>

<body class="thrColElsHdr">

<div id="container">
<div id="header">
<h1>Header</h1>

<!--Main Nav begins here-->

<ul id="dropline">
<li><a href="index.html"><b>Home</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="blank">
<li></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->

</li>
<li><a href="single.html"><b>Single Level</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="blank">
<li></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="dropdown.html"><b>Dropdown</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#url">Dropdown One</a></li>
<li><a href="#url">Dropdown Two</a></li>
<li><a href="#url">Dropdown Three</a></li>
<li><a href="#url">Dropdown Four</a></li>
<li><a class="last" href="#url">Dropdown Five</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="current"><a href="dropline.html"><b>Dropline</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="#url">Dropline One</li>
<li class="current_sub"><a href="#url">Dropline Two</a></li>
<li><a href="#url">Dropline Three</a></li>
<li><a class="last" href="#url">Dropline Four</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="flyout.html"><b>Flyout</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="right">
<li><a href="#url">Flyout One</a></li>
<li><a href="#url">Flyout Two</a></li>
<li><a href="#url">Flyout Three</a></li>
<li><a href="#url">Flyout Four</a></li>
<li><a class="last" href="#url">Flyout Five</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="support.html"><b>Support</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="blank">
<li></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="contact.html"><b>Contact</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="blank">
<li></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>

<!-- Main Nav ends here -->

<!-- end #header --></div>
<div id="sidebar1">
<h3>sidebar1 Content</h3>
<p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if the #mainContent div will always contain more content than the #sidebar1 div. </p>
<p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. </p>
<!-- end #sidebar1 --></div>
<div id="sidebar2">
<h3>sidebar2 Content</h3>
<p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the right side of the #mainContent div if the #mainContent div will always contain more content than the #sidebar2 div. </p>
<p>Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. </p>
<!-- end #sidebar2 --></div>
<div id="mainContent">
<h1> Main Content </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. </p>
<p>Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. </p>
<h2>H2 level heading </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
<!-- end #mainContent --></div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
<div id="footer">
<p>Footer</p>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
Here's the CSS:
Quote:
@charset "utf-8";
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}

/* Tips for Elastic layouts
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
*/


/*--Main nav style begin--*/


#pad {height:140px;}
/* ================================================== ==============
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
================================================== ================= */
#dropline ul {
padding: 0 0 0 30px;
margin: 0 0 0 300px;
list-style: none;
height: 291px;
background: url(ulback.gif) repeat-x;
position: relative;
left: -301px;
top: 35px;
}

#dropline table {border-collapse:collapse: width:0; height:0; margin:-3px -10px;}

#dropline li {float:left;}
#dropline li a {
display:block;
height:40px;
line-height:40px;
padding:0 20px 0 0;
float:left; color:#fff;
text-decoration:none;
font-family:tahoma, sans-serif;
font-size:12px;}
#dropline li a b {
display:block;
height:40px;
float:left;
padding:0 0 0 20px;
cursor:pointer;}

#dropline li a:hover {
background:url(tab_a.gif) no-repeat right top;
line-height:36px;
height:44px}
#dropline li a:hover b {
background:url(tab_b.gif) no-repeat left top; line-height:36px;}

#dropline li:hover > a {
background:url(tab_a.gif) no-repeat right top; line-height:36px; height:44px}
#dropline li:hover > a b {background:url(tab_b.gif) no-repeat left top; line-height:36px;}

#dropline ul {
padding: 0;
margin: 0;
list-style: none;
position: absolute;
height: 25px;
width: 700px;
background: #f8f8f8;
left: -9999px;
top: 97px;
z-index: 10;
border-bottom: 1px solid #fff;
color: #000;
}
#dropline ul li {
height:25px;
line-height:25px;
}
#dropline ul.right li {float:right;}
#dropline ul li a {
color:#000;
padding:0 10px 0 10px;
height:25px;
line-height:25px;
border-right:1px solid #e60;
font-weight:bold;
font-size:11px;}
#dropline ul li a:hover {
height:25px;
line-height:25px;
background:transparent;
color:#c60;}
#dropline ul.right li a {border-left:1px solid #e60; border-right:0;}
#dropline ul li a.last {border:0;}


#dropline :hover ul {left:0;}

#dropline li.current ul {
left:3px;
z-index:1;
}
#dropline li.current a {
background:url(tab_a.gif) no-repeat right top;
line-height:36px; height:44px
}
#dropline li.current a b {
background:url(tab_b.gif) no-repeat left top;
line-height:36px;
}
#dropline li.current ul li a {
color:#000;
padding:0 10px 0 10px;
height:25px;
line-height:25px;
background:transparent;}
#dropline li.current ul li.current_sub a {color:#c60;}
#dropline li.current ul li a:hover {color:#c60;}

/*--Main nav style ends--*/

.thrColElsHdr #container {
width: 46em;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
background-color: #000;
}
.thrColElsHdr #header {
background: #DDDDDD;
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.thrColElsHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColElsHdr #sidebar1 p" rule.
*/
.thrColElsHdr #sidebar1 {
float: left;
width: 11em; /* since this element is floated, a width must be given */
background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 0; /* top and bottom padding create visual space within this div */
clear: left;
}
.thrColElsHdr #sidebar2 {
float: right;
width: 11em; /* since this element is floated, a width must be given */
background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 0; /* top and bottom padding create visual space within this div */
}
.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 10px;
}

/* Tips for mainContent:
1. If you give this #mainContent div a font-size value different than the #sidebar1 div, the margins of the #mainContent div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
2. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
*/
.thrColElsHdr #mainContent {
margin: 0 12em 0 12em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
background-color: #900;
}
.thrColElsHdr #footer {
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#DDDDDD;
}
.thrColElsHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
What I am missing? What can I do to have this main nav in the header section and function properly?
 
Go Back   Webmaster Forum > Web Development > Web Design Lobby

Closed Thread


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Drop down menu problem in dreamweaver Mrs. Grunion Web Design Lobby 10 05-14-2007 01:14 PM
Flash drop down menu dreamweaver 8 spookpis Web Design Lobby 1 07-11-2006 05:37 AM
DHTML Menu | Drop Down Menu Pen Tongue SEO Forum 4 01-06-2005 07:18 PM
Drop Down Menu AJBurnett34 Coding Forum 12 06-27-2004 07:01 PM
DHTML Menu slide menu how to make it relative to table ajay201975 Web Design Lobby 0 05-25-2004 09:54 AM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 11:36 PM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC