个人中心
gpt4 book ai didi

html - (CSS newbie)文本框消失，图片变得凌乱

转载 作者：行者123 更新时间：2023-11-28 04:00:53 25 4
gpt4 key购买 nike

所以我只是在学习用 super 基本的 CSS 制作一个网页，看起来应该是这样的: i put the class name in red

但是当我输入代码时，是这样的:

<!DOCTYPE html>
<html lang="es-ES">
<html>
<head>
<title>2do parcial PROYECTO</title>
<style>
h1{
    text-align:center;
    background-color:violet;
    border-width: 2px;
}
p.cul{
  text-align:  center;
  font-family:  Aharoni;
  font-size:  35px;
  background-color:violet;
  border-style:  dotted;
  border-width:  2px;
  width:  1050px;
}
div{
  float:left;
  background-color:  lightcyan;
   width:  200px;
   border:  15px solid red;
   padding:  25px;
   margin:  15px;
}
img{
   float:middle;
}
div.one{
  float:right;
  background-color:  lightcyan;
   width:  330px;
   border:  15px solid red;
   padding:  25px;
   margin:  15px;
}
p{
float:left;
   background-color:lightcyan;
   width:782px;
   
}
img.one{
  float:right;
  
}
p.dep{
   text-align:center;
   font-family:Aharoni;
   font-size:35px;
   width:1050px;
   background-color:violet;
   border-style: dotted;
    border-width: 2px;
}
div.cuadrote{
  float:left;
  position:  absolute;
  right: %100;
  bottom:  800px;
  background-color:  lightcyan;
   width:  200px;
   border:  15px solid red;
   padding:  25px;
   margin:  15px;
}
 img.batorojo{
   position:  absolute;
   right:570px;
   bottom: -394px;
}
   
}
div.cuadrito{
  vertical-align:middle;
   background-color:  lightcyan;
   border:  15px solid red;
   padding:  25px;
   margin:  15px;
}
img.caribe{
  float:right;
  position:  absolute;
  right:35px;
  bottom:-360px;
}
p.blueboxie{
  background-color:lightcyan;
  float:left;
  width: 1000px;
}
</style>
</head>
<body>
<h1>Evaluacion 2</h1>
<p class="cul">Eventos culturales</p>
<div>&#161;NUEVOS CURSOS CULTURALES EN CEART DISPONIBLES&#33;Se cuentan con clases de:
*Artes plasticas(Lunes,miercoles y viernes de 5:00 a 6:30pm)
*Ballet(Lunes,miercoles y viernes de 7:30 a 9:00pm)
*Violin(Martes y jueves de 9:00 a 11:00am)</div>
<img src="http://mexicali.org/wp-content/uploads/2012/08/Centro-Estatal-de-las-Artes.jpg" alt="x" width=300 height=200>
<div class="one">Se anuncian proximamente funciones de teatrales de obras de shakespeare en el teatro del estado, 
entre ellas se encuentran desde clasicos como Hamlet o Romeo y Julieta hasta los escritos mas rec&oacute;nditos del autor ya mencionado.Puedes conseguir entradas en ticketmaster.com o comprarlas en la taquilla del teatro a partir del 10 de abril.Informes o dudas al (686)111-1111</div class="one">
<p>Con un festival artístico-cultural el Instituto Municipal de Arte y Cultura de Mexicali (IMACUM) conmemorará el 42 aniversario luctuoso del legendario compositor y cantante José Alfredo Jiménez.

El evento tendrá lugar en las instalaciones de la Casa de la Cultura de la Juventu (CREA Cultura) este sábado 21 de noviembre, y para ello se han organizado una serie de actividades gratuitas para el goce de los mexicalenses.

A las 7:00 p.m. en la Galería-Vestíbulo se inaugurará la exposición colectiva “Nomás nuestro amor”, en la que participan artistas gráficos, plásticos e ilustradores, entre ellos Gabriela Badilla, Odette Barajas, Gabriela Buenrostro, Luis Felipe Vargas Brownell, Fernando Corona, Aída Corral, Carlos Cortez, Mara Leticia Dorantes, Roberto Figueroa, Gloria Gachuz, Marco Manríquez, Pablo Martínez, Rogelio Pérezcano, Natalia Rojas, Karla Sánchez, y Karina Venegas.

Estos artistas tomaron el nombre de una canción de José Alfredo para de ahí generar su pieza con libertad de creación, lo que el público mexicalense podrá observar una gran variedad de propuestas en cuanto a trabajo, técnica y colorido.</p>
<img class="one" src="http://www.zonalider.com/sites/default/files/styles/scale_max_width_auto_height/public/article/image/jose_alfredo_jimenez.jpg?itok=9cZnT7Ir" alt="x" width=250 height=200></img>
<p class="dep">Eventos deportivos</p class="dep">
<div class="cuadrote">&#191;SAB&Iacute;AS QUE&#63;...El juego de béisbol más Largo tuvo lugar en el año 1981,
en las Ligas Menores donde se jugaron 33 entradas. Se enfrentaban Rochester (NY) Red Wings contra Pawtucket (RI) Red Sox. Al entrar en la entrada número 21 el juego seguía empatado 2-2 y fue suspendido. Dos meses después el juego se reasignó 
y en 18 minutos el Pawtucket anotó la carrera del gane.</div>
<img class="batorojo" src="http://allswalls.com/images/boston-red-sox-baseball-mlb-k-wallpaper-1.jpg" alt="x" width=200 height=170></img>
<div class="cuadrito">Respecto al base ball se encuentra proximamente la variedad de juegos de la serie del caribe, incluyendo duelos epicos como el de CUBA vs HAITI , ¡No te los puedes perder!</div>
<img class="caribe" src="" alt="x" width=200 height=170></img>
<p class="blueboxie">&#161;SE LE CHISPOTEO&#33;GUADALAJARA, JALISCO (02/ABR/2017).- El Zorro es de los pocos animales capaces de tropezar con la misma piedra dos veces.

Anoche, Matías Alustiza había tenido una noche de ensueño. Dos goles suyos tenían al Atlas en la pelea en el partido y en el Clausura 2017.

A dos minutos del final el argentino puso la pelota en el manchón penal por segunda vez en el juego. En sus pies tenía la victoria que colocaba a los tapatíos en zona de Liguilla.
Alustiza cobró el penalti que representaba la victoria igual que el penalti que representó en su momento el empate a tres. Un disparo con mucha dosis de humillación al arquero.

Gibrán Lajud adivinó la intención del argentino y no se dejó sobajar una segunda vez. Recostó a su derecha y se quedó con la pelota y con el punto para su equipo.

Sí, Alustiza hizo un “Ponchito” González y el Atlas empató 3-3 un juego que debía y tenía que ganar.</p>
</body></html>

在顶部看起来一切正常，但页面底部缺少文本框“cuadrote”并且图像被重新分配。我还使用命令 poistion(用谷歌搜索，我真的不知道它是如何工作的)来修复昨天的照片，但他们又搞砸了。 Heres what the bottom part of the page looks like in my pc

非常漂亮，请帮我完成今天到期的学校元素 :P

最佳答案

您的代码有些困惑，这听起来可能无关紧要，但如果有人提供帮助，它可能会加快速度。

为什么要用其中的类关闭标签？

仅举几例:

<p class="dep">...</p class="dep">
<div class="cuadrote">....</div class="cuadrote">
<img class="caribe" src="" alt="x" width=200 height=170></img class="caribe">

使用:

<p class="dep">...</p>

关于html - (CSS newbie)文本框消失，图片变得凌乱，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43211766/

25 4 0
文章推荐： c++ - 如何在 UnitTest++ 中使用实用函数
文章推荐： c# - 为什么要使用 C++ 的 .NET StructLayout 示例
文章推荐： c++ - Blob ...如何非递归地写
文章推荐： html - 在 Controller 中添加 css
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com