Centreren van tekst in dreamweaver

Status
Niet open voor verdere reacties.
ladycreative

ladycreative

Gebruiker
Lid geworden
17 dec 2011
Berichten
183
Centreren
Op de eerste pagina staat:
HTML: 
...
<table width="743" border="0" align="center">
...
Dat is slechte code, maar het centreert wel.

Op de tweede pagina staat op geen enkele manier aangegeven dat de tabel gecentreerd moet worden:
HTML: 
...
<table width="707" border="0">
...
en ook in de css staat er niets over centreren.

Of dat aan Dreamweaver ligt, of aan de bediening ervan, wil ik af wezen. ;)
In elk geval kan het in beide gevallen beter met:
HTML: 
...
<table width="..." style="margin: 0 auto; border: 0;">
...
of nog beter: deze styles in het css-blok of in een stylesheet zetten. :)

=======
De paarse link
Dat is het bekende Internet Explorer-verschijnsel van images die in een link zitten (andere browsers doen dat niet).
Het "Back" image heeft zowel op de eerste als op de tweede pagina een blauwe rand in IE7 als je de pagina voor het eerst opent.
Als je er een keer op geklikt hebt naar een andere pagina en dan weer terugkomt, is ie paars geworden. In andere IE-versies kan het anders zijn.
  • En eventueel kan je andere kleuren zien, als je in de IE-instellingen de standaard-kleuren voor links hebt aangepast.
In de css zet je:
Code: 
...
a img {
    border: 0;
    }
en dan ben je ervan af.

Met vriendelijke groet,
CSShunter
 
Heel veel dank CSS Hunter. Ik ga kijken of het me allemaal gaat lukken om de post op opgelost te kunnen zetten.
Fijn om een forumvriend te hebben die altijd het juste antwoord weet als ik het niet meer weet. :)
Mijn dank is erg groot!!!!!
 
Mille grazie!!!!!!!
YEAHHHHHHHH!!!!!!
ehhhmmmmmm......
Nu zie ik wel dat hij verschillende lettertypen gebruikt als de site online is.
http://www.my-imagine.nl/zonovergoten liefde.html gebruikt hij een ander lettertype dan hier http://www.my-imagine.nl/gebogen rug.html

Portfoliopagina is een zooitje.. Hier heb ik echt hulp bij nodig:
http://www.my-imagine.nl/portfolio.html Als ik de foto open met de fles..dus de eerste in de rij kan ik deze niet meer wegklikken.

http://www.my-imagine.nl/cloudysky.html kan hij de afbeelding niet vinden terwijl deze wel degelijk ge upload is.

De rijen zijn nu heel raar gecentreerd. Weet niet hoe ik dat moet veranderen want offline staat het wel goed. :(

Ook in de template paard plaatst hij de linken steeds meer in de afbeelding. Op elke pagina ook anders. Dit is toch een vast gegeven? Daar mag hij toch niets in kunnen veranderen per pagina?
Online en offline komen steeds minder met elkaar overeen.. wat toch zeer verrassend is...


Ik ben zelf ook nog aan het zoeken naar de oplossing maar mocht iemand al een antwoord weten.. ik zie m heel graag tegemoet!!

Alvast dank!!
 
Laatst bewerkt:
verschillende lettertypen
Klik om te vergroten...
  • Op de zonovergoten pagina staat er <p class="ddd"> met .ddd {font-size: 14px;}.
  • Op de gebogen pagina staat er alleen <p>, en dan wordt de font-size van de <body> overgenomen: body {font-size: 16px;}.
Verder heeft de ene pagina een style-blok in de <head> van de pagina, en de andere een echt gelinkt stylesheet. Als je alles zoveel mogelijk hetzelfde wilt hebben, kan je het beste voor alle pagina's hetzelfde stylesheet gebruiken. Eventueel kan je dan per pagina nog afwijkingen toevoegen in de <head>.

=======
Portfoliopagina - Als ik de foto open met de fles..dus de eerste in de rij kan ik deze niet meer wegklikken.
Klik om te vergroten...
Ja, dat gebeurt in Internet Explorer (niet in andere browsers).
De schuldige is deze:
HTML: 
...
<td align="center" valign="middle" onfocus="MM_openBrWindow('aquamarine.html','aquamarine','width=400,height=600')">
    <img src="portfolio/aquamarine klein jpg.jpg" alt="aquamarine" width="200" height="205" align="left" 
    onclick="MM_openBrWindow('aquamarine.html','aquamarine','width=400,height=600')" />
</td>
Hier heeft niet alleen het <img> een onclick, maar ook de <td> een onfocus die de popup opent.
Bij de andere afbeeldingen is er alleen maar de onclick op het image.
  • Het is dus op te lossen door de hele onfocus="..." weg te laten.
=======
Op cloudysky.html kan hij de afbeelding niet vinden terwijl deze wel degelijk geüpload is.
Klik om te vergroten...
Op de pagina cloudysky staat:
HTML: 
<body onload="MM_openBrWindow('cloudysky','cloudysky','width=500,height=500')">
    <img src="portfolio/cloudy sky.jpg" width="500" height="500" alt="cloudysky" />
</body>
Op de andere pagina's staat die onload er niet bij.
  • Het is dus op te lossen door de hele onload="..." weg te laten.
=======
De rijen zijn nu heel raar gecentreerd.
Ook in de template paard plaatst hij de linken steeds meer in de afbeelding.
Klik om te vergroten...
Van die twee snap ik niet wat je bedoelt.
  • Rijen op de portfolio-pagina? In welke browser, en bij welk beeldscherm-formaat?
  • De template "paard", is dat een Dreamweaver-temlate (een .dwt-bestand)? Zo ja, dan wordt dat door DW automatisch ingevoegd, en kan je bij surfen naar een pagina niet zien hoe dat template in elkaar zit. Wat staat er in die paard.dwt?
Met vriendelijke groet,
CSShunter
 
Grote dank CSS hunter!
Ongelooflijke dank weer voor je hulp. Kleine aanpassingen uiteindelijk voor mij maar o zo waardevol in het eindresultaat. :-)

Wat ik bedoel op de portfolio pagina is dit..
Knipsel.JPG




Wat ik bedoel op de templates is dit portfolio page.JPG en boek.JPG
Het bovenste kopje staat bijna door de afbeelding heen wat uiteindelijk niet echt mooi oogt.
Dit is de HTML : html.jpg

Hoop dat je nog aanwijzingen kunt geven...
 
Laatst bewerkt:
Portfolio-pagina
Ja, nu zie ik het: dat verschijnsel doet zich voor bij brede beeldschermen.
Oplossing:
  • De breedte van de tweede en derde <td> weghalen (width="228" resp. width="429"): helemaal geen breedte voor de cellen opgeven, dan worden ze alle drie even breed (afhankelijk van de beschikbare schermbreedte).
  • De align="left" uit de images halen, dan komen ze gecentreerd binnen de tabel.
Te hoog staande menu-items
Dat komt door het rijtje lege <p>&nbsp;</p>'s, waardoor je niet goed de beginhoogte kunt bepalen.
Oplossing:
  • Al die lege <p>'s er uit halen.
  • De tabelcel een padding-top (opvulling boven) geven:
    <td width="360" valign="top" nowrap="nowrap" height="882" align="right" style="padding-top: 300px">
... en het mooiste zou zijn: weg met alle tabellen, en dan met een paar <div>'s en css de opmaak regelen. :)
Met vriendelijke groet,
CSShunter
 
Hummm.....nu is het helemaal een zooitje CSS Hunter.. Knipsel.jpg
En "... en het mooiste zou zijn: weg met alle tabellen, en dan met een paar <div>'s en css de opmaak regelen" is leuk al je ook "even" weet hoe je dat allemaal fixed.


Ik heb de pagina uiteindelijk helemaal overnieuw gemaakt en nu staat het wel weer mooi gecentreerd.
De template aangepast.. en ziet er ook beter uit. Al met al weer een heleboel voortuitgang geboekt. Een betere streling voor het oog. hahahaha

Heel erg bedankt dat je je energie er weer even ingestoken hebt. En jammer dat er nergens een profielfoto te zien is.. hahaha... ben wel benieuwd wie mij elke keer zo toppie helpt!
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan