问题：

我试着把我的.span放在我的.texto旁边，但是当我设置我的.span的宽度时，它们会崩溃，我该怎么做？

何承

2023-03-14

null

/* tamaño del html */

html {
  height: 100%;
  overflow-x: hidden;
}


/* Tamaño del body y su background*/

body {
  box-sizing: border-box;
  background-color: white;
  min-height: 100%;
  padding: 0;
  margin: 0;
}


/* estilos del header*/

header {
  margin-top: 30px;
  font-size: 30px;
  margin-left: 60px;
  color: rgb(0, 0, 0);
  border: 2px red solid;
}


/*estilos de la barra de navegacion y breadcrumbs*/

nav {
  overflow: hidden;
  background-color: #141414;
}

nav a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

a.current {
  color: yellow;
}

a.current:hover {
  background-color: rgb(78, 73, 73);
}

a:hover {
  background-color: red;
}


/* fin de la barra de navegacion*/


/*estilos del section y primera maquetacion de la web*/

#primera_seccion {
  width: 100%;
  border: red solid 2px;
  margin: 0 auto;
  height: 100%;
}

.span {
  border: 2px solid red;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.imagen {
  width: 50%;
  height: 30%;
}

.texto {
  border: 2px red solid;
  display: inline-block;
  width: 70%;
  text-indent: 20px;
  font-size: 150%;
  padding: 0;
  margin: 0;
}


/* comienzo de la maquetacion de la segunda seccion del index*/

#segunda_seccion {
  margin: 0;
  padding: 0;
  clear: both;
  color: white;
  height: 130%;
  width: 100%;
  border: 1px solid transparent;
  background-color: rgb(161, 160, 160);
}

#grailed {
  font-weight: bolder;
}

.texto2 {
  text-align: center;
  padding: 25px;
  font-size: 50px;
  font-family: 'Montserrat';
  border: 1px solid transparent;
  color: black;
}

#imagen2 {
  width: 70%;
  height: 90%;
  margin-left: 16.5%;
  border: 1px transparent solid;
  margin-bottom: 5%;
}


/* estilos y maquetacion de la tercera seccion*/

.tercera_seccion {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  background-color: #141414;
}

.texto3 {
  color: white;
  font-family: 'Monstserrat';
  text-align: center;
  padding: 25px;
  font-size: 50px;
}

.imagen3 {
  width: 70%;
  height: 60%;
  margin-left: 15%;
}

.Morningstar {
  font-weight: bolder;
}


/*comienzo del footer*/

.footer {
  margin: 0;
  color: black;
  text-align: center;
  background-color: white;
  padding: 35px;
  border: 1px solid transparent
}

<!DOCTYPE html>
<html lang="es">

<head>
  <!--Meta etiquetas, tittle y links de importacion de fuentes-->
  <title>Alonso Gonzalez</title>
  <meta charset="UTF-8">
  <link href="css/index2.css" rel="stylesheet">
  <meta name="viewport" content="width=device-width">
  <link href="https://fonts.googleapis.com/css?family=Montserrat|Homemade Apple" rel="stylesheet" />
</head>

<body>
  <!--Cabecera-->
  <header>
    <h1>Alonso Gonzalez - <br/> Desarrollador web</h1>
  </header>
  <!--Barra de navegacion-->
  <nav>
    <a href="#" class="current">&Iacutendice</a>
    <a href="portafolio.html">Portafolio</a>
    <a href="presupuesto.html">Presupuesto</a>
    <a href="contacto.html">Contacto</a>
  </nav>
  <!--Ejemplos de trabajos-->
  <!--Presentacion-->
  <div id="primera_seccion">
    <span class="span">
                <img class="imagen" src="img/happy-software-developer.jpg">
            </span>
    <div class="texto">
      <p>Bienvenido, soy Alonso Gonzalez he sido desarrolador web por 10 años empec&eacute mi carrera como un pasatiempo. Hoy en dia soy un desarrollador web profesional que crea p&aacuteginas sofisticadas para empresas y multinacionales, mis especialidades
        incluyen diseño y animaci&oacuten.</p><br/>
      <p>Si estas buscando un desarrollador confiable y trabajador para mejorar tu web, implementar una interfaz amigable para los usuarios y trabajar al unisono con multiple compañeros, yo soy tu persona ideal</p>
    </div>
  </div>
  <!--Primer trabajo-->
  <div id="segunda_seccion">
    <div class="caja2">
      <p class="texto2"> <span id="grailed">Grailed</span> - Un creativo e innovador diseño web para vender y comprar ropa,<br/> hecho con simplicidad y elegancia</p>
    </div>
    <img id="imagen2" src="img/grailed2.png" alt="aplicacion Grailed" />
  </div>
  <!--Segundo trabajo-->
  <div class="tercera_seccion">
    <span>
                <p class="texto3"><span class="Morningstar">Morningstar</span>- Un diseño sencillo y practico en el que trabaje para darle dinamismo y un sistema responsive a la web</p>
    </span>
    <img src="img/Morningstar-removebg-preview-removebg-preview.png" class="imagen3" alt="aplicacion Morningstar" />
  </div>
  <!--pie de pagina-->
  <footer class="pie">
    <div class="caja3">
      <p class="footer">Todos los Derechos Reservados</p>
    </div>
  </footer>
</body>

</html>

null

共有1个答案

鄢飞鸾

2023-03-14

您的代码在web标准方面有很多问题，但我希望这是您正在寻找的。

null

html {
  height: 100%;
  overflow-x: hidden;
}


/* Tamaño del body y su background*/

body {
  box-sizing: border-box;
  background-color: white;
  min-height: 100%;
  padding: 0;
  margin: 0;
}


/* estilos del header*/

header {
  margin-top: 30px;
  font-size: 30px;
  margin-left: 60px;
  color: rgb(0, 0, 0);
  border: 2px red solid;
}


/*estilos de la barra de navegacion y breadcrumbs*/

nav {
  overflow: hidden;
  background-color: #141414;
}

nav a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

a.current {
  color: yellow;
}

a.current:hover {
  background-color: rgb(78, 73, 73);
}

a:hover {
  background-color: red;
}


/* fin de la barra de navegacion*/


/*estilos del section y primera maquetacion de la web*/

#primera_seccion {
  width: 100%;
  border: red solid 2px;
  margin: 0 auto;
  display: inline-block;
}

.texto-img {
  width: 29%;
  float: left;
}
.texto-img img{
  width: 100%;
  border: 2px solid red;
}

.texto {
  width: 70%;
  font-size: 22px;
  border: 2px solid red;
  float: left;
}


/* comienzo de la maquetacion de la segunda seccion del index*/

#segunda_seccion {
  margin: 0;
  padding: 0;
  clear: both;
  color: white;
  height: 130%;
  width: 100%;
  border: 1px solid transparent;
  background-color: rgb(161, 160, 160);
}

#grailed {
  font-weight: bolder;
}

.texto2 {
  text-align: center;
  padding: 25px;
  font-size: 50px;
  font-family: 'Montserrat';
  border: 1px solid transparent;
  color: black;
}

#imagen2 {
  width: 70%;
  height: 90%;
  margin-left: 16.5%;
  border: 1px transparent solid;
  margin-bottom: 5%;
}


/* estilos y maquetacion de la tercera seccion*/

.tercera_seccion {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  background-color: #141414;
}

.texto3 {
  color: white;
  font-family: 'Monstserrat';
  text-align: center;
  padding: 25px;
  font-size: 50px;
}

.imagen3 {
  width: 70%;
  height: 60%;
  margin-left: 15%;
}

.Morningstar {
  font-weight: bolder;
}


/*comienzo del footer*/

.footer {
  margin: 0;
  color: black;
  text-align: center;
  background-color: white;
  padding: 35px;
  border: 1px solid transparent
}

<!--Cabecera-->
  <header>
    <h1>Alonso Gonzalez - <br/> Desarrollador web</h1>
  </header>
  <!--Barra de navegacion-->
  <nav>
    <a href="#" class="current">&Iacutendice</a>
    <a href="portafolio.html">Portafolio</a>
    <a href="presupuesto.html">Presupuesto</a>
    <a href="contacto.html">Contacto</a>
  </nav>
  <!--Ejemplos de trabajos-->
  <!--Presentacion-->
  <div id="primera_seccion">
    <div class="texto-img">
          <img class="imagen" src="https://dummyimage.com/400x400/000/fff">
    </div>
    <div class="texto">
      <p>Bienvenido, soy Alonso Gonzalez he sido desarrolador web por 10 años empec&eacute mi carrera como un pasatiempo. Hoy en dia soy un desarrollador web profesional que crea p&aacuteginas sofisticadas para empresas y multinacionales, mis especialidades
        incluyen diseño y animaci&oacuten.</p><br/>
      <p>Si estas buscando un desarrollador confiable y trabajador para mejorar tu web, implementar una interfaz amigable para los usuarios y trabajar al unisono con multiple compañeros, yo soy tu persona ideal</p>
    </div>
  </div>
  <!--Primer trabajo-->
  <div id="segunda_seccion">
    <div class="caja2">
      <p class="texto2"> <span id="grailed">Grailed</span> - Un creativo e innovador diseño web para vender y comprar ropa,<br/> hecho con simplicidad y elegancia</p>
    </div>
    <img id="imagen2" src="img/grailed2.png" alt="aplicacion Grailed" />
  </div>
  <!--Segundo trabajo-->
  <div class="tercera_seccion">
    <span>
                <p class="texto3"><span class="Morningstar">Morningstar</span>- Un diseño sencillo y practico en el que trabaje para darle dinamismo y un sistema responsive a la web</p>
    </span>
    <img src="img/Morningstar-removebg-preview-removebg-preview.png" class="imagen3" alt="aplicacion Morningstar" />
  </div>
  <!--pie de pagina-->
  <footer class="pie">
    <div class="caja3">
      <p class="footer">Todos los Derechos Reservados</p>
    </div>
  </footer>

类似资料：

当我在ImageView上放置onClickListener时，它会使我的应用程序崩溃

总结问题你好，开发人员，所以。。我想做一个弹出菜单，点击下面的图标，它就会出现在列表视图中的一个项目上。我想这样做，点击出现一个带有一些选项的弹出栏描述一下你的尝试我试着按照有关创建弹出式菜单的教程进行操作，但方法总是一样的，我对此没有问题。但它在Logcat上显示了这个空指针错误，我试图用初始化ImageView来修复它，但目前没有任何进展。。例如，我尝试执行“image=（Imagevi
当我试着播放我的音乐时，它不会播放音乐

当我尝试播放我的音乐时，Discord机器人不会播放音乐。它使用ytdl核心和ffmpeg。我的代码是：每当我尝试播放歌曲时，都会发生以下错误：（节点：5180）未处理的PromisejectionWarning:错误：找不到FFmpeg/avconv！在功能上。getInfo（C:\Users\picar\Desktop\DiscordMusicBot\node\u modules\pris
我成功构建了我的应用程序，但当我运行它时，它会崩溃，这是我的日志中提示的消息

----------在android上。应用程序。ActivityThread。android上的installProvider（ActivityThread.java:7447）。应用程序。ActivityThread。android上的installContentProviders（ActivityThread.java:6964）。应用程序。ActivityThread。android上的h
每当我点击按钮时，我的应用程序就会崩溃

当我在设备上运行应用程序时单击增量按钮时，我的应用程序意外地强制执行这是我的activity_main.xml代码这是我的mainactivity.java文件这是调试报告05-23 22:14:45.695 297 36-29736/com.orton.birthdayCard E/AndroidRuntime：致命异常：主进程：com.orton.birthdayCard,PID：2973
当我尝试实现滚动条时，我的应用程序崩溃

我的应用程序有一个问题，我最近开始在Android studio中编程，但我遇到了一个无法解决的问题。所以我有一个包含4个活动的主页面，当我在模拟器中运行程序时，应用程序打开，其中3个活动工作完美，但当我点击打开activity时，我尝试实现滚动条的一个活动崩溃了。代码如下：还有撞车： 07/03 16:54:21:正在启动应用程序$adb install-multiple-r-t-p com
我该怎么办，伙计们，我的进程8080不会被干掉

我试着把我的.span放在我的.texto旁边，但是当我设置我的.span的宽度时，它们会崩溃，我该怎么做？

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档