Tweet
Hey guys,
I'm experimenting with CSS, please take a look at the attached code, I have made the first two paragraphs inline blocks so they sit next to each other (just experimenting with different functions). I know if I wanted a good layout etc, lined up etc, a float would be better overall.
However can someone tell me why the paragraphs line up at the bottom and not at the top?
I understand that as I have made both the elements 'inline-block' that there are no line breaks before and after the paragraphs meaning they can now both sit on the same line each (as I have adjusted the width), I am just wondering what the technical reason is for the lining up at the bottom and not the top.
Thanks.......
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
.first {margin:auto;
background-color:yellow;
overflow:hidden;
width:900px;}
.second { display:inline-block;
width:400px;}
.ii {display:inline-block;
padding-top:80px;
width:400px; }
</style>
</head>
<body>
<div class="uno">
<p></p>
</div>
<div class="first">
<div class="second">
<p class="oo">It is difficult to stand out in the Blu-ray player market, considering the mid-range models, which comes with main features such as: built-in Wi-Fi, Netflix streaming, and superb image quality. Although the Panasonic DMP-BDT210 does not have any single awesome function that puts it surpass the competition, it actually does almost all the small things correct.
Design
There is not much to the outer design of the DMP-BDT210, which features a standard shiny black front panel. The real design sparkle on the DMP-BDT210 is its hands-free disc sensor. When you have the option turned on, just wave your hand on top of the player and it opens up the disc tray. Yes, it's a lttle bit of a attention-grabber, but it can truly be a beneficial feature in a darkened home theatre where it is much easier to wave your hand than search for the eject button. However, if you do not need this features, then you can also disable it.
Article Source: http://EzineArticles.com/6502300
</p>
</div>
<p class="ii">Furthermore, DMP-BDT210 included remote is fantastic. The control keys are organized well and we love that there were different buttons for instantly accessing both Viera Cast and Netflix. The DMP-BDT210 can also be operated by using an iPhone app; there is no Android application yet. It is a fairly standard remote application, but the major downside is that you cannot make use of a keyboard to enter text in streaming services such as Netflix and Amazon Instant.
User interface
The home screen on the DMP-BDT210 is merely outlined, even though slightly unusual. Instead of using a cursor that moves over the different menu options, there is primarily an onscreen directional pad--press up and you jump right to the "network" section.
The Viera Cast interface is quite uncomplicated. The main screen has 7 big icons to select from, including the most widely used services such as Netflix, Amazon Instant, and Vudu. Even better, you can change the primary screen in the setup menu.
Features
The DMP-BDT210 comes with standard features for a midrange Blu-ray player, which includes built-in Wi-Fi and 3D Blu-ray support. Furthermore, there is no built in memory, which indicates you will need to place an SD card to run BD-Live features.
The player is DLNA-compatible; this means you can stream digital media files over your private home network. Supported digital media file formats normally include DivX, MKV, MP3, and JPEG. Digital media files can also be played off a attached USB drive.
In comparison with other companies, Panasonic's Viera Cast content website has the least streaming-media services, however it contains all the standard services (Netflix, Pandora, Vudu) and some standouts, such as Amazon Instant and Skype.
Article Source: http://EzineArticles.com/6502300
</p>
<p class="ppp">LCDs and plasmas work with different technology, and understanding the technology behind each will help us understand the pros and cons of each. Let's look at response time, since a better response time produces better quality while playing high-speed video clips. The response time of plasma screen TVs to compile high-speed video content is very fast compared to most LCD units. However, in the long run, plasmas can encounter pixel burn out which will negatively affect your viewing experience. To get maximum sharpness for the longest time, LCDs are considered to have a slight advantage over plasmas.
The next factor to be taken into account is the screen size of plasma TVs versus LCD TVs. Watching your favorite programs on a big screen is obviously more exciting than watching that same show on a small screen TV. In the old days, even a 20 inch screen took up a lot of room because of the use of electron guns to achieve better quality (hence the term "tube" televisions). Now, after the arrival of flat screen TVs which consume very less space, you can fit a large TV in a relatively small room. Usually, you can find a larger plasma TV for the same price as a slightly smaller LCD screen.
Perhaps the most important difference between LCD and plasma screen televisions is the way they behave in different lighting. Each type of HDTV has unique advantages and disadvantages based on the lighting of the room that it's in. Though both LCD and plasma offer good quality video, the plasma TV has the edge of delivering the better quality pictures in dark or dimly lit rooms. That said, in rooms that are brightly lit (for example, by the sunlight) an LCD screen will provide better viewing because it won't pick up glare like plasmas do. Think about where you will watch your TV before choosing a plasma over an LCD.
Article Source: http://EzineArticles.com/6495960
</p>
</div>
</body>
</html>
I'm experimenting with CSS, please take a look at the attached code, I have made the first two paragraphs inline blocks so they sit next to each other (just experimenting with different functions). I know if I wanted a good layout etc, lined up etc, a float would be better overall.
However can someone tell me why the paragraphs line up at the bottom and not at the top?
I understand that as I have made both the elements 'inline-block' that there are no line breaks before and after the paragraphs meaning they can now both sit on the same line each (as I have adjusted the width), I am just wondering what the technical reason is for the lining up at the bottom and not the top.
Thanks.......
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
.first {margin:auto;
background-color:yellow;
overflow:hidden;
width:900px;}
.second { display:inline-block;
width:400px;}
.ii {display:inline-block;
padding-top:80px;
width:400px; }
</style>
</head>
<body>
<div class="uno">
<p></p>
</div>
<div class="first">
<div class="second">
<p class="oo">It is difficult to stand out in the Blu-ray player market, considering the mid-range models, which comes with main features such as: built-in Wi-Fi, Netflix streaming, and superb image quality. Although the Panasonic DMP-BDT210 does not have any single awesome function that puts it surpass the competition, it actually does almost all the small things correct.
Design
There is not much to the outer design of the DMP-BDT210, which features a standard shiny black front panel. The real design sparkle on the DMP-BDT210 is its hands-free disc sensor. When you have the option turned on, just wave your hand on top of the player and it opens up the disc tray. Yes, it's a lttle bit of a attention-grabber, but it can truly be a beneficial feature in a darkened home theatre where it is much easier to wave your hand than search for the eject button. However, if you do not need this features, then you can also disable it.
Article Source: http://EzineArticles.com/6502300
</p>
</div>
<p class="ii">Furthermore, DMP-BDT210 included remote is fantastic. The control keys are organized well and we love that there were different buttons for instantly accessing both Viera Cast and Netflix. The DMP-BDT210 can also be operated by using an iPhone app; there is no Android application yet. It is a fairly standard remote application, but the major downside is that you cannot make use of a keyboard to enter text in streaming services such as Netflix and Amazon Instant.
User interface
The home screen on the DMP-BDT210 is merely outlined, even though slightly unusual. Instead of using a cursor that moves over the different menu options, there is primarily an onscreen directional pad--press up and you jump right to the "network" section.
The Viera Cast interface is quite uncomplicated. The main screen has 7 big icons to select from, including the most widely used services such as Netflix, Amazon Instant, and Vudu. Even better, you can change the primary screen in the setup menu.
Features
The DMP-BDT210 comes with standard features for a midrange Blu-ray player, which includes built-in Wi-Fi and 3D Blu-ray support. Furthermore, there is no built in memory, which indicates you will need to place an SD card to run BD-Live features.
The player is DLNA-compatible; this means you can stream digital media files over your private home network. Supported digital media file formats normally include DivX, MKV, MP3, and JPEG. Digital media files can also be played off a attached USB drive.
In comparison with other companies, Panasonic's Viera Cast content website has the least streaming-media services, however it contains all the standard services (Netflix, Pandora, Vudu) and some standouts, such as Amazon Instant and Skype.
Article Source: http://EzineArticles.com/6502300
</p>
<p class="ppp">LCDs and plasmas work with different technology, and understanding the technology behind each will help us understand the pros and cons of each. Let's look at response time, since a better response time produces better quality while playing high-speed video clips. The response time of plasma screen TVs to compile high-speed video content is very fast compared to most LCD units. However, in the long run, plasmas can encounter pixel burn out which will negatively affect your viewing experience. To get maximum sharpness for the longest time, LCDs are considered to have a slight advantage over plasmas.
The next factor to be taken into account is the screen size of plasma TVs versus LCD TVs. Watching your favorite programs on a big screen is obviously more exciting than watching that same show on a small screen TV. In the old days, even a 20 inch screen took up a lot of room because of the use of electron guns to achieve better quality (hence the term "tube" televisions). Now, after the arrival of flat screen TVs which consume very less space, you can fit a large TV in a relatively small room. Usually, you can find a larger plasma TV for the same price as a slightly smaller LCD screen.
Perhaps the most important difference between LCD and plasma screen televisions is the way they behave in different lighting. Each type of HDTV has unique advantages and disadvantages based on the lighting of the room that it's in. Though both LCD and plasma offer good quality video, the plasma TV has the edge of delivering the better quality pictures in dark or dimly lit rooms. That said, in rooms that are brightly lit (for example, by the sunlight) an LCD screen will provide better viewing because it won't pick up glare like plasmas do. Think about where you will watch your TV before choosing a plasma over an LCD.
Article Source: http://EzineArticles.com/6495960
</p>
</div>
</body>
</html>
Comment