Ga naar inhoud

Volledig scherm

lolleflikker
 Delen

Aanbevolen berichten

lolleflikker Vaste Klant

lolleflikker

Geplaatst:
Geplaatst:

Beste, ik ben vandaag begonnen met een nieuwe website.

Ik heb een startmenu achtergemaakt van Windows Vienna, de site zal daar ook over gaan. (Heeft me veel werk gekost, dus niet kopieeren).

Lay-out Dit is niet voor reclame, maar omdat jullie me zouden kunnen helpen! Nu zie je wel die startmenu. Ik heb hem geslised met Photoshop, ik wil rechts en links behouden, maar de middenste afbeelding moet uitrekken naargelang de resolutie van de client. Ik had al op 100% enzo gezet. Maar het blijft maar niet werken.

Hieronder volgt mijn HTML document, de afbeelding die moet uitrekken heet: index_06.

<html>

<head>

<title>Lay-out</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- ImageReady Slices (Lay-out.psd) -->

<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">

<tr>

<td colspan="7">

<img src="images/index_01.png" width="1024" height="728" alt=""></td>

</tr>

<tr>

<td>

<img src="images/index_02.png" width="49" height="40" alt=""></td>

<td>

<img src="images/index_03.png" width="8" height="40" alt=""></td>

<td>

<img src="images/index_04.png" width="62" height="40" alt=""></td>

<td>

<img src="images/index_05.png" width="187" height="40" alt=""></td>

<td>

<img src="images/index_06.png" width="32" height="40" alt=""></td>

<td>

<img src="images/index_07.png" width="649" height="40" alt=""></td>

<td>

<img src="images/index_08.png" width="37" height="40" alt=""></td>

</tr>

</table>

<!-- End ImageReady Slices -->

</body>

</html>

  • Reacties 20
  • Aangemaakt
  • Laatste reactie

Beste reacties in dit topic

Populaire dagen

Beste reacties in dit topic

Populaire dagen

Geplaatste afbeeldingen

Gast

Gast

Geplaatst:
Geplaatst:

Ik weet niet wat je allemaal al hebt uitgeprobeerd. Ik ben zelf maar redelijk beginner in die dingen.

Maar je begint bovenaan met <table id="Table_01" width="1024"

en je werkt heel je website in die table, dus dat gaan nooit breder worden dan 1024.

dus wat geeft het als je table_01 EN index_07 beide op 100% width zet?

Gast

Gast

Geplaatst:
Geplaatst:

wel ja, het werkt volgens mij wel hoor

dus je wil 6 uitrekken (foutje dan van mij, slecht gelezen), dan zet je die 6 op 100% en bovenaan je table ook 100%

en zet dan eens voor elke link ook echt een afbeelding. Of anders moet je die td's ertussen uitdoen.

want je zegt: <img src="http://www.pc-helpforum.be/images/index_07.png" width="649" dus hij moet zoveel plaats houden voor niets, want er is geen afbeelding.

edit: het werkt in firefox, maar niet in IE :s

leroy Mentor

leroy

Geplaatst:
Geplaatst: (aangepast)

dit waar jullie het nu over hebben gaat nooit lukken...

je moet de afbeelding index_06.png als ACHTERGROND van een DIV of een TD tag van een tabel zetten... dit moet met een stylesheet...

dan moet je een stylesheet aanmaken (dit moet zoiezo) en daarin moet je een classe zetten die een naam heeft.

je zorgt dan dat in TD tag waar je afbeelding(index_06) staat dit staat:

<tr>
    <td class="taskbar">
         hier de inhoud van die taskbar (nog niets dus)
    </td>
</tr>

nu gaat hij alle "attributen" meenemen die je in je stylesheet hebt gezet onder de naam 'taskbar'

nu moet je een stylsheet maken. Daarin komt dit te staan:

.taskbar 
{
    background: url('images/index_06');
    background-repeat: repeat-x;
    height: 40px;
}

dit om ervoor te zorgen dat hij de achtergrond alleen op de X-as (horizontaal) herhaalt.

EN

om ervoor te zorgen dat hij de TD-tag een hoogte geeft van 40pixels (wat de hoogte van die afbeelding is)

Als je dit doet... en je zet de breedte van je tabel op 100%.. of 90% en je laat hem dan in het midden uitlijnen...dan moet het goed zijn...

Ik weet niet hoe het eruit gaat zien want ik heb dit even uit mijn hoofd getypt.

Ik raad wel aan om geen afbeeldingen te gaan gebruiken op deze manier door dit te doen:

<img src="" />

enz.

Hierdoor kun je over die afbeelding niets typen

Mocht het niet lukken... laat het dan even weten... Of laat even iets weten via PM of een mailtje... of msn :biggrin: (Contact via PB) (mailto: is om spam tegen te gaan van googlebots)

aangepast door Kurtt
Mailadres verwijdert
lolleflikker Vaste Klant

lolleflikker

Geplaatst:
  • Auteur
Geplaatst:

Het werkt niet, het wil nog altijd niet. Maar, wat bedoel je met in het midden uitlijnen?

Kloppen de documenten nu?

<html>

<head>

<title>Lay-out</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<LINK HREF="stylesheet.css" REL="stylesheet" TYPE="text/css">

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- ImageReady Slices (Lay-out.psd) -->

<table id="Table_01" width="100%" height="768" border="0" cellpadding="0" cellspacing="0">

<tr>

<td colspan="7">

<img src="images/index_01.png" width="1024" height="728" alt=""></td>

</tr>

<tr>

<td>

<img src="images/index_02.png" width="49" height="40" alt=""></td>

<td>

<img src="images/index_03.png" width="8" height="40" alt=""></td>

<td>

<img src="images/index_04.png" width="62" height="40" alt=""></td>

<td>

<img src="images/index_05.png" width="187" height="40" alt=""></td>

<td class="taskbar"></td>

<td>

<img src="images/index_07.png" width="649" height="40" alt=""></td>

<td>

<img src="images/index_08.png" width="37" height="40" alt=""></td>

</tr>

</table>

<!-- End ImageReady Slices -->

</body>

</html>

.taskbar

{

background: url('images/index_06');

background-repeat: repeat-x;

height: 40px;

}

Gast
Dit topic is nu gesloten voor nieuwe reacties.
 Delen
Ga naar topic overzicht
Logo

OVER ONS

PC Helpforum helpt GRATIS computergebruikers sinds juli 2006. Ons team geeft via het forum professioneel antwoord op uw vragen en probeert uw pc problemen zo snel mogelijk op te lossen. Word lid vandaag, plaats je vraag online en het PC Helpforum-team helpt u graag verder!

SITEMAP

×
×
  • Nieuwe aanmaken...

Belangrijke informatie

We hebben cookies geplaatst op je toestel om deze website voor jou beter te kunnen maken. Je kunt de cookie instellingen aanpassen, anders gaan we er van uit dat het goed is om verder te gaan.