"
Team:Groningen/style.css
From 2012.igem.org
(Difference between revisions)
| Line 7: | Line 7: | ||
*/ | */ | ||
| + | |||
| + | <!DOCTYPE html> | ||
| + | <html> | ||
| + | <head> | ||
| + | <style type="text/css"> | ||
| + | h1.pos_left | ||
| + | { | ||
| + | position:relative; | ||
| + | left:50px; | ||
| + | } | ||
| + | h2.pos_left | ||
| + | { | ||
| + | position:relative; | ||
| + | left:150px; | ||
| + | } | ||
| + | </style> | ||
| + | </head> | ||
/*Header*/ | /*Header*/ | ||
| Line 25: | Line 42: | ||
/*test the menubar ID_8-8-2012-16:08*/ | /*test the menubar ID_8-8-2012-16:08*/ | ||
#p-logo | #p-logo | ||
| + | |||
{ | { | ||
| + | <body> | ||
| + | <h1 class="pos_left"> | ||
background-image:url(https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png); | background-image:url(https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png); | ||
height: 82px; | height: 82px; | ||
| Line 31: | Line 51: | ||
top: 25%; | top: 25%; | ||
border: none; | border: none; | ||
| - | + | </h1> | |
| + | <h2 class="pos_left> | ||
background-image:url(https://static.igem.org/mediawiki/2012/f/fc/Groningen2012_ID_20120808_Menu_Team.png); | background-image:url(https://static.igem.org/mediawiki/2012/f/fc/Groningen2012_ID_20120808_Menu_Team.png); | ||
height: 82px; | height: 82px; | ||
| Line 37: | Line 58: | ||
top: 25%; | top: 25%; | ||
border: none; | border: none; | ||
| + | </h2> | ||
| + | </body> | ||
} | } | ||
Revision as of 14:32, 8 August 2012
/* Ismael-
Don't worry, the previous style.css has been moved to Team:Groningen/styletest.css. I wanted to play around with the menu elements for a bit. You're right, the menu image is too narrow. The options need to be spaced further apart. There isn't enough space in between for the little cogs.
-Jon
- /
<!DOCTYPE html>
/*Header*/ #top-section { height: 208px; width: 550px; border: none; } #p-logo { background-image:url(https://static.igem.org/mediawiki/2012/6/66/Groningen2012_AD_20120802_Menu.png); height: 104px; width: 550px; top: 25%; border: none; } /*test the menubar ID_8-8-2012-16:08*/ #p-logo {
