Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
T
Tarea_html_css_1
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Nahuel Mereles Rodriguez
Tarea_html_css_1
Commits
a346e8f5
Commit
a346e8f5
authored
2 years ago
by
Nahuel Mereles Rodriguez
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Tarea completada
parents
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
135 additions
and
0 deletions
+135
-0
index.html
+43
-0
styles.css
+92
-0
No files found.
index.html
0 → 100644
View file @
a346e8f5
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
charset=
"UTF-8"
>
<meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<link
rel=
"stylesheet"
href=
"styles.css"
>
<title>
Tarea De HTML y CSS
</title>
</head>
<body>
<div
class=
"mainContainer"
>
<div
class=
"imageContainer"
>
<div
class=
"miniImageContainer z1"
>
<img
src=
"https://tdj.gg/uploads/attachs/50201_ashe.png"
alt=
"Pinguino"
>
</div>
<div
class=
"miniImageContainer z2"
>
<img
src=
"https://tdj.gg/uploads/attachs/50201_ashe.png"
alt=
"Pinguino"
>
</div>
<div
class=
"miniImageContainer z3"
>
<img
src=
"https://tdj.gg/uploads/attachs/50201_ashe.png"
alt=
"Pinguino"
>
</div>
<div
class=
"miniImageContainer z4"
>
<img
src=
"https://tdj.gg/uploads/attachs/50201_ashe.png"
alt=
"Pinguino"
>
</div>
<div
class=
"miniImageContainer z5"
>
<img
src=
"https://tdj.gg/uploads/attachs/50201_ashe.png"
alt=
"Pinguino"
>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
Click to expand it.
styles.css
0 → 100644
View file @
a346e8f5
body
{
margin
:
0
;
padding
:
0
;
box-sizing
:
border-box
;
}
.mainContainer
{
background-color
:
aqua
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
width
:
100%
;
height
:
100vh
;
}
.imageContainer
{
background-color
:
red
;
width
:
40%
;
height
:
70%
;
border
:
2px
solid
rgb
(
0
,
0
,
0
);
display
:
flex
;
/* justify-content: space-around;
align-items: center; */
position
:
relative
;
/* border: ; */
}
.miniImageContainer
{
width
:
19%
;
height
:
19%
;
border
:
2px
solid
rgb
(
96
,
49
,
175
);
}
.miniImageContainer
:hover
{
border
:
2px
solid
rgb
(
29
,
218
,
108
);
}
.z1
:hover
~
div
{
visibility
:
hidden
;
}
.z2
:hover
~
div
{
visibility
:
hidden
;
}
.z3
:hover
~
div
{
visibility
:
hidden
;
}
.z4
:hover
~
div
{
visibility
:
hidden
;
}
.z1
{
position
:
absolute
;
top
:
8%
;
left
:
8%
;
}
.z2
{
position
:
absolute
;
top
:
24%
;
left
:
24%
;
}
.z3
{
position
:
absolute
;
top
:
40%
;
left
:
40%
;
}
.z4
{
position
:
absolute
;
top
:
56%
;
left
:
56%
;
}
.z5
{
position
:
absolute
;
top
:
72%
;
left
:
72%
;
}
.miniImageContainer
img
{
width
:
100%
;
height
:
100%
;
}
/* Visibility: hidden Ocultar */
\ No newline at end of file
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment