Freiraum zwischen den zwei Bildern!

Status
Für weitere Antworten geschlossen.

zwenne

Stammuser
Registriert
Dez. 2007
Beiträge
106
Hallo wie bekomme ich den Freiraum zwischen den zwei Bildern weg? Ich hoffe ihr könnt helfen! Bin schon am verzweifeln! :D

LG Zwenne

2462zcy.jpg


HTML:
body {
margin: 0;
padding: 0;
background: #202020 url(../images/body-bg.png);
}

body.contentpane {
background-image:none;
background-color:white;
}

#top, #user3, #shadow {
width:994px;
}

#top {
height:68px;
}

#top h1, #top h1 a {
display:block;
padding:0;margin:0;
width:205px;
height:49px;
text-indent: -7998px;
cursor:pointer;
}

#top h1 {
background: transparent url(../images/logo.png) no-repeat;
float:left;
margin:15px 0 0 20px;
}

#toolbar {
text-align:right;
padding-top:5px;
padding-right:20px;
}

#shadow {
background: transparent url(../images/shadow-spacer.png) repeat-y;
}

#user3 {
height:47px;
text-align:left;
background: transparent url(../images/user3.png) top left no-repeat;
}

#rss {
position:absolute;
top:-193px;
left:895px;
text-align:right;
width:100px;
}

#pathway, #btm-mods, #footer {
width:960px;
}

#header { 
width:710px;
float:left;
display:inline;
}

#user8 {
width:250px;
float:right;
}

#header {
img 
display:inline;
float:left;
}

.header {
height:163px;
width:710px;
overflow:hidden;
background: transparent url(../images/header.jpg) top left no-repeat ;
}

.user8 {
height:163px;
width:250px;
overflow:hidden;
} 

#header br {
display:none;
}*
#pathway {
height:35px;
text-align:left;
font:normal 12px/130% Arial ;
background:#222 url(../images/pathway.png) repeat-x;
}
#pathway_inner {
padding:11px 0 0 15px;
}
div.search {
float: right;
margin-top: -19px;
margin-right: 10px;
}
#mod_search_searchword {
width:150px;margin:0;
}

#left, #right, #content {
float:left;
display:inline;
margin-top:5px;
text-align:left;
overflow:hidden;
}

#left, #right {
width:194px;
}

#content {
width:552px;
}
#mainbody {
margin:10px;overflow:hidden;
position:relative;
width:532px;
}

.scheme_2 #content {
width:751px;
}

.scheme_2 #mainbody {
width:731px;
}

.scheme_1 #content {
width:950px;
}

.scheme_1 #mainbody {
width: auto;
}

.first-in-scheme {margin:5px 5px 0 22px;}
.second-in-scheme {margin-right:5px;}
.third-in-scheme {}

#btm-mods {
background:#F8F8E1;
border-top:1px solid #E7D5B0;
padding-top:10px;
text-align:left;
}

#footer {
height:34px;
border-top:1px solid #E7D5B0;
}

#footer a {
color:#333;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#footer a.copyright {
float:left;
display:inline;
background: url(../images/template-by.gif) 0 50% no-repeat;
padding-left:10px;
margin:9px 0 0 12px;
}

#footer a.w3c-valid {
float:right;
display:inline;
background: url(../images/tick.gif) 0 50% no-repeat;
padding-left:20px;
margin:9px 12px 0 0;
}

.clear {
clear: both;
display: block;
height: 0px;
font-size:1px;
overflow: hidden;
margin: 0;
padding: 0;
}

#advert1, #advert2 {
height:1%;
width:100%;
padding-bottom:5px;
}

div.moduletable.first, div.moduletable.middle,
div.moduletable-ario.first, div.moduletable-ario.middle {
float:left;
display:inline;
}
div.moduletable.last,div.moduletable-ario.last {
float:right;
display:inline;
}

/* narrow mode */
div.countin3 {width:161px;overflow:hidden;}
div.countin2 {width:253px;overflow:hidden;}
div.countin1 {width:532px;clear:both;overflow:hidden;}
div.middle {margin-left:5px;width:160px}
.scheme_3 div.first.countin2 {width:254px;}

/* No Left or Right */
.scheme_2 div.countin3 {width:227px;}
.scheme_2 div.countin2 {width:353px;}
.scheme_2 div.countin1 {width:731px;clear:both;}
.scheme_2 div.middle {margin-left:5px;}

/* No Left and Right */
.scheme_1 div.countin3 {width:293px;}
.scheme_1 div.countin2 {width:453px;}
.scheme_1 div.countin1 {width:930px;clear:both;}
.scheme_1 div.middle {margin-left:5px;width:294px;}

#btm-mods div.countin3 {width:263px;}
#btm-mods div.countin2 {width:420px;}
#btm-mods div.countin1 {width:890px;}
#btm-mods div.last {margin-left:0;margin-right:20px;}
/* $3 - Display Options
----------------------------------------------------------------------------*/
/* Generic Options Defaults */

.menu,
.menu li,
.menu li a{
list-style-type:none;
}

.horizontal li,
.horizontal li a{
display:block;
float:left;
}

/* Clear Fix */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
overflow:hidden;
}

.clearfix {display: inline-table;}
/* Hides From IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Hide from IE Mac */

#displayOptions li { 
height:20px; 
overflow:hidden;
display:inline;
background: none;
margin: 0;
padding: 0 5px;
}

#displayOptions a {
padding-top:20px;
height:0;
overflow:hidden;
background-position: 0 0;
background-repeat:no-repeat;
font-size:10px;
}

#displayOptions li a:hover {
background-color:transparent;
}


/************* OFF STATES *************/
/* Text Sizes */
#toolbar li a#textMedium {background-image:url(../images/small.png); width:11px; outline: 0;}
#toolbar li a#textLarge {background-image:url(../images/medium.png); width:11px; outline: 0;}
#toolbar li a#textXLarge {background-image:url(../images/large.png); width:11px; outline: 0;}

/************* HOVER STATES *************/
#toolbar li a#textMedium:hover,
#toolbar li a#textLarge:hover,
#toolbar li a#textXLarge:hover {
background-position: 0 -22px; }

/************* ACTIVE STATES *************/
#toolbar li a#textMedium.active-option,
#toolbar li a#textLarge.active-option,
#toolbar li a#textXLarge.active-option {
background-position: 0 -22px; }
 
Zuletzt bearbeitet von einem Moderator:
moin... ich nehme als kleines hilfmittel für solche sachen ´ne unsichtbare tabelle. also tabelle und rahmen keinen nehmen...

was anderes fällt mir grad auch nicht ein.

sinnvoll wäre übrigens, wenn du im quelltext die bilder ebenfalls kenntlich gemacht hättest...

greetings beatman
 
kannst vllt auch mal html posten?
wüsste da noch eine andere fehlerquelle die ich mal hatte, aber kA obs das sein könnte, zeig mal HTML code her.
 
...zeig mal HTML code her.

Was meinst du wohl, was das da oben ist in dem Kasten mit der Überschrift HTML-Code? :rolleyes:

@ Zwenne: Wie heißen denn die betreffenden Bilder? Das Linke header.jpg?

Ist ein bißchen viel Code um den mal schnell zu überfliegen. Markiere doch mal die betreffenden CSS-Aufrufe, damit man auh was findet.
 
ich seh da ja nur den CSS code, kannst mir mal zeigen wo du den HTML code siehst?
 
HTML:
[CENTER]



[LIST]

[*][URL='https://finale.freesoft-board.to/#']X-Large Font Size[/URL]


[*][URL='https://finale.freesoft-board.to/#']Large Font Size[/URL]

[*][URL='https://finale.freesoft-board.to/#']Medium Font Size (Default)[/URL]

[/LIST]







[LIST]

[*][URL='http://buterkeks.pytalhost.com/joomla/index.php?option=com_content&view=frontpage&Itemid=1']Startseite[/URL]

[*][URL='http://buterkeks.pytalhost.com/joomla/index.php?option=com_content&view=article&id=19&Itemid=27']Joomla! im Überblick[/URL]
[LIST]

[*][URL='http://buterkeks.pytalhost.com/joomla/index.php?option=com_content&view=article&id=22&Itemid=34']Was ist neu in 1.5?[/URL]

[/LIST]

[*][URL='http://buterkeks.pytalhost.com/joomla/index.php?option=com_content&view=article&id=5&Itemid=2']Joomla!-Lizenz[/URL]

[*][URL='http://buterkeks.pytalhost.com/joomla/index.php?option=com_content&view=section&id=4&Itemid=37']Mehr über Joomla![/URL]

[*][URL='http://buterkeks.pytalhost.com/joomla/index.php?option=com_content&view=section&id=3&Itemid=41']FAQ[/URL]

[*][URL='http://buterkeks.pytalhost.com/joomla/index.php?option=com_content&view=category&layout=blog&id=1&Itemid=50']Neuigkeiten[/URL]


[*][URL='http://buterkeks.pytalhost.com/joomla/index.php?option=com_weblinks&view=categories&Itemid=48']Weblinks[/URL]

[*][URL='http://buterkeks.pytalhost.com/joomla/index.php?option=com_newsfeeds&view=categories&Itemid=49']Newsfeeds[/URL]

[/LIST]






















Willkommen auf der Startseite

[TABLE]

[TR]

[td][/td]

[/TR]


[/TABLE]





[URL='https://finale.freesoft-board.to/joomla/']by [/URL]
[URL='http://validator.w3.org/check?uri=http://www.joomlajunkie.com/commercial/ario']xhtml[/URL]
[URL='http://jigsaw.w3.org/css-validator/validator?uri=http://www.joomlajunkie.com/commercial/ario']css[/URL]


[/CENTER]

Danke schon einmal!

Zwenne
 
Ach so meinst du das. Dann nehm ich alles zurück und behaupte das Gegenteil... ;)

Zumindest hab ich im Code jatzt auch nur die Aufrufe zu den paar Bildern gefunden, die es vielleicht sein könnten. Allerdings lässt sich daraus nichts erkennen.

Warten wir mal auf den TS.


edit: Ach da isser ja schon, der Code...
Welche Bilder sind es denn nun genau?
Ist der DIV-Container vielleicht größer als das Bild selbst?
 
Zuletzt bearbeitet von einem Moderator:
Ich kann dir das auch nicht genau sagen was es für Bilder sind! Weil ich den Code auch erst heute bekommen hab und die Bilder in FlashFXP suche aber morgen weiß ich mehr! Aber das kann sein das wir das Bild in die Länge ziehen müssten! Dann könnte es gehen! Danke erstmal ich schreib dann morgen nochmal!

Schönen Boxkampf, Zwenne :D
 
Hi, du brauchst doch gar nicht mehr, denn in dem html-Text findet man ja auch die URL ;)

Also es liegt an dem "Fading-Script" Dort müsste float noch hinzugefügt werden und natürlich der Schattenrand links an #header berücksitigt werdern. Insgesamt fährt man gut, wenn man folgenden CSS-Code hinzufügt (Am Ende oder alles mit !important bestücken):

Code:
#header {
display:block;
float:left;
padding-left:17px;
}

#master0 {
float:left;
}

Gruß
Broken Sword
 
Zuletzt bearbeitet von einem Moderator:
Hi,

danke Broken Sword, hat funktioniert!!!!! :D:D:D:D

LG Zwenne
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben Unten