|
|
 | Midtstilling af logo og 'mellemstykke'
Fra :  annvibeke  | Vist : 663 gange
400 point
Dato : 25-11-05 13:12 |
|
Jeg slås med min 'Seneste tiltag'-side… http://ann-vibeke.dk/nyheder
Og min kamp drejer sig om indsnævring/formindskning + midtstilling af det lyse område og logoet (som skal kun midtstilles)…
Er der noget hjælp at hente her på kandu?
mvh/ann-vibeke
| |
 | Kommentar
Fra : bentjuul  |
Dato : 25-11-05 13:30 |
|
Dit logo midtstilles ved at ændre
Kode
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="55" class="colorbar">
<table width="50%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="50%"><img src="images/logo.gif"></td>
</tr>
</table> |
til
Kode
table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="55" class="colorbar">
<div align="center">
<table width="50%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="50%"><img src="images/logo.gif"></td>
</tr>
</table>
</div> |
//bentjuul
| |
| Kommentar
Fra : annvibeke |
Dato : 25-11-05 13:38 |
|
...det var halvvejs bentjuul...og tak for det 
Jeg tænker at det lysere midterstykke skal ændres i width - men der er flere at vælge imellem...
Er det noget du osse lige kan klare?
mvh/ann-vibeke
| |
| Kommentar
Fra : bentjuul |
Dato : 25-11-05 13:46 |
|
Ja, hvis jeg forstår det rigtig - så er det det lyse område du vil gøre smallere, så må du ændre din tabel sålede at
table width="100%"
ændres til
table width="800"
eller hvad du syntes i bredden.
//bentjuul
| |
| Kommentar
Fra : annvibeke |
Dato : 25-11-05 13:53 |
|
Logoet er godt nok midtstillet i forhold til det lyssere felt...
...men det lyse felt er ikke midtstillet...
Med hvad og hvor får jeg det gjort?
mvh/ann-vibeke
| |
| Accepteret svar
Fra : bentjuul | 
Modtaget 410 point
Dato : 25-11-05 13:55 |
|
Her er hele koden til din tabel hvis det lyse område også skal være centreret og jeg har sat tabel bredden til 600px
Kode
<div align="center">
<table width="600" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="55" class="colorbar">
<div align="center">
<table width="50%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="50%"><div align="center"><img src="images/logo.gif"></div></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td height="5" class="colorbar2"><img src="spacer.gif" width="1" height="5"></td>
</tr>
<tr>
<td height="*" class="maincontent" valign="top">
<!-- Start Main Body -->
<p>Vælg en tilføjelse og se om det er interessant ;-).</p>
<ul>
<!-- Start FAQ Scripting -->
<li class="category"><strong><a href="faq.php?category_id=10&cat_name=Tilføjelse(r) i 04. 2005" onclick="NewWindow(this.href,'faqs','580','480','yes');return false">Tilføjelse(r) i 04. 2005</a></strong></li>
<li class="category"><strong><a href="faq.php?category_id=11&cat_name=Tilføjelse(r) i 05. 2005" onclick="NewWindow(this.href,'faqs','580','480','yes');return false">Tilføjelse(r) i 05. 2005</a></strong></li>
<li class="category"><strong><a href="faq.php?category_id=12&cat_name=Tilføjelse(r) i 06. 2005" onclick="NewWindow(this.href,'faqs','580','480','yes');return false">Tilføjelse(r) i 06. 2005</a></strong></li>
<li class="category"><strong><a href="faq.php?category_id=13&cat_name=Tilføjelse(r) i 07. 2005" onclick="NewWindow(this.href,'faqs','580','480','yes');return false">Tilføjelse(r) i 07. 2005</a></strong></li>
<li class="category"><strong><a href="faq.php?category_id=14&cat_name=Tilføjelse(r) i 09. 2005" onclick="NewWindow(this.href,'faqs','580','480','yes');return false">Tilføjelse(r) i 09. 2005</a></strong></li>
<li class="category"><strong><a href="faq.php?category_id=15&cat_name=Tilføjelse(r) i 10. 2005" onclick="NewWindow(this.href,'faqs','580','480','yes');return false">Tilføjelse(r) i 10. 2005</a></strong></li>
<li class="category"><strong><a href="faq.php?category_id=16&cat_name=Tilføjelse(r) i 11. 2005" onclick="NewWindow(this.href,'faqs','580','480','yes');return false">Tilføjelse(r) i 11. 2005</a></strong></li>
<!-- End FAQ Scripting -->
</ul>
<!-- End Main Mody -->
</td>
</tr>
<tr>
<td height="1" class="hrz_line"><img src="spacer.gif" width="1" height="1"></td>
</tr>
<tr>
<td height="50" align="right" class="foot">Tilbage til <a href="http://www.ann-vibeke.dk/sitemap.htm" target="_blank">oversigten</a>. Copyright © 2005.</td>
</tr>
</table>
</div> |
//bentjuul
| |
| Kommentar
Fra : annvibeke |
Dato : 25-11-05 14:03 |
|
...typisk...lige nu har jeg 'ftp-connect'-problemer...så jeg kan ikke uploade rettelserne...
- du er ikke glemt 
mvh/ann-vibeke
| |
| Godkendelse af svar
Fra : annvibeke |
Dato : 25-11-05 14:08 |
|
Yesss........
Tak for svaret bentjuul.
mvh/ann-vibeke
| |
| Kommentar
Fra : bentjuul |
Dato : 25-11-05 14:09 |
|
men det virker forhåbentlig, for det er din egen kode hvor jeg har rettet bredden på tabellen centreret dit logo og centreret hele tabellen.
//bentjuul
| |
| Kommentar
Fra : annvibeke |
Dato : 25-11-05 14:17 |
|
Måske bør jeg lige sige (i det tilfælde at spørgsmål/svar blir købt):
- at width satte jeg til 60% i stedet for dit foreslåede 600...
Det kan tænkes at det går ud på ét - men hvis jeg selv sku' købe svaret for at bruge det...
...og med de evner (eller mangel på samme) ville jeg foretrække at bruge %, som oprindeligt
mvh/ann-vibeke
| |
| Kommentar
Fra : bentjuul |
Dato : 25-11-05 14:40 |
|
Forskellen er at når du bruger % så vil tabellen virke som en elastik dvs den vil indrette sig efter brugerens browser - når du bruger f.eks. table width="600" så vil tabellen altid være 600px bred.
//bentjuul
| |
| Kommentar
Fra : bentjuul |
Dato : 25-11-05 14:45 |
|
Jeg skal måske lige tilføje at ved at have faste mål - så har man altid styr på hvordan ens layout ser ud.
//bentjuul
| |
| Kommentar
Fra : annvibeke |
Dato : 25-11-05 14:46 |
|
Aha...
...vil elastik-modellen så ikke være mest gæstfrit?
mvh/ann-vibeke
| |
| Kommentar
Fra : bentjuul |
Dato : 25-11-05 14:55 |
|
Ikke altid, du kan f.eks se her http://tobias.capricornus.dk/ der har tabellen et fast mål på 800px så den slutter helt ind til den flash-film der er inde i tabellen. Hvis jeg lavede den som elastik med % ville der blive et hvidt område i siderne mellem flashfilmen og tabellen.
//bentjuul
| |
 | Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|