Archief - CSS : forms terug naar default weergave

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

netlash

Legacy Member
Een raar probleem, waarvan ik hoop dat de guru's op dit forum de oplossing weten...

Ik moet een aantal aanpassingen doen aan een bestaande site. De code is een ongelooflijke spaghetti, zowel op html, css als scripting vlak.
Ik moet dus zéér, zéér voorzichtig te werk gaan.

In de css zijn de <input type="submit" /> tags globaal vormgegeven (border, kleur, afmeting, de hele she-bang).

Nu moet ik op één pagina een 'standaard' submit knop te voorschijn toveren.

De correcte manier zou zijn : de ge-style-de submit-knoppen een class meegeven, en de css veranderen.

Maar : het is niet wenselijk om elke submit-knop over de ganse site aan te passen.

Dus zoek ik nu een manier om omgekeerd te werken : is er een mogelijkheid om één welbepaalde submit-knop terug als 'default' weer te geven ?

tikketim

Legacy Member
mijn eerste gedacht was om voor die ene uitzondering een class te maken met de gewone waarden van een default knop , maar aangezien die ronde randjes heeft zal dat niet gaan denk ik

als ik snap wa da ge bedoeld eh :)

netlash

Legacy Member
Ik snap perfect wat je bedoelt. En daar zit hem exact mijn probleem...

tikketim

Legacy Member
ge kunt natuurlijk altijd javascript gebruiken en met php daar een bepaalde functie aan vast hangen zodat het een submit button word
of niet ? ik ben maar aan het brainstormen :)

DarkBone

Legacy Member
Als er een unieke combinatie is van omliggende HTML elementen dan kun je eventueel iets als volgt proberen, voorbeeldje:

...
<td class="dummy"'>
<div>
<p>... <input type="submit" ... /> ... </p>
</div>
</td>
...

css:

td.dummy div p input
{
color: default:
border: none;
etc...
}

netlash

Legacy Member
Darbone,

Zal :

border: none;

er niet gewoon voor zorgen dat er géén border staat, en niet de default border ?

Dece

Legacy Member
als ik het goed begrijp kan je dus niets gaan veranderen in de html code van die website, maar heb je enkel toegang tot de css bestanden?!

persoonlijk zou ik dan ook te werk gaan zoals darkbone het zegt: kijken naar de rondom liggende elementen en die definieren in css.
en volgens mij was de border:none; juist een voorbeeld om te tonen hoe je de border concreet kan verwijderen ;)

netlash

Legacy Member
Ik kan wel aan de html, maar het is ondoenbaar om elk bestaand input-element een aparte class mee te geven.

Dus, die ene specifieke input kan ik gerust een class meegeven. Ik hoef dus niet via de omliggende tags te gaan.

Mijn vraag : hoe kan ik die class terug default zetten ?
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan