Centrera loggan

tennek · Inlägg av **tennek** » 2008-05-04 19:14

Hej igen (börjar vara frågvis nu)
Har bytt ut orginalloggan till en egen genom att namnge min logga till samma som orginalet, döpa om orginalet och sen ladda upp min (gjorde min i samma storlek som orginalet).
Så nu har jag en egen som syns på forumet.
Vad jag vill göra är att först prova centrera loggan och om inte det ser bra ut så vill jag prova olika avstånd från vänsterkanten.
Själva forumet är centrerat.
Har hittat i overall_header.html där det står

Kod: Markera allt

</script>
</head>
<body class="{S_CONTENT_DIRECTION}">
<div id="wrapper">

<a name="top"></a>

<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
	<td id="logorow" align="center">
		<a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
	</td>
</tr>

Är det här någonstans jag skall ändra och isåfall var och hur?
/ Kennet

Inlägg av **Kjell** » 2008-05-04 21:33

<forumrot>/styles/prosilver/theme/common.css

titta efter #logo

tennek · Inlägg av **tennek** » 2008-05-05 08:36

Hej Kjell
Har ett tema som heter Serenity och där finns inte common.css utan endast stylesheet.css
<forumrot>/styles/serenity/theme/stylesheet.css
I den så finns följande:

Kod: Markera allt

/* Header and logo */
#maintable {
	border: solid 1px #999;
	margin: 0 auto;
	background-color: #F8F8F8;
}
#logorow {
	background: #F8F8F8 url(images/bg_logo.gif) top left repeat-x;
	text-align: left;
	padding: 0;
	padding-top: 6px;
	min-height: 70px;
}

"text-align: left;" provade jag att ändra till "text-align: center;" och då centrerades loggan
Vad kan jag använda om jag vill styra avståndet från vänsterkanten:
1 procentuellt
2 i pixels (bildpunketer)
/ Kennet

Inlägg av **Kjell** » 2008-05-05 11:48

Är lite upptagen för stunden, men du hittar alla kommandon här: http://www.w3schools.com/CSS/css_reference.asp

tennek · Inlägg av **tennek** » 2008-05-05 17:46

Lösningen på detta verkar vara att i stylesheet.css
Lägga till "padding-left: 25px;" för att styra avstånd från vänsterkant i pixel
eller "padding-left: 25%;" för att styra avstånd från vänsterkant i procent

Kod: Markera allt

/* Header and logo */
#maintable {
	border: solid 1px #999;
	margin: 0 auto;
	background-color: #F8F8F8;
}
#logorow {
	background: #F8F8F8 url(images/bg_logo.gif) top left repeat-x;
	text-align: left;
	padding: 0;
	padding-left: 25px;
	padding-top: 6px;
	min-height: 70px;
}

/ Kennet

malt · Inlägg av **malt** » 2008-09-15 16:39

Hej, har nu testat båda lösningarna men funkar inte för mig

I min overall_header står det:

Kod: Markera allt

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<!-- Border 1/4 -->
    <div class="outside">
    <div class="top-left"></div><div class="top-center"></div><div class="top-right"></div>
    <div class="inside">
    <div class="notopgap">
<!-- Border 2/4 -->

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			             <div id="site-description">
                <table border="0" width="100%" id="table2" cellspacing="1">
                   <tr>
                      <td>
                <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a></td>
                   </tr>
                   <tr>
                      <td>&nbsp;{SITE_DESCRIPTION}</td>
                   </tr>
                </table>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>

Sen tittade jag även i min common.css och där står det:

Kod: Markera allt

#logo {
	float: center;
	width: auto;
	padding: 10px 13px 0 10px;
}

Center efter att jag ändrade, men det blev ingen skillnad.
Någon som ev har en lösning?
tack på förhand

Centrera loggan

Centrera loggan

Re: Centrera loggan

Re: Centrera loggan

Re: Centrera loggan

Re: Centrera loggan

Re: Centrera loggan

Vilka är online