Dein Text in Fettschrift gilt in einem Forum normalerweise als schreien.
ich hab den text von einer anderen seite kopiert. beim einfügen hat der text automatisch fett gestellt (man konnte das auch nicht auf normal zurücksetzen).
es war aber in keinster weise so gemeint, tut mir leid.
Die Größennangaben sind nicht nötig, aber auch nicht wie du behauptet hast falsch.
ich hab nicht geschrieben, dass sie falsch sind, mir gefallen sie einfach nicht (zumindest nicht im html file).
Das dieses div falsch ist darauf habe ich dich ja schon hingewiesen.
Ebenso habe ich dich darauf hingewiesen das man die Lightbox auch dem HTML Tag zuweisen kann den du zur Auszeichnung deines Textes oder deiner Bilder benutzt.
ich seh keines, in diesem div steht der Text "Diese Box soll leuchten!", ist das etwa leer?
ich kann hier auch nirgends finden, wo du geschrieben hast, das div von mir wäre falsch.
du hast lediglich geschrieben es könnte auch genügen den Inhalt semantisch korrekt auszuzeichnen und auf die divs zu verzichten.
Wenn aber hier jemand gesucht wird der deine Arbeit macht und dir ein Copy & Paste Beispiel zur Verfügung stellt dann soll das bitte jemand anders tun.
Da ich dir anscheind nicht helfen kann was das jetzt mein letzter Beitrag zu diesen Thema.
es war nicht gedacht, dass jemand anderer meine arbeit macht, sondern dass jemand anderer mir zeigt (am besten in form eines beispiels, da ich davon am meisten lerne) wie man mein problem löst. ich glaube genau dass ist der sinn und zweck eines solchen forums.
Wenn du eine auf dich zugeschnittene Antwort willst dann zeig uns doch mal endlich was genau du willst.
Du schreibst hier von verschieden langen Texten und Bildern. In deinem Beispiel ist davon nichts zu sehen Dort sehe ich nur ein leeres und somit sinnloses div.
dann wiederhole ich meine frage nocheinmal:
wie kann man in html bestimmte elemente (div, img, p, ...) die breite automatisch setzen. Ich möchte bestimmte elemente optisch hervorheben (mit einem border zu umranden, die hintergrundfarbe auf gelb zu setzen, ...)
Natürlich solle nur der Background der Elemente (also die Breite des Elements) gelb hintermalt werden, nicht die ganze Bildschirmbreite.
Alle Elemente sollen also nur so breit sein, wie sie es zwingend sein müssen, nicht überflüssig länger -> WIE GEHT DAS?
Für mein Problem habe ich bereits eine Lösung, nämlich für jedes Element eine Breite im HTML File anzugeben. Diese Lösung gefällt mir jedoch nicht, da ich HTML und CSS strikt trennen möchte.
Ich habe hier eine Html Datei geschrieben, wie es aussehen sollte:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
.lightbox
{
background-color: #ffff33;
width: auto;
margin-top: 10px;
padding: 15px;
border: 3px solid black;
text-align: center;
}
.SoNicht{
color: red;
font-size: 20px;
}
.Besser{
margin-top: 50px;
color: green;
font-size: 20px;
}
</style>
</head>
<body>
<p class="SoNicht">So soll es nicht aussehen:</p>
<p class="lightbox"> Diese Box soll leuchten!</p>
<p class="lightbox"> Diese Box mit einem etwas längerem Text soll auch leuchten!</p>
<p class="lightbox"> <img src="http://mechanik.uibk.ac.at/aboutifm/staff/schueller/figures/html_icon.gif" alt=""></p>
<p class="Besser">So soll es aussehen:</p>
<p class="lightbox" style="width:9.5em;"> Diese Box soll leuchten!</p>
<p class="lightbox" style="width:23em;"> Diese Box mit einem etwas längerem Text soll auch leuchten!</p>
<p class="lightbox" style="width:3em;"> <img src="http://mechanik.uibk.ac.at/aboutifm/staff/schueller/figures/html_icon.gif" alt=""></p>
</body>
</html>
