One sheet Style Div even and different style on different Pages

QUESTION:  How to use the same stylesheet at the same tag div with a different style of style on HTML pages?

BACKGROUND:  Below you will find the HTML and CSS code for a div tag that has the same name in four different HTML pages.  The CSS specifications for the div even on every page should differ only by the width of the div.  My goal was to create a CSS rule for everything but width and four additional rules to control only the width of the label on each different page.  I failed.  I have to repeat all the content in the div leftColumn four times?

CODE (HTML):

PAGE 1: < div id = "left column" class "Hashi" > < / div >

SECOND PAGE: < div id = "left column" class "Mori" > < / div >

PAGE 3: < div id = "left column" class "Iwai" > < / div >

PAGE 4: < div id = "left column" class "Hito" > < / div >

(CSS) CODE:

div #leftColumn {}

float: left;

padding: 2em 1em 1em 2em;

text-align: center;

}

div. Hashi {}

width: 9è;

}

div. Mori {}

width: 25em;

}

div. IWA {}

Width: 9è;

}

div. Hito {}

Width: 9è;

}

Roddy

kiusau wrote:

This statement means that when a class is tight (no space) assigned to a specific HTML tag, that it cannot be reused to describe the appearance of another HTML tag?

# You can use selectors as often as you want in a style sheet. The waterfall all adds up and applies it to the page, solve all conflicts, if any.

Tags: Dreamweaver

Similar Questions

  • Models and different page sizes

    I'm finished a site. This is my first attempt to move from print to web design, so I'll do my best with the terminology. I used a template I created to make all pages of the site. All the pages have the same height, with the exception of the 1 page that has a height of over. If I increase the value of the editable area, it does not because the container is always set to the initial size of the model. If I change the height of the container on this one specific page it works but it changes on all my other pages too. I send?

    As John said, we cannot begin to guess what you have going.  You will need to upload your page in a test on your remote server folder and post a URL for us to see.

    In summary, the height property is a restriction in all browsers except IE.  Height values must not be used in content areas which can fluctuate on several pages of the site.

    If necessary to reveal a background image, for example, use the min-height instead of the height property.

    #div {}

    min-height: 300px;

    }

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB
    http://ALT-Web.blogspot.com

  • I tried many combinations of the different pc in order to transfer files from one pc to the other and only max speed I have is from 4 to 10 Mbps.

    Hello

    I tried many combinations of the different pc in order to transfer files from one pc to the other and only max speed I have is from 4 to 10 Mbps.

    I use the switch/cat6 cables only the router is capable of 100 Mbps.

    Also, I connect the pc directly with cable and still the same speed.

    Win7 will get more than that and how?

    I read the other posts on this topic, but all patches are not applicable to me.

    I used various cables and switches and PCs in order to eliminate the possibility of a defective unit.

    Can you please help?

    Thank you

    Andreas

    Hello Andreas,

    The question you posted would be better suited in the TechNet Forums. I would recommend posting your query in the TechNet Forums.

    Forum TechNet Windows 7

    TechNet Windows Server Forum

    Hope this information helps.

  • Since the last refresh of my payment for Adobe enjoy cloud data, I was not able to use the software, not Eve open one of the applications, even the payment has been made and saved to my banck account. I have been a month without service and I

    Since the last refresh of my payment for Adobe enjoy cloud data, I was not able to use the software, not Eve open one of the applications, even the payment has been made and saved to my banck account. I have been a month without service and I've not found a way to communicate directly with any responsible for Adpbe, nor received any satisfactory support of any kind. How can solve this problem? Is it possible to have a personal contact to have a personal support, instead of a jungle of pages on the web that will lead you to more of the same pages?

    The CC is waiting for bank payment, if payment is declined then CC will be suspended.

    Concerning

    Stéphane

  • How can I add different page headers on odd and even pages?

    Hello.

    I use Indesign CS5.5 to create a printed book. I would like to add a page for every even page header and a different page header to every odd page. And have the ability to hide the header on some pages. Someone knows how to do this?

    Thanking you.

    You must create a master page, spread to the side of the pages. If you apply this all of your pages, items that you apply to the master will then be applied to each of your pages. If you want to include dynamic elements, (e.g. Page number) you can do going on Type > insert special character > markers > current Page number.

    All the pages you do not want the header on, you cannot apply the master page.

  • Dreamweaver, creating styles on my pages?

    I remember the first time that I've updated a few years ago, I had this problem (and I hated it then, too) I don't remember what I did to disable this feature, or even what it's called. In short: I don't want Dreamweaver assigning styles on my pages. How do I stop this?
    Thank you
    Pamela

    David,
    Exactly what I was looking for. Thank you for pointing me in the right direction. I do use CSS styles sheets, but sometimes choose to "BOLD" or something of color and I don't like Dreamweaver assign a style. In my opinion, it adds a bunch of gobbleygook to the code of the page I don't think that should be there. I guess I'm just a neat freak who way :)

    Thank you
    Pamela

  • I have 2 versions of windows vista running on my computer. One is before it crashed and it took all the RAM (Ram)

    I can't clean the discs because I can't load any programs because the memory has faded.  So I can not put a page of my computer desktop or download programs, I need to get my images that I have on the other program running.  I can't open one of these programs because I don't have the authorization even if I was always the user and administrator.  What I would do.  Can I add more memory Ram?  Can I remove the old stuff that I can't open anyway.  DLLs etc.  I downloaded vista 2pr, but it does not work.

    Hello

    Here is the information from your other question here about it:

    "I can't collect any information of my system information page."  When I connect I get redirected to a page that asks me what version of vista I want to open.  One is Microsoft vista and the other is windows vista.  The Microsoft is the only one that works. The other takes me a blank page. »

    "I have 2 versions of windows vista running on my computer. One is before it crashed and it took all the RAM (Ram).

    I suggest that you save your data and reinstall the operating system properly.

    There are several methods to reinstall Vista.

    See what methos works for you.

    There is no Windows Vista downloads available from Microsoft.

    You can contact your computer manufacturer and ask them to send you a set of recovery disks.

    They should do this for a small fee.

    To reinstall Vista using their recovery disk/s, you start from the 1st recovery disk they provide and follow the manufacturer's instructions to reinstall:

    You need to change the Boot order to make the DVD/CD drive 1st in the boot order:

    How to change the Boot order in BIOS:

    http://pcsupport.about.com/od/fixtheproblem/SS/bootorderchange.htm

    "How to replace Microsoft software or hardware, order service packs and replace product manuals.

    http://support.Microsoft.com/kb/326246

    And if you have never received a recovery disk when you bought your computer, there should be a recovery Partition on the hard drive to reinstall Vista on how you purchased your computer.

    The recovery process can be started by pressing a particular combination of the key or keys at startup. (Power on / start)

    Maybe it's F10, F11, Alt + F10, etc., depending on the manufacturer.

    Ask them to the proper key sequence.

    And if you do not score a manufacturer of recovery on your hard drive, you should be able to make your own recovery from her disks to reinstall the operating system.

    Go to programs > name of the manufacturer of your computer > then their system or recovery tools software topics for them, depending on how it is formulated.

    If you can't find any reference to it, contact the manufacturer for advice on how to make these recovery disks.

    Some manufacturers have more available Vista recovery disks.

    If this happens, you may need to try this instead:

    You can also borrow and use a Microsoft Vista DVD, which contains the files for the different editions of Vista (Home Basic, Home Premium, Business and Ultimate) must be installed. The product key on your computer / Laptop box determines what Edition is installed.

    Other manufacturers recovery DVDs are should not be used for this purpose.

    And you need to know the version of 'bit' for Vista, as 32-bit and 64-bit editions come on different DVDs

    Here's how to do a clean install of Vista using a DVD of Vista from Microsoft:

    "How to do a clean install and configure with a full Version of Vista '

    http://www.Vistax64.com/tutorials/117366-clean-install-full-version-Vista.html

    And once the operating system is installed, go to your computer manufacturer's website and get the latest drivers for your particular model or laptop computer.

    And phone Activation may be necessary when you use the above installation method.

    "How to activate Vista normally and by Activation of the phone '

    http://www.Vistax64.com/tutorials/84488-activate-Vista-phone.html

    See you soon.

  • Import of the results in the preview video even for different videos videos

    Hello

    I use the latest version of Premiere Pro and have problems reading or working with imported videos.  The video source I provided is stored in a strange hierarchy where each file MP4 is in its own subfolder; so I need to make these in one or import the whole structure.  That part works.  The weird part is that, when previewing the videos, it shows and reads the overview even for different files.

    If I place all MP4 files in a directory and then import it, it works.

    I'm guessing it's a bug or something.  Displays the information here the best way to report the bug?

    Thank you

    San

    The directory - import of these files Structure translates the same overview for different videos

    VideoFolderStructure-NotWorking.PNG

    If I put the files in the same folder, it works

    VideoFolderStructure-Working.PNG

    The nice thing in the subject using the (correct) method of Jim, besides that it works, is that more long records that were burglarized several files on the card (split clips), first recognize them for what they are (parts of a longer clip) and them will be important as a single clip, long breaks/seedless inside. There are many advantages for the workflow 'copy the entire folder, import with Media Browser'.

    One of the problems with the import only some clips of different maps is that you can have multiple clips with the same name, such as 0001.mts and then the first can get confused. Using the method above, this means that unique clips are indeed kept unique in first and not combined with other elements of the same name.

    Thank you

    Jeff

  • I went to play a DVD on my computer this evening and received this msg: Windows Media Player cannot play the DVD because no compatible DVD decoder is not installed on your computer.

    DVD decoder not installed?

    I went to play a DVD on my computer this evening and received this msg: Windows Media Player cannot play the DVD because no compatible DVD decoder is not installed on your computer.
    A few weeks ago, I played DVD on my computer. I would like to know what is happening. Any ideas/suggestions?

    I tried to play one of the same DVDs I played before... same message.  Nothing to my knowledge has been removed from my computer and I'm the only one with access... "very confused.

    Thanks if anyone can help.

    Yes, and if you install the utility on your system, you'll see all decoders.

    The utility will also tell you if a decoder is compatible or not.

    Using Media Player version 10 or 11?

    the utility tells me I have no decoder... the only thing I can think is that if I actually deleted it... I rarely remove anything because I do not add a lot... but it is possible a few weeks ago, I have to get rid of some things (I'm quite cautious because I'm not an expert).   It is the Media Player version 11, I was trying to use... but I rebooted now 10 to see if there was something to update related that mess.

    because I used the VLC Player successfully, I have not yet tried Windows Media Player (since WMP reloading and load the codec pack)

    So great to have the entry of a person who knows what he's doing.  Thanks again. I will try the Windows Media Player later and see if I have his use of return.

    Have a great day!

  • I want to burn files to a cd, there are two files, one is 8.1 GB and the other is 3.5 GB, what capacity of CD should I buy to take account of these files, or is there any method I can use?

    I want to burn files to a cd, there are two files, one is 8.1 GB and the other is 3.5 GB, what capacity of CD should I buy to take account of these files, or is there any method I can use?

    First of all, you cannot use a CD for each file - they do not provide enough space (and I'm pretty sure same compression help not enough).

    You can burn the 3.5 GB on DVD or DVD-R DVD - RW file, as long as it's a guy with enough space http://en.wikipedia.org/wiki/DVD.

    8.1 GB file CAN be turned into a DVD, but you need a very special type (and maybe special software - I'm not sure about this).  An article on the different types of DVDs and their abilities of here: http://en.wikipedia.org/wiki/DVD.

    There are a few 3rd party software products that allow you to split a large file inot several pieces to fit on a game sequenced CD, but I couldn't find one that was free.  To do this, you can check on www.download.com, www.tucows.com, Bing, and Google.

    I hope this helps.

    Good luck!

    Lorien - MCSA/MCSE/network + / has + - if this post solves your problem, please click the 'Mark as answer' or 'Useful' button at the top of this message. Marking a post as answer, or relatively useful, you help others find the answer more quickly.

  • Hello! I use a PC and have problems loading my homepage of Muse. First of all, I made one with the address "nordensstjarnor" and updated several times without any problems. And once, I couldn't download on 'nordensstjarnor' any longer. Don't know why, s

    Hello! I use a PC and have problems loading my homepage of Muse. First of all, I made one with the address "nordensstjarnor" and updated several times without any problems. And once, I couldn't download on 'nordensstjarnor' any longer. Don't know why, when he got the address "nordensstjrnor". That me ok at first, but now I really need to give the first address once again, "nordensstjarnor". But when I try, the alternative of the site of ' publish on ' old isn't here. And if I try to create a new one, but with the old URL, the box turns red. What can I do?

    The reason why you cannot change nordensstjarnor.businesscatalyst.com is because a different Adobe ID is used for the publication of this site.

    t * [email protected] is used for the publication of nordensstjarnor.businesscatalyst.com

    t s. * [email protected] is used for the publication of nordensstjarnorindex.businesscatalyst.com

    You must make sure that Adobe ID is used in account publish, so that you can see a list of the websites published under this account. Go in Edition > Preferences > publish on Business Catalyst > publish with accounts

    You can pass the accounts for you can also make changes to the sites.

    Thank you

    Sanjit

  • ESXi 4 hosts and virtual machines with domains and different IP addresses

    Hello, I hope someone can shed some light on this problem.

    I have an ESXi host.  It is in the 'AREA A' and has an IP address like 204.75.225.6.

    Is it possible to use the tool VMware P2V Converter some servers that are located in one field other than ESXi host and have different IP addresses?

    Example: VM candidate: in "AREA B" with IP address 192.168.1.56.

    Both domains trust each other.

    Y at - it a tip to configure the network settings on the host to allow that?

    I currently have 2 vSwitches.  One for the management network and the other is for the traffic of the virtual machine.

    Firewall?

  • How resize the frame of existing text and also to place a different setting different page?

    I need to resize the existing text frame and also to place another different page frame.

    The one you suggest soluction for problem.

    Try kSetBoundingBoxCmdBoss.

  • Div sizing and position problems.

    My problem is I've set up a div to act as a main container, then 4 others to hold everything, a my header/nav conatins, one contains the content of the body, one contains the sidebar, one contains the footer. Here are my problems:

    1. my main 'container div' itself size heightwise automatically with all my other div inside

    2. my div header and body fit perfectly but my sidebar div gets pushed off the main div, it won't appear like everything else inside.

    3. I can't place my div of footer at the bottom of the main Division

    Here's my CSS code:

    {#all_content}

    margin: 0 auto;

    width: 1000px;

    position: relative;

    border: 1px solid #fff;

    }

    {#navigation_h}

    width: 1000px;

    background-color: #000;

    color: #f1f1f1;

    margin-bottom: 40px;

    padding: 0px;

    float: left;

    WebKit-border-radius: 5px 5px 0px 0px;

    moz-border-radius: 5px 0px 5px 0px;

    border-radius: 5px 0px 5px 0px;

    border-top: 1px solid #919191;

    border-left: 1px solid #919191;

    border-right: 1px solid #919191;

    height: 91px;

    }

    . {Of navigation

    height: 90px;

    background: horizontal url(Nav_h-images/Navigation.png);

    border-bottom: 1px solid #919191;

    }

    {#NavigationInside}

    padding-left: 15px;

    width: 1000px;

    margin: 0 auto;

    }

    {#content_box}

    padding: 25px;

    width: 600px;

    float: left;

    }

    {#content_body}

    color: #f1f1f1;

    make-weight: bold;

    -Wee: 1px;

    are-size: 12px;

    top of the margin: 30px;

    are-family: Arial, Helvetica, without serif.

    }

    #sidebar {}

    padding: 10px;

    width: 300px;

    float: right;

    margin right: 140px;

    }

    #footer {}

    position: absolute;

    bas : 0 ;

    color: #f1f1f1;

    }

    .. and here is my basic PHP page code:

    < html >

    < head >

    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 ">"

    < title > < /title > blank Page

    < link href = "main_styles.css" rel = "stylesheet" type = "text/css" > "

    < / head >

    < body >

    < div id = "all_content" >

    <? PHP

    require ("Header.php");

    require ("Sidebar.htm");

    require ("Footer.php");

    ? >

    < div id = "content_box" >

    < div id = "content_main_title" >

    Main title < p > < /p >

    < / div >

    < div id = "content_minor_title" >

    Title < p > < /p >

    < / div >

    < div id = "content_sub_title" >

    subtitle < p > < /p >

    < / div >

    < div id = "content_body" >

    < p > < a href = "#" > Lorem ipsum dolor sit amet < /a >, 195kgs adipiscing elit. Nam tempor, viverra rutrum, nisi vel, aliquet sem, vitae malesuada metus eget quam arcu mauris nisi. SED euismod nibh eget semper fitness. In leo justo, ullamcorper sed sed, gravida quis neque fitness. Nunc volutpat and diam ullamcorper placerat erat lacus aliquet elit, id tempus arcu tortor ac metus. SED sit amet nisl non nunc aliquam interdum. Curabitur pretium vitae, lectus, lorem dolor tempus had risus. Donec sit amet ante sit amet quam ullamcorper dignissim vitae vitae leo. Mi restore city venenatis mauris lacinia Nunc. Maecenas had elit quis augue porttitor aliquet quis ipsum dapibus. Nam commodo feugiat tortor an auctor. Pellentesque sit amet ligula vel varius accumsan ac diam vitae purus. Vivamus semper nibh sed risus commodo sold. Nullam accumsan lorem, vel vestibule viverra dolor dignissim at. massa Praesent vitae nunc, eget venenatis arcu. Integer libero purus, luctus in Canada eget, posuere ante a. < /p >

    < p > in not so leo dictum mauris Aliquam. Surpassing posuere dignissim is, ut posuere turpis, rutrum sed Lorem ipsum dolor sit amet, adipiscing elit computer. Mauris venenatis dolor EU metus dapibus porttitor. Proin fringilla interdum nisi an ornare. Etiam accumsan lacinia nibh, not total facilisis sit amet laoreet. Etiam bibendum imperdiet is ut adipiscing. DUIs elit turpis, at accumsan lectus at nibh vel dignissim. DUIs sit amet fringilla, urna. Vestibule ante ipsum primis in faucibus orci luctus and ultrices posuere Curae Curae; Ut nec porttitor libero. Aenean ac is nulla, a dictum nisl. Donec risus egestas lorem quis, nisl a. Aliquam nec nisi dolor non placerat elementum ac in the conditional. Morbi EU leo ut sem ornare commodo. Pellentesque blandit feugiat dolor. Aenean convallis ipsum had orci viverra egestas non quam volutpat. Curabitur ut lorem nulla. Vestibule, dignissim molestie porttitor. Phasellus venenatis, justo ut semper blandit, neque, blandit quam ante ut fringilla felis eros non tortor. < /p >

    < / div >

    < / div >

    < / div >

    < / div >

    < / body >

    < / html >

    -Change

    {#all_content}

    margin: 0 auto;

    Width: 1000px;

    position: relative;

    border: 1px solid #fff;

    }

    on this subject.

    {#all_content}

    margin: 0 auto;

    Width: 1000px;

    position: relative;

    border: 1px solid #fff;

    overflow: hidden;

    }

    Then go to http://www.w3schools.com and learn how to contain floats.

  • update my MacMini (2.4 GHz, memory 2 GB, OS x 10.6.8) to one who can use iCloud and newest iTunes?

    How would update my MacMini (2.4 GHz, memory 2 GB, OS x 10.6.8) to one who can use iCloud and newest iTunes?

    Yes, it seems to be a Mini 2010

    How to identify Mac - Support Apple mini models

    Upgrade

    http://www.Apple.com/OSX/how-to-upgrade/?CID=WWA-us-KWG-Mac

    However, with only 2 GB of RAM it will be slow. Your Mac supports 16 GB (2 x 8 GB). I would minutes to replace a strip of 1 GB with a key of 8 GB.

    This place sells compatible memory and provides installation videos. Macs are picky about the memory

    http://eShop.MacSales.com/installvideos/

    You can also replace the HD with a SSD to improve performance.

Maybe you are looking for

  • Updated profiles but lost

    I just upgraded to el Capitan, but he did create a new profile and my existing profiles have disappeared. my files are all associated with my existing profiles. Help?

  • hp officejet pro 8600 premium

    Hp officejet pro 8600 premium allows to print without the lower plate? I want to buy the premium because of the extra ink & OCR software, but the additional target makes the printer higher than I can use.

  • Another problem with a Microsoft Docx. file

    I have a sandisk cruzer, which contains the installation of adobe CS5.5 Master Suite and a docx. [word document] file with the corresponding product code. A few days ago, the program has been deleted from my computer. I was able to copy the configura

  • Online drawing circle does not not in OpenGL ES1.1

    In my project, I want to draw a line with a cirle of his corner side. But I do not get my desired output. Here is my sample code- glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); enable_2d(); glEnable(GL_BLEND); glBlendFunc(GL_SRC_ALPHA, GL_ONE_MI

  • Change the default language in 4.6

    Hi all, I am currently working in JDE 4.6. In my application, I need to request the installation of localization of language with languages such as Spanish, French and Portuguese. I am developing in the English language. Please help someone develop t