zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden p, img, h4 in div anordnen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.09.2008, 03:40
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.07.2008
Beiträge: 32
Mischka befindet sich auf einem aufstrebenden Ast
Standard p, img, h4 in div anordnen

Moin, hab wieder soein standart-problem, wobei ich finde, dass ich seid meinem ersten post viel dazu gelernt habe.

Also es geht um folgendes


Hab momentan das (Bild will nicht so wie ich will):

ph.gif ist ein transparenter pixel.

Code:
	<div id="list">
			<h4>Überschrift</h4>
			<p>Lorem ipsum und so</p>
			<img src="ph.gif" alt="icon1" class="icon1" />
	</div>
Code:
/* list */
#list{
	width: 602px; (bei 100% einstellung geht der border des divs über den des übergeordneten)
	margin: 3px;
	border: 1px solid #969696;
}

#list h4{
    font: bold 11px Tahoma, sans-serif;
    margin: 1px;
    height: 25px;
    display: block;
    background: url(verlauf.jpg) repeat-x top;
    border-bottom: 1px solid #efefef;
    line-height: 25px;

}
#list p{
    font: 10px Tahoma, sans-serif;
    margin: 0;
}

#list img.icon1{
	height: 50px;
	width: 50px;
	background: url(icon1.jpg);
	float: right;
}

#list img.icon2{
	height: 55px;
	width: 50px;
	background: url(icon2.jpg);
	float: right;
}
Bitte helft mir
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.09.2008, 10:13
Benutzer
neuer user
 
Registriert seit: 13.09.2008
Ort: Chemnitz
Beiträge: 31
Hensens befindet sich auf einem aufstrebenden Ast
Standard

Hi,

warum gibst Du dem div nicht einen Hintergrund und entfernst die Graphik aus dem Markup? Oder gehört die Graphik zum Inhalt? Falls der Text in dem p eine Abhandlung über eine 1px große transparente Gif-Graphik sein soll, empfehle ich eine Definitionsliste.

Liebe Grüße
Andreas

Geändert von Hensens (21.09.2008 um 10:14 Uhr) Grund: Tipfehler ausgemerzt
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 21.09.2008, 18:38
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.07.2008
Beiträge: 32
Mischka befindet sich auf einem aufstrebenden Ast
Standard

der verlauf oben ist ja als background angegeben. das müsste verlauf.jpg sein.

und wegen der liste: ich hab ja geschrieben das ph.gif ein 1x1 großes bild ist mit einem transparenten pixel. was sollte ich den noch zum besseren verständniss erklähren?
Mit Zitat antworten
  #4 (permalink)  
Alt 21.09.2008, 18:44
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.837
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Du solltest dies lesen: http://xhtmlwiki.de/Wie_im_Forum_am_...en_werden_kann
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #5 (permalink)  
Alt 21.09.2008, 18:52
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.07.2008
Beiträge: 32
Mischka befindet sich auf einem aufstrebenden Ast
Standard

findest du ich habe nicht richtig gepostet?
also ich finde, das mein problem aussagekräftig ist.
Mit Zitat antworten
  #6 (permalink)  
Alt 21.09.2008, 19:00
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.223
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Findest du, dass "Bild will nicht so wie ich will" wirklich aussagekräftig ist?
Mit Zitat antworten
  #7 (permalink)  
Alt 21.09.2008, 19:10
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.07.2008
Beiträge: 32
Mischka befindet sich auf einem aufstrebenden Ast
Standard

joa, eigneltich schon. ich habe im bildd drüber ja gezeigt wie ich es haben möchte und da gibts halt nur ein IMG, dass rechts ist. also krieg ich das IMG wohl nicht so eingefügt wie es im Bild drüber gezeigt wird.
Mit Zitat antworten
  #8 (permalink)  
Alt 23.09.2008, 08:40
Benutzer
neuer user
 
Registriert seit: 23.09.2008
Beiträge: 62
mariane befindet sich auf einem aufstrebenden Ast
Standard

<img> muß vor <h4>
Mit Zitat antworten
  #9 (permalink)  
Alt 23.09.2008, 09:00
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.457
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Immer erst die Sachen die gefloatet werden, dann den Rest.
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 23.09.2008, 09:48
Benutzer
neuer user
 
Registriert seit: 13.09.2008
Ort: Chemnitz
Beiträge: 31
Hensens befindet sich auf einem aufstrebenden Ast
Standard

Hi,

Zitat:
Zitat von mariane Beitrag anzeigen
<img> muß vor <h4>
Nein. <img> muss raus. Ein "transparenter Pixel" hat im Markup nichts verloren!

Zur Erinnerung:

Zitat:
Zitat von Mischka Beitrag anzeigen
ph.gif ist ein transparenter pixel.

Code:
			<img src="ph.gif" alt="icon1" class="icon1" />
Liebe Grüße
Andreas
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 19:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 16:53
Header entfernen tripple CSS 17 15.06.2010 15:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 10:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 19:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:23 Uhr.