Hallo allerseits,
erstmal diese Seite ist super lehrreich sehr einfach zu lesen und zu verstehen. Großes Lob meinerseits!
Ich habe mich nun an HTML herangewagt und wollte einmal eine kleine News Frontpage machen und bin auf Probleme gestoßen auf die ich als Laie keine Antwort finde ....
Ich möchte das der Text am oberen Rand des Bildes anfängt und nicht erst unten, nur ich hab schon seit paar Stunden rumprobiert und bekomme es einfach nicht hin.
Code:
<html>
<head>
<style type="css/text">
#one {
color:#A22C1C;
font-weight:bold;
font-family:arial;
}
#two {
font-family:arial;
float:left;
font-height:15px;
}
#three {
color:#A22C1C;
font-weigth:bold;
family:arial;
}
#four {
float:left;
text-lign:justify;
}
#a:hover { font-weigth:bold; text-decoration:underline}
</style>
</head>
<body>
<h1 id="one">
Willkommen
</h1>
<div id="four">
<p id="two">
<h2 id="three">
News 1
</h2>
<img src="C:\Users\Markus\Downloads\images.jpg" align:"top" width:"100" heigth:"70">
PlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholder
PlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholder
PlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholder
</p>
<a href="placeholder">Mehr</a>
</div>
</hr>
<div id="four">
<h2 id="three">
News2
</h2>
<p id="two">
<img style="align:left" src="C:\Users\Markus\Downloads\images.jpg" width:"100" heigth:"70">
PlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholder
PlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholder
PlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholder
</p>
<a href="placeholder">Mehr</a>
</div>
</hr>
<h2 id="three">
News 1
</h2>
<div id="four">
<p id="two">
<img style="align:left" src="C:\Users\Markus\Downloads\images.jpg" width:"100" heigth:"70">
PlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholder
PlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholder
PlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholderPlacholder
</p>
<a href="placeholder">Mehr</a>
</div>
</body>
</html>
Wie oben erwähnt der Placeholder-Text fängt am unteren Rand an und ich hätte in gerne am oberen Rand. Nur egal wo ich align:top anführe es kommt nicht oben hin...
Vielleicht kann mir jemand helfen. :)
Vielen Dank im voraus.
Lokros