|
|
| Responsive Web Design - Media Queries |
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> * { box-sizing: border-box; } .row::after { content: ""; clear: both; display: block; } [class*="col-"] { float: left; padding: 15px; } html { font-family: "Lucida Sans", sans-serif; } .header { background-color: #9933cc; color: #ffffff; padding: 15px; } .menu ul { list-style-type: none; margin: 0; padding: 0; } .menu li { padding: 8px; margin-bottom: 7px; background-color: #33b5e5; color: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .menu li:hover { background-color: #0099cc; } .aside { background-color: #33b5e5; padding: 15px; color: #ffffff; text-align: center; font-size: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .footer { background-color: #0099cc; color: #ffffff; text-align: center; font-size: 12px; padding: 15px; } /* For desktop: */ .col-1 {width: 8.33%;} .col-2 {width: 16.66%;} .col-3 {width: 25%;} .col-4 {width: 33.33%;} .col-5 {width: 41.66%;} .col-6 {width: 50%;} .col-7 {width: 58.33%;} .col-8 {width: 66.66%;} .col-9 {width: 75%;} .col-10 {width: 83.33%;} .col-11 {width: 91.66%;} .col-12 {width: 100%;}
@media only screen and (max-width: 768px) { /* For mobile phones: */ [class*="col-"] { width: 100%; } } </style> </head> <body>
<div class="header"> <h1>Chania</h1> </div>
<div class="row">
<div class="col-3 menu"> <ul> <li>The Flight</li> <li>The City</li> <li>The Island</li> <li>The Food</li> </ul> </div>
<div class="col-6"> <h1>The City</h1> <p>Chania is the capital of the Chania region on the island of Crete. The city can be divided in two parts, the old town and the modern city.</p> </div>
<div class="col-3 right"> <div class="aside"> <h2>What?</h2> <p>Chania is a city on the island of Crete.</p> <h2>Where?</h2> <p>Crete is a Greek island in the Mediterranean Sea.</p> <h2>How?</h2> <p>You can reach Chania airport from all over Europe.</p> </div> </div>
</div>
<div class="footer"> <p>Resize the browser window to see how the content respond to the resizing.</p> </div>
</body> </html>
|
|
| |
|
|
| String Functions (Hàm chuỗi) trong asp |
Hướng dẫn này sẽ dạy cho tất cả các bạn sử dụng hàm chuỗi cơ sở có sẵn trong ASP sử dụng VBScript. Sau đây là một danh sách của hàm và ví dụ với mỗi hàm.
|
|
| |
|
|
| Thiết kế website thật dễ dàng với Incommedia Website X5 |
Bạn đã có một website được thiết kế chuyên nghiệp chưa? Đây có lẽ là một câu hỏi khó đối với những bạn chưa có điều kiện tiếp xúc với ngôn ngữ lập trình web. Hiện nay, việc tự tìm cho mình một phần mềm thiết kế website là rất đơn giản, cộng thêm hàng loạt dịch vụ tạo website chuyên nghiệp trực tuyến liên tục ra đời phục vụ mọi nhu cầu của từng đối tượng người dùng.
|
|
| |
|
|
| "Những tuyệt tác văn chương" trong những ngày "Mưa lịch sử" |
Hà Nội - thế đất rồng cuộn hổ ngồi, Hà Nội nơi những khu nhà chung cư tiền tỉ, Nơi bình yên nhất, hạnh phúc nhất để sống, nơi chỉ quen nhìn thấy lũ lụt ở "Miền trung nắng, gió, bão" qua màn hình tivi thì giờ đây "Hà Nội đang đối mặt với thiên tai". Tôi khâm phục những con người Hà Nội, yêu họ hơn qua tài năng văn thơ của họ. Cảm ơn VNX đã sưu tầm. |
|
| |
|
|
| 'Ân oán giang hồ' giới IT phơi bày trên Chợ điện tử |
Ngày 23/9, website Chợ Điện tử (chodientu.com) của công ty Giải pháp phần mềm PeaceSoft (Hà Nội) bị hacker tấn công cướp tên miền. Nội dung trang thương mại điện tử bị biến thành một bức thư ngỏ với những lời lẽ châm chọc Giám đốc công ty này. |
|
| |
|
|
| Ước mơ xuân |
Tháng ăn chơi, còn chút rảnh rỗi, tôi có dịp làm quen với một đoàn chuyên gia xứ người sang thẩm định và lập kế hoạch tiêu tiền viện trợ của họ ở ta. Vật lộn với từng chồng báo cáo chi tiết đến từng đồng xu, cái giống người tự chuốc lấy vất vả đó ngày qua ngày so đo tranh luận mãi rồi cô lại vài trang khô khốc. |
|
| |
|
|
| Anh ninh tài chính: Một khía cạnh xây dựng nền kinh tế |
Chungta.com lưu trữ những ý tưởng không phải là để "tôn thờ" nó mà mong các ý tưởng ấy có khả năng áp dụng tốt vào thực tế, có giá trị, ý nghĩa để giải quyết các vấn đề khó của cuộc sống. Ý tưởng càng ý nghĩa khi nó điều chỉnh được cách chúng ta phân tích và giải quyết nhiều vấn đề - từ những vấn đề lớn cho mỗi cá nhân đến thời đại. |
|
| |
|
|
| “Hậu” Đỗ Việt Khoa: Cái kết liệu có hậu? |
"Vietnamnet.vn" thật là dũng cảm khi đăng bài viết này. Tôi tin rằng khi một xã hội mà không dám nói lên những suy nghĩ thật của chính mình thì đó sẽ là một bi kịnh lớn. Việt Nam mình không thể là một nơi cho những kẻ chỉ biết dùng thủ đoạn, tiểu xảo, độc ác tiến thân. |
|
| |
|
|
| Hiền tài là nguyên khí quốc gia |
Chuyển động của mỗi đất nước phụ thuộc chủ yếu vào trí tuệ và bản lĩnh của những cá nhân xuất sắc ở đất nước đó. Để hướng tới một nền kinh tế phát triển, một xã hội dân chủ và tích lũy được những giá trị tốt đẹp cho cuộc sống – sự tìm kiếm, đào tạo và trọng dụng nhân tài cần được coi là một trong những nhân tố tích cực nhất... |
|
| |
|
|
|
| |
|
|
| Khi nói thật lòng |
(LĐCT) - Lời nói mà không đi đôi với việc làm của các quan chức cấp càng cao càng làm xói mòn lòng tin của người dân. Có vẻ như những lời phát biểu, các tuyên bố không được thực lắm, mà "được tính toán" cẩn trọng để có thể hiểu theo nhiều cách, để khó có thể bắt bẻ, khó có thể quy trách nhiệm. |
|
| |
|
|
| Khi sông lở sóng cồn |
Đối với chúng ta, vốn không rành rẽ về sự tương tác giữa các yếu tố kinh tế như lạm phát, chỉ số giá, dự trữ… thì những hình ảnh sau sẽ giúp hiểu được một phần nào khung cảnh kinh tế, qua đó, ta biết mình đang trải qua cái gì và tại sao, khi mà về nhà vợ thỏ thẻ rau tăng giá, ra đường xe buýt bỏ chuyến vì giá xăng tăng... |
|
| |
|
|
| Lặng lẽ người thân những nhà báo bị tạm giam |
(Dân trí) - Nằm khiêm tốn trong khu tập thể Đại học Mỏ địa chất (Từ Liêm, Hà Nội), ngôi nhà của nhà báo Nguyễn Văn Hải vốn đã không ồn ào, giờ càng thêm trống trải khi người đàn ông được coi là trụ cột của gia đình vừa bị cơ quan điều tra bắt tạm giam. |
|
| |
|
|
| Một “bài giảng” của Bộ trưởng Giáo dục |
Dân trí) - Sáng 14/11, Bộ trưởng Nguyễn Thiện Nhân đã có một “bài giảng” ngắn gọn và đầy yêu thương với học sinh trường THCS Đống Đa (Hà Nội). Bài giảng sau đó được các thầy cô giáo và học sinh ở đây đặt cho cái tên trìu mến: “Đối thoại của yêu thương”! |
|
| |
|
|
| Nhờn cảm giác |
Tác hại của tham nhũng thì ai cũng biết. Nó là gốc của loạn, của bất công, của đủ thứ đê mạt về nhân cách, của mafia, của đói nghèo, lạc hậu, của sự suy kiệt nguyên khí… Không thể kể hết được. |
|
| |
|
|
| Nhìn lên và nhìn xuống |
Nông thôn Việt Nam trong các thời kỳ đều có nét chung là sản xuất nhỏ lẻ, nghi thức quan hệ nhằng nhịt, tinh thần tù túng. Cái thấy rõ nhất là suốt nhiều chục năm, thậm chí cả trăm năm, sự đói khổ vẫn thống trị gần như toàn vẹn. Điều này có nhiều nguyên nhân, cả chủ quan lẫn khách quan, cả không gian và thời gian. Hậu quả của sự nghèo khổ dài dài đã đẻ ra một loạt thói quen, có cái về sau trở thành đặc tính cả tốt lẫn xấu: |
|
| |
|
|
| Thái độ xã hội với tham nhũng |
Nạn tham nhũng tràn lan khắp nơi, càng ngày càng ghê gớm, đã trở thành nỗi bức xúc lớn của toàn thể xã hội. Người ta đã chỉ ra rất nhiều nguyên nhân để nạn tham nhũng có thể hoành hành, nào cơ chế, nào luật pháp, nào khe hở nhỏ, lỗ thủng nhỏ... Tất cả đều đúng. Song theo chúng tôi, có một nguyên nhân mà lâu nay chúng ta ít nhắc đến đó là thái độ của xã hội đối với tham nhũng, với những kẻ tham nhũng. |
|
| |
|
|
| Thư của một học sinh gửi Hoa hậu Trần Thị Thùy Dung |
Sau khi một số sự thật liên quan đến Hoa hậu Việt Nam 2008 Trần Thị Thùy Dung được công khai, Vietimes nhận được hàng trăm thư phản hồi của bạn đọc gửi về. Đặc biệt, Vietimes nhận được thư của một nữ sinh PTTH ở thị xã Phủ Lý, tỉnh Hà Nam nhờ gửi cho Hoa hậu Trần Thị Thùy Dung bằng cách in trên Vietimes. Vì một tình cảm chân thành và vì nội dung bức thư, Vietimes xin gửi lá thư đó cho Hoa hậu Trần Thị Thùy Dung. Vietimes thiết nghĩ đây là lá thư không chỉ gửi riêng cho Hoa hậu Trần Thùy Dung mà gửi cho tất cả chúng ta.
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
|
| |
Có 1752 tin được trình bày trong 59 trang
