zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden komische Verschiebung - wo liegt das Problem?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.01.2009, 17:47
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.04.2008
Ort: Niedersachsen
Beiträge: 49
Muckel befindet sich auf einem aufstrebenden Ast
Standard komische Verschiebung - wo liegt das Problem?

Guten Tag zusammen,

ich habe ein div-Block in dem ich rechts ein Bild habe (ein Feuer) und rechts daneben zwei Grafiken, die direkt daran anschließen. Das klappt auch, solange ich bei der oberen Grafik kein Link setze:
HTML-Code:
<div id="zusammen">
  <img src="Grafiken/feuer1.jpg" name="logo" align="top" id="logo" />
  <div id="oben">
  	<img src="Grafiken/DPBH7.gif" class="schrift" alt="Schriftzug Bund" />
    <a href="#top" target="_self"><img src="Grafiken/ambronen7.gif" class="schrift" alt="Ambronen Wappen" /></a></div>
</div>
Damit schaut es dann so aus: Anhang Bild normal.jpg und wenn ich auch einen Link auf die obere, rechte Bild setze, gibt es eine Verschiebung: fehler.jpg.
HTML-Code:
<div id="zusammen">
  <img src="Grafiken/feuer1.jpg" name="logo" align="top" id="logo" />
  <div id="oben">
  	<a href="http://www.dpbh.de" target="_blank"><img src="Grafiken/DPBH7.gif" class="schrift" alt="Schriftzug Bund" /></a>
    <a href="#top" target="_self"><img src="Grafiken/ambronen7.gif" class="schrift" alt="Ambronen Wappen" /></a></div>
</div>
Diesen Fehler verstehe ich im Moment nicht. Nur weil ich einen Link setzte, habe ich diese Verschiebung. Kann mir jemand sagen, woher das kommt?

Gruß und vielen Dank
Muckel
Angehängte Grafiken
Dateityp: jpg normal.jpg (33,5 KB, 9x aufgerufen)
Dateityp: jpg fehler.jpg (31,6 KB, 9x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.01.2009, 17:52
Benutzerbild von Timo
table-layout: none;
XHTMLforum-Kenner
 
Registriert seit: 11.11.2006
Beiträge: 5.345
Timo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein Lichtblick
Standard

Ohne Link und CSS kann man da nicht viel sagen!
__________________
Um weitere Erklärungen eingeblendet zu bekommen, drücken Sie bitte die Tastenkombination Alt + F4
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.01.2009, 17:58
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.04.2008
Ort: Niedersachsen
Beiträge: 49
Muckel befindet sich auf einem aufstrebenden Ast
Standard

oh - entschuldigt bitte. CSS schaut so aus:
Code:
body {
	padding:0;/*oben, rechts, unten, links */
	margin:0;/*oben, rechts, unten, links */
	overflow:auto;
	background-color:#2B2B2B;
	color:#999;
	font-family: Calibri, "Sans Serif", "Century Gothic";
	/*background-image: url(Grafiken/wappen2.gif);
	background-repeat:no-repeat;
	background-position:left 14.5em;*/
}

#kopf {
	display:block;
	margin:0 12% 0 12%;/*oben, rechts, unten, links */
	padding:0;/*oben, rechts, unten, links */
	height:3.0em;
	border:none;
}

#zusammen {
	display:block;
	margin:0em 12% 0em 12%;/*oben, rechts, unten, links */
	padding:0;/*oben, rechts, unten, links */
	height:15em;
	border:none;
}

#logo {
	float:left;
	display:block;
	width:50%;
	height:inherit;
	padding:0;
	margin:0;
}

#oben {
	display:block;
	margin:0.15em 0.15em 0em 0.15em;/*oben, rechts, unten, links */
	padding:0.25em;/*oben, rechts, unten, links */
	height:inherit;
	text-align:left;
}

.schrift {
	display:block;
	width:50%;
	padding:0em;
	margin:0em;
}

#mitte {
	clear:both;
	margin:0em 12% 0em 12%;/*oben, rechts, unten, links*/
	padding:0em;/*oben, rechts, unten, links*/
	background-color:#DEDEDE;
	color:#000;
	border:none;
}

#menue {
	float:left;
	display:block;
	margin:0 1.5em 0 0;/*oben, rechts, unten, links*/
	padding:0.25em;/*oben, rechts, unten, links*/
	width:15%;
	color:#000;
	background-color:#999;
}

#fuss {
	margin:1.0em 12% 1.0em 12%;/*oben, rechts, unten, links*/
	padding:0.5em;/*oben, rechts, unten, links*/
	text-align:center;
	font-style:italic;
	line-height:1.0em;
}

/*Menue - Listen*/
#kopf ul {
	list-style: none;
	margin:0;/*oben, rechts, unten, links */
	padding:0;/*oben, rechts, unten, links */
	font-size:1.4em;
}

#kopf li {
	float:left;
	display:block;
	margin:0.25em;/*oben, rechts, unten, links */
	padding:0;/*oben, rechts, unten, links */
	line-height:2.0em;
}

#kopf li a {
	color:#999;
	text-decoration:none;
}

#kopf li a:hover {
	display:block;
	margin:0;
	color:#ccc;
	text-decoration:underline;
	font-size:1.2em;
}

/*####################################################*/
#menue ul {
	list-style-type:none;
	margin:0 0.5em 0 0.5em;/*oben, rechts, unten, links */
	padding:0;/*oben, rechts, unten, links */
}

#menue ol {
	list-style-type:none;
	margin:0 0 0 1.0em;/*oben, rechts, unten, links */
	padding:0;/*oben, rechts, unten, links */
}

#menue ul li {
	display:block;
}

#menue ol li {
	display:block;
	padding:0 0 0 0.2em;/*oben, rechts, unten, links */
	border-left:0.15em solid #000066;
}

#menue li a {
	color:#000;
	text-decoration:none;
}

#menue li a:hover {
	color:#660000;
	font-size:1.5em;
}


/*den Hauptteil gestalten */
/*####################################################*/

#mitte h1 {font-family: Calibri, "Sans Serif", "Century Gothic"; color:#000; font-size:1.95em; text-decoration:underline; margin:0; padding:0.5em;}
#mitte h2 {font-family: Calibri, "Sans Serif", "Century Gothic"; color:#000; font-size:1.75em; text-decoration:underline; margin:0; padding:0.5em;}
#mitte h3 {font-family: Calibri, "Sans Serif", "Century Gothic"; color:#000; font-size:1.55em; text-decoration:underline; margin:0; padding:0.5em;}
#mitte h4 {font-family: Calibri, "Sans Serif", "Century Gothic"; color:#000; font-size:1.35em; text-decoration:underline; margin:0; padding:0.5em;}
#mitte h5 {font-family: Calibri, "Sans Serif", "Century Gothic"; color:#000; font-size:1.15em; text-decoration:underline; margin:0; padding:0.5em;}
#mitte h6 {font-family: Calibri, "Sans Serif", "Century Gothic"; color:#000; font-size:1.05em; text-decoration:underline; margin:0; padding:0.5em;}

a img {border:none;}

#mitte blockquote {
  min-height:7em;
  padding:0.5em;/*oben, rechts, unten, links */
  margin:3em;/*oben, rechts, unten, links */
  /*background-color:#000066;*/
  border:0.15em dashed #000066;
}

#mitte p {padding:0.5em;}

#fuss a {color:#999;}

#leer {height:0.02em;}
Der Test ist hier zu finden: neues Layout .

Gruß und vielen Dank
Muckel
Mit Zitat antworten
  #4 (permalink)  
Alt 03.01.2009, 18:04
Benutzerbild von Timo
table-layout: none;
XHTMLforum-Kenner
 
Registriert seit: 11.11.2006
Beiträge: 5.345
Timo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein Lichtblick
Standard

Wenn das display:block; weg ist, ist es wieder an der richtigen Position
__________________
Um weitere Erklärungen eingeblendet zu bekommen, drücken Sie bitte die Tastenkombination Alt + F4
Mit Zitat antworten
  #5 (permalink)  
Alt 03.01.2009, 18:10
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.04.2008
Ort: Niedersachsen
Beiträge: 49
Muckel befindet sich auf einem aufstrebenden Ast
Standard

Welches Display block denn? Und wieso?

Danke Dir!
Mit Zitat antworten
  #6 (permalink)  
Alt 03.01.2009, 18:26
Benutzerbild von Timo
table-layout: none;
XHTMLforum-Kenner
 
Registriert seit: 11.11.2006
Beiträge: 5.345
Timo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein LichtblickTimo ist ein Lichtblick
Standard

Von der Klasse .schrift muss das display:block; weg.
__________________
Um weitere Erklärungen eingeblendet zu bekommen, drücken Sie bitte die Tastenkombination Alt + F4
Mit Zitat antworten
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
Font der Überschrift ändern (Problem) artist CSS 2 07.12.2007 11:01
Design zu CSS/HTML verarbeiten - Problem häufen sich. Grafikamateur CSS 2 06.08.2007 10:57
Problem mit WordPress und dem Bilder Upload Maxefix Serveradministration und serverseitige Scripte 0 19.12.2006 15:58
Problem bei Div's - zwei mal das gleiche und doch nicht ... Niriel CSS 10 09.06.2005 18:39
Problem mit einem CSS Layout nARC CSS 20 21.05.2005 07:28


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:31 Uhr.