|
|||
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> 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> Gruß und vielen Dank Muckel |
Sponsored Links |
|
|||
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;} Gruß und vielen Dank Muckel |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |