x
Info
x
Warning
x
Danger
 / 
 / 
 / 
an html website i have managed to get the general

Question : an html website i have managed to get the general : 80491

This is an html website i have managed to get the general look i want but its supposed to be responsive web design that changes structure for a mobile or tablet. Please help make the index html which the location page only into a reponsive web design.

 

My Location Page

   Birthday:02/02/95

   Address: 34 Harper Street

   Phone:709 441 3532

 

HOME

PROFILE

FRIENDS

MY LOCATION

 

 

Your Map

Copyright created by CS_SocialNet_2_5

All trademarks and registered trademarks appearing on this site

are the property of their respective onwers

css style page

* {

padding: 0;

margin: 0;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

body{

   background-color:#517693;

   font-family: Georgia, "Times New Roman", Times,    serif;

   font-size: small;

   margin:auto;

   margin-top:3%;

   min-height:400px;

width:100%;

}

header.top

{

   margin: 0px;

   padding-top:0px;

   min-height:100px;

   position: center;

   background-color:white ;

}

#headerBack{

 

background:transparent url(together.jpg) center repeat-x;

width: 1280px;

height:300px;

}

.headtitle

{

   position: relative;

   font-family: Apple Chancery;

   font-size: 2.5em;

   color: white;

   top: 0px;

   left: 30px;

}

.subtitle

{

   position:relative;

 

}

   .alignleft{

       position:absolute;

       left:10px;

       top:150px;

 

}

   .alignright{

       position:absolute;

       right:100px;

       top:150px;

   font-family:Arial;

   font-size: 2em;

   color: white;

 

}

nav

{

   background-color:#9BC4E2;

   margin:10px 10px 0px 10px;

}

 

nav ul

{

    margin:0px;

   list-style-type:none;

padding:5px 0px 5px 0px;

   font-size:200%;

   font-family:Verdana;

 

}

nav ul li

{

display:inline;

padding:5px 10px 5px 10px;

}

nav ul li a:link, ul li a:visited

{

   color:#506987;

   border-bottom: none;

    font-weight:bold;

 

}

nav ul li.selected

{

background-color:#B0C4DE;

}

nav ul li a:hover

{

   background-color: #FF6103;

   color: #FDFDFD;

}

header

{

font-size:140%;

color:#FFDAB9;

}

section#map

{

position:absolute;

border-width:30px;

   top:450px;

   border-style:none;

   border-radius:15px;

   background-color:#3299CC ;

   margin-left:120px;

   margin-right:650px;

   padding:30px;

   padding-top:5px 

}

h2#map

{

   font-family: Arial;

   font-size: 3em;

   color: white;

 

}

table

{

position:absolute;

top:1000px;

left:100px;

padding:40px;

margin-left:20px;

margin-right:20px;

border: thin solid #9BC4E2;

caption-side: top;

border-collapse: collapse;

font-size:150%;

}

td,th

{

border: thin solid #3299CC ;

padding:30px 50px;

}

th

{

background-color:#104E8B;

}

caption

{

font-style: italic;

font-size:150%;

color:white;

padding-top: 8px;

}

/*

.cellcolor

{

background-color: white;

}

*/

tr:nth-child(even)

{

background-color: white;

}

tr:nth-child(odd)

{

background-color: #B0C4DE;

}

footer

{

position:absolute;

top:1400px;

left:10px;

right:0px;

margin-top:3%;

min-height:100px;

background: url(handscopy.psd) left no-repeat;

background-color:#9BC4E2;

padding:15px;

font-size:200%;

text-align:center;

margin:0px 10px 10px 10px;

}

@viewport

{

zoom:1.0;

width:extend-to-zoom;

}

@-ms-viewpoint

{

width:extend-to-zoom;

zoom:1.0;

}

}

 

This is a table of you and your friends location

NAME

LOCATION

DIRECTIONS

Peter

41.56734,24.5634

link

Isabelle

61.58834,24.1334

link

Casandra

31.50434,44.5234

link

     

 

Solution
5 (1 Ratings )

Solved
Computer Science 4 Years Ago 261 Views
This Question has Been Answered!
Unlimited Access Free
Explore More than 2 Million+
  • Textbook Solutions
  • Flashcards
  • Homework Answers
  • Documents
Signup for Instant Access!
Ask an Expert
Our Experts can answer your tough homework and study questions
154368 Computer Science Questions Answered!
Post a Question