blauen rahmen um bilder weg - css befehl?

**MUVA** · 19.06.2008 07:11

hallo gemeinde.

ich hab 2 kleine probleme bei meiner eigenen seite.

NUMMER 1:
ich habe bei einer meiner testseiten um die bilder einen blauen linkrahmen:

http://border-less.eu/jtest6/

wie lautet der dazugehörige CSS-befehl, um diese wegzubekommen?

NUMMER 2:
mein 2tes problem ist, dass mir der hintergrund (png) nicht angezeigt wird. die url stimmt, im CSS habe ich in dem dazugehörigen div das hintergrundbild definiert. in der index.php schauts so aus:

PHP-Code:


<?php echo "<?xml version=\"1.0\"?>";

defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );

?>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">



<head>

<?php mosShowHead(); ?>

<title><?php echo $mosConfig_sitename; ?></title>



<?php

  if ($my->id) {

    include ("editor/editor.php");

    initEditor();

  }

?>    



<link href="<?php echo $mosConfig_live_site;?>/templates/startechno/css/template_css.css" rel="stylesheet" type="text/css" />

<link href="css/template_css.css" rel="stylesheet" type="text/css" />



</head>



<body>



<div id="site">



    <div id="body">



        <div id="logo"></div>



            <div id="mainmenu">

                <?php mosLoadModules ('user1'); ?>

                    </div>



            <div id="right">

                <?php mosLoadModules ('right'); ?>

                    </div>



            <div id="content">

                <?php mosMainBody(); ?>

                    </div>



            <div id="user2">

                <?php mosLoadModules ('user2'); ?>

                    </div>



    </div>



</div>





</body>

</html>

HTML-Code:

#site {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-image:url(http://border-less.eu/jtest6/templates/startechno/images/bing.png);
	background-repeat:repeat;
	
}

kann mir jemand bei den 2 fehlern auf die sprünge helfen?
danke schon mal im voraus!

lg

**MUVA** · 19.06.2008 08:08

vlt könnte bitte einer der mods den titel auf "CSS fragen bei eigenem template" ändern, damit der titel aussagekräftiger wird! danke!

**jacxx** · 19.06.2008 08:15

Weil ein Hyperlink auf dem Image liegt...wird der Rahmen blau angezeigt..
(blau=Farbe für Link)

Schreibe mal in deinem css File ..

img {border: 0;} rein...

background-image: url(http://border-less.eu/jtest6/templates/startechno/images/bing.png);[/url]
setzte das mal unter body.. in der css

**MUVA** · 19.06.2008 08:20

wo genau soll ich das reintun? und die geschwungenen klammern auch so übernehmen??

**jacxx** · 19.06.2008 08:21

img {border: 0;}
}

**MUVA** · 19.06.2008 08:24

also ein eigenes tag im CSS anlegen quasi. - DANKE HAT GEFUNZT!

bleibt nur noch der hintergrund:
ich hab nun das im CSS im body div stehn:

HTML-Code:

#body {
	width:800px;
	margin: 0 auto;
    position:relative;
background-image: url (http://border-less.eu/jtest6/templates/startechno/images/bing.png);
background:repeat;

genutzt hats allerdings leider nix.... :(

und noch eine kleine frage: jetzt fehlt mir die linkfarbe im maincontent. die ist nun auch wieder klassisch blau - wie lautet der eintrag, der klarerweise in der CSS angepasst werden solle?

**jimbo_** · 19.06.2008 08:31

Steht alles in der CSS. Vielleicht solltest Du dich mit CSS etwas genauer befassen wenn Du Dein Template anpassen möchtest.

–> http://de.html.net/tutorials/css/introduction.asp
–> http://www.css4you.de

**MUVA** · 19.06.2008 08:34

Zitat von jimbo_

Steht alles in der CSS. Vielleicht solltest Du dich mit CSS etwas genauer befassen wenn Du Dein Template anpassen möchtest.

–> http://de.html.net/tutorials/css/introduction.asp
–> http://www.css4you.de

naja, das problem ist eher, dass mir meistens 1,2 sachen net einfallen, wenn ich das so wie hier alles aus dem kopf schreibe. und dann bin ich verwirrt und suche hilfe bei kompetenten leuten

und grad bei meinem problem mit dem hintergrundbild hab ich den gängigen befehl mit "background img: url () bla bla" schon in allen variationen ausprobiert, da nutzt mir auch eine onlinehilfe nix :(

**jacxx** · 19.06.2008 08:51

Du hast in der css..
background-color:#CCCCCC;
}
stehen..
das überschreibst du mit
background-image: url (http://border-less.eu/jtest6/templat...mages/bing.png) repeat;

**MUVA** · 19.06.2008 08:55

Zitat von jacxx

Du hast in der css..
background-color:#CCCCCC;
}
stehen..
das überschreibst du mit
background-image: url (http://border-less.eu/jtest6/templat...mages/bing.png) repeat;

ich muss mich echt für deine hilfsbereitschaft bedanken!! echt super.
nur: ich hab das nirgends drinstehen. hier ist der komplette CSS:

HTML-Code:

/* CSS Document */


img {border: 0;}


#site {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
}        
	


#body {
	width:800px;
	margin: 0 auto;
    position:relative;
background-image: url (http://border-less.eu/jtest6/templates/startechno/images/bing.png);
background:repeat;
}


#logo {
	position:absolute;
	left:20px;
	top:14px;
	width:800px;
	height:97px;
       background-image:url(http://border-less.eu/jtest6/templates/startechno/images/logo.png);
}

#mainmenu {
	position:absolute;
	left:20px;
	top:120px;
	width:590px;
	height:50px;
}


#right {
	position:absolute;
	left:625px;
	top:120px;
	width:195px;
	height:50px;	
}

#user2 {
	position:absolute;
	left:625px;
	top:190px;
	width:195px;
}


#content {

	font-family: Geneva, Arial, Helvetica, sans-serif;
    size:10px;
	position:absolute;
    left:20px;
    padding-left:5px;
    padding-right:5px;
	top:190px;
	width:580px;
	min-height:620px;


	
}

a.mainlevel:link, a.mainlevel:visited, a.mainlevel:active {
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
        color:#333;
	font-size:12px;
	float:left;
	margin: 8px;
	text-decoration: none;
}


a.mainlevel:link, a.mainlevel:visited, a.mainlevel:active-artists {
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
        color:#000000;
	font-size:10px;
        font-weight:bold;
	float:left;
	margin: 8px;
	text-decoration: none;
}


a.mainlevel:hover-artists {
	
	text-decoration: none;
	color: #0099FF;
}

a.mainlevel:hover {
	
	text-decoration: none;
	color: #0099FF;
}

table.moduletable th{
	
	color: #999999;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	
}



/*Modultext*/


        table.moduletable td {
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	font-weight: normal;
        color: #000000;
  
}

.contentpaneopen, .contentpane {
 

	text-decoration: none;
 	width: 100%;
  	padding: 2px;
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: normal;
        color: #000000;

}

.contentheading, .componentheading {
  	font-family: Geneva, Arial, Helvetica, sans-serif;
  	font-size        : 11px;
  	font-weight   : bold;
  	color            : #000000;


}

.createdate {
  font-family      : verdana, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #999;
  text-align       : left;

}


.button {
  font-family      : Verdana, verdana, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;

  border           : 1px solid #CCCCCC;
}

.inputbox {
  font-family      : Verdana, verdana, Helvetica, sans-serif;
  font-size        : 10px;
  border           : 1px solid #CCCCCC;
}

.back_button {
	text-align: center;
	 font-family      : Verdana, verdana, Helvetica, sans-serif;
  font-size        : 10px;
}


.sectiontableheader {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : bold;
  color            : #000000;
}

.sectiontableentry1 {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
}

.sectiontableentry2, .contentdescription {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;

}


table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size        : 10px;
	
}

da steht nix von background color #cccccc :(

Thema: blauen rahmen um bilder weg - css befehl?

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

CSS fragen bei eigenem template

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen