Should I format type within the div tag?

Similar Questions

• Problem with the text in the div tag

  Hey there,

  the question that I have is that every time that I add text to a div tag and press 'enter' to start on another paragraph, the text on the first paragraph right guard moved down to about a paragraph. It happens in Dreamweaver and the browser when available is presented as a preview. I have included a few pictures below, please advise.

  First added text, which seems fine:

  

  But when I try to type the text after pressing "enter".

  

  I want the text to align to the top instead of from a paragraph down. Something like this (made in InDesign):

  

  I will include the code as well. When I select the div tag, it's what is highlighted in the code pane:

  < div id = "about6" >

  < p > Hey there < /p >

  < p > Hey there 2 < /p >

  < p > Hey there 3 < /p >

  < p > Hey there 4 < /p >

  < / div >

  A screenshot of the of type parameters for this div:

  

  Any help would be appreciated. Thank you.

  Paragraphs, titles etc. have legacy browser style rules.

  We can remove the style by adding rules to the top of the stylesheet

  * {

  padding: 0;

  margin: 0;

  }

  Even better is to include a CSS reset set of rules such as found here http://meyerweb.com/eric/tools/css/reset/

  By the way, please note that the use of identifiers will limit your fun by using style rules. You should not use ID unless needing a single login. In your case, I would use a class.

  Heights of adjustment are also going to strangle the natural flow of your document, especially if you intend to start on the drawings of fluid

  I hope this helps.

• Disorder by selecting the Div tags

  Hello

  Im trying to create a website portfolio for me but I'm having trouble with the selection of some div tags, I added to my page.

  

  As you can see here the top right divtag is selected/clicked on illustrated by give it a blue box around it. It allows me to add a rollover image to which is what I try to do with home' 'info' and 'contact' buttons shown above right. However when I click on or around the div tags that hold these buttons I can't "select" them so that the blue box appears around the edge and therefore impossible to add the rollover image.

  This is the encoding of the page, if it helps (I) normally work in the design window, I have not been taught in the coding

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 >

  < style type = "text/css" >

  {#wrapper}

  float: none;

  Width: 1500px;

  margin: auto;

  }

  {#p1}

  float: left;

  height: 350px;

  Width: 490px;

  margin left: 15px;

  top of the margin: 15px;

  background-image: url(images/testp1.jpg);

  }

  {#p4}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

  background-image: url(images/testp2.jpg);

  }

  {#p5}

  Clear: none;

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

  background-image: url(images/testp3.jpg);

  }

  {#p6}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  background-image: url(images/testp1.jpg);

  }

  {#p2}

  background-color: #333;

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  background-image: url(images/testp2.jpg);

  }

  {#p3}

  background-color: #999;

  float: left;

  height: 350px;

  Width: 490px;

  right margin: 15px;

  top of the margin: 15px;

  background-image: url(images/testp3.jpg);

  }

  {#p7}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

  background-image: url(images/testp3.jpg);

  }

  {#p8}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

  background-image: url(images/testp1.jpg);

  }

  {#p9}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  background-image: url (images/Logo1 - Tile.jpg);

  }

  {#home-btn}

  background-color: #999;

  float: left;

  height: 30px;

  Width: 30px;

  margin-top:-715px;

  margin left: 15px;

  background-image: url(images/home.jpg);

  }

  {#contact-btn}

  float: left;

  height: 30px;

  Width: 30px;

  margin-top:-625px;

  margin left: 15px;

  background-color: #FF6;

  background-image: url(images/contact.jpg);

  }

  {body

  left margin: 0px;

  margin-top: 0px;

  margin-right: 0px;

  margin-bottom: 0px;

  }

  {#info-btn}

  background-color: #09F;

  float: left;

  height: 30px;

  Width: 30px;

  margin left: 15px;

  margin-top:-670px;

  background-image: url(images/info.jpg);

  }

  < / style >

  < / head >

  < body >

  < div id = 'wrapper' >

  < div id = "p9" > < / div >

  < div id = "p8" > < / div >

  < div id = "p7" > < / div >

  < div id = 'p6' > < / div >

  < div id = "p5" > < / div >

  < div id = "p4" > < / div >

  < div id = 'p3' > < / div >

  < div id = "p2" > < / div >

  < div id = "p1" > < / div >

  < / div >

  < div id = "contact-btn" > < / div >

  < div id = "info-btn" > < / div >

  < div id = "Home-btn" > < / div >

  < / body >

  < / html >

  Any ideas?

  Cheers, Ryan

  I normally work in the design window that I've not been taught in the coding

  You will learn about code regardless if you make the effort. Start with these links:

  http://w3schools.com/

  http://www.csstutorial.NET/

  DW assumes that you have knowledge of HTML & CSS code.

  If you cannot or will not work with the code, you use the wrong tool.

  For the non-codeurs, Adobe offers 2 other options: Adobe Muse & portfolio

  Nancy O.

• RH9: How can I get a CSS class or id defined style applies to Word or PDF output using the &lt; div &gt; tags?

  HR I wrote the following:

  

  This is the code-behind:

  

  The 'DivNote' CSS id is defined:

  

  However, when I generate the printed output, I get this:

  

  The style of the Note disappeared.

  I created a class = "Note"...:

  

  .. .and applied to the div tag with similar results, but with some of the style through:

  

  The output HTML (.chm) seems, like the display of the preview (Ctrl + W).

  Your help is appreciated gracefully.

  Steve Roehrig

  In RoboHelp you map to a Word template or simply by selecting a CSS?

  I assume that you are by selecting a CSS and that the solution might be to map to a Word template, where you can map the. Note the style.

  Mapping to take word longer to set up the first time, but once done, you may be easier to get the desired results.

  See www.grainge.org for creating tips and RoboHelp

  

  @petergrainge

• Is it possible to change the head of HTML within the Muse tag?

  Hello

  is it possible to change the head of HTML within the Muse tag already? I found a topic where he said it would be supported in the future, which was 2012.

  I want to apply effects to text css like a shadow to a title.

  Hi Sabrina,

  Please refer to:How to use CSS in Muse?

  Kind regards

  Akshay

• Image in the div tag

  Hello Dreamweavers.

  IM placing an image in my div tag and trying to style it with css, just to see what CSS has really cos Im new.

  IM adding the background image on the Center, but his only is not all the div, the leash of shadows

  on the left and right, so how can I place an image to occupy any of the div tag?

  Thank you.

  

  I disagree with what Kenneth has recommended. He uses Flash to resize a background to the size of the viewport.

  Here are some tips:

  If you use a background image: url("..) (' / images/background.jpg "); in your CSS, the div will not develop to the background fill the div. So, if you have an image you want to show in a div (and don't want other images and text to sit on it, the best way to do so is not to set the image as a background.

  If you do not want the image in the background, and you want the div to be the same size as the image file, you must determine the dimensions of the image and make the height and the width to your equal to the div.

  The other way is to have your CSS resize your background to fill a div with a predefined size. If you follow these steps:

  {#mydiv}

  Width: 860px;

  height: 700px;

  background-image: url("..) (' / images/background.jpg ");

  background-size: 100% 100%;

  }

  This before you set the size of your div and make your background image to fill this div. If your background is close to the sheer size of the div, it will look like very well, but if you're stretching a background a lot smaller than your div, you can see a few grain. In this case, the use of Photoshop to aperture this context can be a good idea.

• White space between the Div tags

  I use DW CS4.  I need to help, reducing the white space between the DIV tags  I have the white space between smaller gray line and my nav bar.  I see all the places where there are margins or padding.  Can anyone help?  Here's the code.  Thank you.

  < body bgcolor = "#CCCCCC" onload = "MM_preloadImages('..)." /_img/HOMEover.jpg ',' /_img/COMPANYover.jpg ','... / _img/PROJECTOR TSover.jpg ', '... CASE STUDIESover.jpg/_img / ','... / CONTACTUSover.jpg/_img ') ">"

  < div id = "container" >

  < div align = "left" >

  "" < p > < img src = "... / _img/Nute_Logo_tag_060612.gif" alt = "logo" name = "logo" width = "113" height = "74" hspace = "5" align = "absbottom" id = "logo" / > < / p >

  < / div >

  < div id = "header" > < / div >

  < div id = "content" > < / p >

  < table border = "0" cellpadding = "0" cellspacing = "0" >

  < b >

  "" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'bluebar',", 1) ' onmouseover = "MM_nbGroup ('over', 'bluebar',","1)" onmouseout = "MM_nbGroup ('out')" > < img src = "... / _img/bluebarup.jpg" alt = "" name = "bluebar" width = "118" height = "15" border = "0" id = "bluebar" onload = "" / > < /a > < table >

  "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'Home',", 1) ' onmouseover = "MM_nbGroup ('more', 'Home','... / _img/HOMEover.jpg ',", 1) "onmouseout ="MM_nbGroup ('out')"" > < img src = ""... / _img/HOMEup.jpg ' alt = "Click HOME to go to the home page" name = "home" width = "115" height = "15" border = "0" id = "home" onload = "" / > < /a > < table >

  "< td > < a href =" "javascript:;" target = "_top" onclick = "MM_nbGroup ("down"," group1', 'society', ", 1) ' onmouseover =" MM_nbGroup ('more', 'society', "..") " "(/ _img/COMPANYover.jpg', '', 1)' onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/COMPANYup.jpg "alt ="Click to go to our services COMPANY"name ="company"width ="122"height ="15"border ="0"id ="company"onload =" "/ > < /a > < table >"

  "< td > < a href =" "javascript:;" target = "_top" onclick = "MM_nbGroup ("down","Group 1","projects",", 1) ' onmouseover = "MM_nbGroup ('more', 'projects',..." "(/ _img/PROJECTSover.jpg', '', 1)' onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/PROJECTSup.jpg ' alt = 'PROJECTS click to see our projects' name = 'projects' width = "122" height = "15" border = "0" id = "projects" onload = "" / > < /a > < table > "

  "" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'studies',", 1) ' onmouseover = "MM_nbGroup ('more', 'studies,'... / _img/CASE STUDIESover.jpg',", 1) "onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/CASE STUDIESup.jpg "alt ="click on the CASE STUDIES to see examples of projects' name = "added" width = "150" height = "15" border = "0" id = "added" onload ="" / > < /a > < table >

  "" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ("bottom", "group1', 'contactus',", 1) "onmouseover =" MM_nbGroup ('more', 'contactus','... / _img/CONTACTUSover.jpg ', ", 1)" onmouseout = "MM_nbGroup ('out')" > < img name = "contactus" src = "... / _img/CONTACTUSup.jpg" border = '0' alt = "" onload = "" / > < /a > < table >

  < /tr >

  "< / table > < img src =" "alt =" "name ="mainphoto1"width ="780"height ="264"id ="mainphoto1"/ >

  Thank you for all your help.  I solved it by adding a padding to my header (grey line).

• Why not the left float within the div Spry menu bar is? (CS4)

  http://Unistrut.biz/new/

  The Spry menu bar is flush left within the div it is in Design mode. But on the Net in Safari or Chrome, it is not.

  When I click the Spry menu bar > CSS files > current > summary of the selection > he says Float = left

  Also below in the properties of "ul. MenuBarHorizontal' he also said Foat left =

  Someone asked this exact same question a few days ago. I don't know why this is happening or what is the purpose, but remove the 'w' before @charset (see below) in your file sections will correct the positioning.

  w@charset "UTF-8";

• Re-positioning of the div tags

  I am struggling with the div tags - I'm a newbie and have created an experimental web page.   However, everything was good until I started to add a spry menu.  the right tank moved and I can't figure out how to move left.  I tried positioning properties, but could not make it move!  Can anyone help.   I only have 2 divs "left_column" and "right_column" more container page is here

  http://Web.me.com/suethomo/site2/index.html

  This is how it looks before I mucked with the spry menu

  http://Web.me.com/suethomo/Site2a/index.html

  Thank you

  You didn't close the left_column so that the right column is in the left column. Add before

• spaces between the div tags

  I posted a few weeks on how to Center my site (that I had learned to design using all AP divs). I have redesigned my site now. Everything looks great in Firefox and Safari; but I'm having a problem with spaces between the div tags in Solution Explorer.
  
  Please see problem and source code here:
  http://www.renegadegraphics.biz/renegade_graphics_contact_us.htm
  
  There is a space under the banner div in the left sidebar. Can anyone help me please with this. I have the two fill and margins set to 0.
  
  Thanks in advance for your help.

  -Change

  <>
  ' SRC =' http://www.renegadegraphics.biz/images/renegade_graphics_sidebar_contact.jpg '
  ALT = "renegade_graphics_sidebar" width = "250" height = "323" border = "0".
  well = "#Map2" style = "" border-bottom: 1px solid red; "/ >"
  ID = "Map2" >
  ALT = "renegade_graphics_home_page_link" / >
  Coords = "15,62,167,84" href = "renegade_graphics_about_us.htm"
  ALT = "about_renegade_graphics_link" / >
  Coords = "13,95,168,118" href = "renegade_graphics_testimonials.htm"
  ALT = "renegade_graphics_testimonials_ink" / >
  

  on this subject.

  <>
  ' SRC =' http://www.renegadegraphics.biz/images/renegade_graphics_sidebar_contact.jpg '
  ALT = "renegade_graphics_sidebar" width = "250" height = "323" border = "0".
  well = "#Map2" style = "" border-bottom: 1px solid red; "/ >"
  ID = "Map2" >
  ALT = "renegade_graphics_home_page_link" / >
  Coords = "15,62,167,84" href = "renegade_graphics_about_us.htm"
  ALT = "about_renegade_graphics_link" / >
  Coords = "13,95,168,118" href = "renegade_graphics_testimonials.htm"
  ALT = "renegade_graphics_testimonials_ink" / >

  IE Dang and his problems with spaces...

  --
  Murray - ICQ 71997575
  Adobe Community Expert
  (If you * MUST * write me, don't don't LAUGH when you do!)
  ==================
  http://www.projectseven.com/go - DW FAQs, tutorials & resources
  http://www.dwfaq.com - DW FAQs, tutorials & resources
  ==================

  "carrollm5" wrote in message
  News:g6nrvo$JQR$1@forums. Macromedia.com...
  > Thank you for changes of information and code.
  >
  > This fixed the problem of separation following the banner div; but I still
  > have space in the sidebar.
  >
  > Someone at - it?

• The alignment of the div tags/content

  I have a div class = "wrapLinks" (unordered list) and a div class = "slider" (image carousel), and both are within the class = "content" div  At some point, "wrapLinks" were in the top left of the content.  After you create the div class is 'slider', the 'wrapLinks' have been 'pushed' down under the "cursor" that comes from taking up space at the top left of the content.  Ideally, I want the two (aligned horizontally) inline with eachother. First, I tried to change the margin for both classes of div in the css, but that doesn't seem to work.  I then tried to add "float: left;" to the "wrapLinks" and "float: right;" for the "cursor" in the css, but that also does not work.  I also try to put a button on the cursor.  I think that's what we call a 'floating div tag", but not sure.  I feel that I write the CSS properly for each class of div.

  Any ideas on what I can / should I do?

  I have provided a reference image.

  

  Even with the following addition/changes, the carousel seems too wide to fit completely on the page:

  .wrapLinks UL

  {

  margin: 10px 0px 0px;

  padding: 4px 0px 0px;

  do-family: "Arial Unicode MS";

  / * + 9px placement: shift-346px; * /

  position: relative;

  left: 9px;

  top:-346px;

  }

  .float-right

  {

  float: right;

  margin: 225px 60px banner 0px 0px;

  / * + placement: Maj 51px-301px; * /

  position: relative;

  left: 51px;

  high:-301px;

  }

  /*################*/

  . Slider

  {

  / * + placement: Maj 248px 8px; * /

  position: relative;

  left: 248px.

  top: 8px;

  }

• I need help with the DIV tags :)

  Hello.

  I'm currently building a website for a server CoD: WaW Nazi Zombies I'm currently getting. The purpose of this one is just for me and my friends to play nazi zombies and test different mods of it. I'm putting the layout for the Web site using styles and DIV tags I want to have two div tags on the same line as the other. Some solutions I've seen include float, but when I try that it does not work so I turned on the Adobe Forums. Here is my code:

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 "/ >"
  <!-TemplateBeginEditable name = "doctitle"-->
  jCodZombies < title > - < /title > model
  <! - TemplateEndEditable - >
  <!-TemplateBeginEditable name = "head"->
  <! - TemplateEndEditable - >
  < style type = "text/css" >
  <!--
  . Header {}
  height: 310px;
  Width: 1280px;
  background-image: url (.. / jCodZombies/images/slices_01.gif);
  }
  . NAV {}
  height: 461px;
  Width: 481px;
  }
  . Happy {}
  height: 461px;
  Width: 799px;
  background-image: url (.. / jCodZombies/images/slices_03.gif);
  }
  .footer {}
  height: 253px;
  Width: 1280px;
  background-image: url (.. / jCodZombies/images/slices_04.gif);
  }
  ->
  < / style >
  "" < script src = "... / Scripts/swfobject_modified.js" type = "text/javascript" > < / script >
  < / head >
  < body >
  "" < div class = "header" > < img src = "... / jCodZombies/jCodZombies.gif" width = "1280" height = "300" / > < / div >
  < div class = "nav" >
  < object id = 'FlashID' classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width = "481" height = "461" > "
  "" < param name = "movie" value = "... / jCodZombies/nav.swf" / >
  < param name = "quality" value = "high" / >
  < param name = "wmode" value = "opaque" / >
  < param name = "swfversion' value ="6.0.65.0"/ >
  <!-this param tag prompts users with Flash Player 6.0 r65 or later to download the latest version of Flash Player. Delete it if you do not want users to display the prompt. ->
  "" < param name = "expressinstall" value = "... / Scripts/expressInstall.swf" / >
  <!-next object tag is for non - IE browsers. Then he hide from IE using IECC. ->
  <!-[if! IE] >->
  "" < object type = "application/x-shockwave-flash" data = "... / jCodZombies/nav.swf" width = "481" height = "461" >
  <!-<! [endif]-->
  < param name = "quality" value = "high" / >
  < param name = "wmode" value = "opaque" / >
  < param name = "swfversion' value ="6.0.65.0"/ >
  "" < param name = "expressinstall" value = "... / Scripts/expressInstall.swf" / >
  <!-the browser displays the following alternative content for users of Flash Player 6.0 and higher. ->
  < div >
  < h4 > the content of this page requires a newer version of Adobe Flash Player. < / h4 >
  " < p > < a href =" http://www.Adobe.com/go/getflashplayer_fr "> < img src = ' http://www.Adobe.com/images/shared/download_buttons/get_flash_player.gif "alt = 'Get Adobe Flash player' width = '112' height ="33"/ > < /a > < /p > "
  < / div >
  <!-[if! IE] >->
  < / object >
  <!-<! [endif]-->
  < / object >
  < / div >
  < div class = "content" > < / div >
  < div class = "footer" > < / div >
  < script type = "text/javascript" >
  <!--
  swfobject.registerObject ("FlashID");
  ->
  < /script >
  < / body >
  < / html >

  Also here is a link to my site that this code is for: http://www.jcodzombies.TK

  It should work. In addition, he is a model for two pages on this Web site. He is not too complicated and have done it before, but can't get out so I would like some advice from you guys.

  Thank you and I hope to see some answers soon.

  If you have Dreamweaver, why don't you just try one of their file > new... home pages? Maybe try 2 columns with header and footer? Or fair value each of your divs a different background color and try to play with things. You should be able to simply float your div 'nav' on the left. It is usually a good idea to create a div 'container' and put all your other div inside. Then the div 'container' your maximum width and value margin: 0 auto;

• Confused about centering the div tags

  OK, I keep seeing the same answers a bit here, but don't always understand...

  2 things...

  (1) I already have my background image work and want to size (cultures such that it fills the background without stretch/compress and my monitor at home is a 22 "large format.)

  (2) can resize if need be, but have already 7 div tags (that is to say, banner, navbar, hand, etc.) I want positioned/nested in another tag div to be centered on the page.  I don't understand yet how nest them, how to center the div (nesting other) parent or how set the css to center the parent div tag

  I have to start all over again? ... or did I work with what I already have?

  Any help or thoughts would be greatly appreciated...

  3G

  three G Gregg wrote:

  How can I attach a hyperlink to text without changing the text in blue and underlined?

  http://www.w3schools.com/CSS/css_link.asp

  http://www.echoecho.com/csslinks.htm

  That should help, but I'm not sure what you mean by,.

  I know how to put on the side of the browser

  So I hope that I have not misunderstood.

  Martin

• The div tags display dependent on access levels

  Hi iv got a little problem if someone out there can help out because its really bugging me
  
  I have three types of users on the Web page I'm building, but I need to be able to display some div tags according to the level of access, for example a div with the moderator functions in which I would not standard users to have access to it, that's how I have my database Setup
  
  ID - AutoNumber
  name of user-text
  password - text
  email-text
  AccessLevel - number - 'default = 1'
  
  User = 1
  Moderator = 2
  Admin = 3
  
  I use mm_username as a session variable to filter the information in the user via the Web site and I think I should use mm_accesslevel as well, but I'm not sure on how to implement the recordsets any help would be really great.
  

  You can then use something like:

  <% If recordsetName("accesslevel") = 1 Then %>
  Div container level 1 links
  <% Else If recordsetName("accesslevel") = 2 Then %>
  Level 2 links
  <% Else %>
  Level 3 links
  <% End If %>

  I hope that my PSA was not too rusty for that screw up. ;^)

  --
  Bryan Ashcraft (removal of the brain to respond)
  Web application developer
  Wright Medical technology, Inc.
  =============================
  Macromedia Dreamweaver Developer certified
  Adobe Community Expert (DW): http://www.adobe.com/communities/experts/

  "Pablo269" wrote in message
  News:e4arql$CDM$1@forums. Macromedia.com...
  > im using ASP.
  >
  > and an access database

• How to hide the div tags when the value inside is empty?

  I'm creating a tab bar using jQueryTabs.

  I want to hide a tab when the value inside is empty.

  It is perfectly feasible to hide the real on the ground when notting to show is, however, the tab is always in the tabs on top.

  Here is the code:

  as you can see in the tabs 4 and 5 I'm hidding values that are inside the field is it not there no. The tab is still there

   <script type="text/javascript">
  // BeginOAWidget_Instance_2140022: #jQueryTabs
  
  
  
  
            $(function() {
        $("#jQueryTabs").tabs({
                      event:"click",
                      collapsible: false,
                      selected:'0',
                      fx: { opacity: 'none', duration: 1 }
          }).tabs( "none" , 1 , false ); 
            });
  
  
  // EndOAWidget_Instance_2140022
         </script>
        <div id="jQueryTabs">
          <ul>
            <li><a href="#tabs-1">Description</a></li>
            <li><a href="#tabs-2">Specification</a></li>
            <li><a href="#tabs-3">Video</a></li>
            <li><a href="#tabs-4">Audio</a></li>
            <li><a href="#tabs-5">Downloads</a></li>
          </ul>
          <div id="tabs-1">
            <p><?php echo $row_Recordset1['Full_Description']; ?>
          </div>
          <div id="tabs-2">
            <p><?php echo $row_Recordset1['Specification']; ?></p>
          </div>
          <div id="tabs-3">
            <p><?php echo $row_Recordset1['Video']; ?></p>
          </div>
          <div id="tabs-4">
            <p><?php if (!is_null($row_Recordset1['Audio1'])) { ?><a href="<?php echo $file_wav.$row_Recordset1['Audio1']; ?>"><img src="files/Images/audio_image1.jpg" width="50" height="50" ></a><?php } ?></p>
          </div>
          <div id="tabs-5">
            <p><?php if (!is_null($row_Recordset1['Brochure'])) { ?>
            <a href="<?php echo $file_pdf.$row_Recordset1['Brochure']; ?>"><img src="files/Images/pdf_image1.jpg"></a>Brochure<?php } ?></p>
            <p><?php if (!is_null($row_Recordset1['User_Guide'])) { ?><a href="<?php echo $file_pdf.$row_Recordset1['User_Guide']; ?>"><img src="files/Images/pdf_image1.jpg"></a>User Guide<?php } ?></p>
          </div>
  
  

  RiaandSteve1 wrote:

  Thanks for your quick response,

  I tried this,

   
  
            
  ">
          
  
  
  
  

  I'm not able to click on the tab now, but he is always visible (in this case telling audio). I must be something to do with this code

  Audio
  

  above the actual div for the tab.  Do not know how to remove the tab

  Well Yes if you want to hide the tab too then you must surround the

tag in a similar way:
• Audio