Html-CSS programozásban segítene valaki?
Aki jártas Css-ben, szeretnék segítséget kérni tőle . Csak a forráskódomat meg tudná nézni, mit rontok el benne, hogy nem úgy mennek a dolgok ahogy én szeretném.
email: nemeth.szabolcs22@gmail.com. Előre is köszönöm.
nem lenne egyszerűbb ide berakni azt cső?
egyébként az nem prgramozás
"index.html"
<div id="fejlec"><h1>A Weblap címe!</h1>
<h3 class="alcim">A weblap alcíme </h3>
</div>
<div id="menu"></div>
<div id="esemeny1">rr</div>
<div id="lap">
<h1> Focim</h1>
<img src="kutya.jpg">
<p> e dávno známe, že ak je zrozumiteľný <p>obsah stránky</p>, na ktorej rozloženie sa čitateľ díva, jeho pozornosť je rozptýlená. Dôvodom použitia Lorem Ipsum je fakt, že má viacmenej normálne rozloženie písmen, takže oproti použitiu 'Sem príde text, sem príde text' sa obsah vypĺňanej oblasti na stránke viac podobá na skutočný text. Mnohé balíky publikačného softvéru a editorov webových stránok </p>
</div>
-------------------------
"style.css"
body{
background-color: grey;
}
h3.alcim {
font-family: arial;
font-size: 15px;
line-height: 0px;
margin: 0px 0px 0px 25px;
}
div#fejlec{
background-color: orange;
width: 800px;
padding:20px;
margin: 80px auto 3px auto;
-webkit-border-radius: 10px;
border: 2px solid #000;
}
div#esemeny1{
width: 200px;
height: 150px;
background-color: #fff;
padding: 20px;
float:left;
margin: 0px 2px 1px 253px;
-webkit-border-radius: 10px;
border: 2px solid #000;
}
div#lap{
width: 590px;
padding:0px 0px 0px 5px ;
background: #fff;
float:left;
-webkit-border-radius: 10px;
border: 2px solid #000;
}
div#lap h1 {
color: red;
}
img{
width: 100px;
height: 100px;
}
-----------------
Amikor be akarok illeszteni a
Esemény 2 alá akkor nem tudok alá beilleszteni mivel túl nagy paddingel kezdi el írni alatta a szoveget..
Nem teljesen értem mit akarsz, de használj valami CSS resetet. <p>-n belül nem használható <p>
Próbáld ki ezt:
HTML
<div id="container">
<div id="fejlec">
<h1>A Weblap címe!</h1>
<h3 class="alcim">A weblap alcíme </h3>
</div>
<div id="menu"></div>
<div id="esemeny1">rr</div>
<div id="lap">
<h1> Focim</h1>
<img src="kutya.jpg">
<p> e dávno známe, že ak je zrozumiteľný obsah stránky, na ktorej rozloženie
sa čitateľ díva, jeho pozornosť je rozptýlená. Dôvodom použitia Lorem Ipsum je fakt,
že má viacmenej normálne rozloženie písmen, takže oproti použitiu 'Sem príde text, se
príde text' sa obsah vypĺňanej oblasti na stránke viac podobá na skutočný text. Mnohé
balíky publikačného softvéru a editorov webových stránok </p>
</div>
<div>
CSS:
body{
background-color: grey;
}
#container {
width: 844px;
margin: 80px auto 0;
}
h3.alcim {
font-family: arial;
font-size: 15px;
line-height: 0px;
margin: 0px 0px 0px 25px;
}
div#fejlec{
background-color: orange;
width: 800px;
padding:20px;
margin: 0 0 3px;
-webkit-border-radius: 10px;
border: 2px solid #000;
}
div#esemeny1{
width: 200px;
height: 150px;
background-color: #fff;
padding: 20px;
float:left;
margin: 0px 3px 1px 0;
-webkit-border-radius: 10px;
border: 2px solid #000;
}
div#lap{
width: 588px;
padding:0px 0px 0px 5px ;
background: #fff;
float:left;
-webkit-border-radius: 10px;
border: 2px solid #000;
}
div#lap h1 {
color: red;
}
img{
width: 100px;
height: 100px;
}
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!